/*
* Base SCSS file for all site wide styles ...........test
*/
/* compass mixins
*************************************************/
/* Here"s where we define some default constants
*************************************************/
/*   OVERRIDE */
/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
#contactus h2 {
  margin-top: 0; }

.treemap__tooltip {
  /*position: absolute;*/
  background-color: rgba(255, 255, 255, 0.7); }

/* table.css: Required by events and facilities/venues-gallery-facilities page*/
table.styled {
  border: 1px solid #eee;
  border-collapse: inherit;
  margin: 5px;
  width: auto;
  overflow: hidden;
  font-size: smaller;
  border-radius: 25px; }

table.styled tr {
  border: 1px solid #eeeeee; }

table.styled td {
  padding: 10px;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  text-align: center; }

table.styled td ul {
  text-align: left; }

table.styled .th-green {
  background-color: #a3cf62;
  color: #FFF;
  padding: 20px;
  border-right: 1px solid #FFF; }

table.styled .th-green:last-of-type {
  border-right: 0; }

table.styled .th-left {
  font-weight: bold; }

table.styled .styled-hover {
  background: #eee; }

table.styled li {
  font-size: inherit;
  line-height: inherit; }

table.styled tr:hover {
  background: inherit; }

.add .row {
  width: 100%;
  margin: 0; }

.add p {
  clear: both; }

.trainer p {
  clear: none; }

.add h3 {
  font-family: "calibriregular";
  font-size: 18px;
  color: #555554; }

.add .btn {
  background: #555554;
  background-image: -webkit-linear-gradient(top, #555554, #5e5e5e);
  background-image: -moz-linear-gradient(top, #555554, #5e5e5e);
  background-image: -ms-linear-gradient(top, #555554, #5e5e5e);
  background-image: -o-linear-gradient(top, #555554, #5e5e5e);
  background-image: linear-gradient(to bottom, #555554, #5e5e5e);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px #666666;
  -moz-box-shadow: 0 1px 1px #666666;
  box-shadow: 0 1px 1px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 10px 10px 10px;
  border: solid #555554 1px;
  text-decoration: none;
  margin: auto;
  display: block; }

.add .btn:hover {
  background: #5e5e5e;
  background-image: -webkit-linear-gradient(top, #5e5e5e, #555554);
  background-image: -moz-linear-gradient(top, #5e5e5e, #555554);
  background-image: -ms-linear-gradient(top, #5e5e5e, #555554);
  background-image: -o-linear-gradient(top, #5e5e5e, #555554);
  background-image: linear-gradient(to bottom, #5e5e5e, #555554);
  text-decoration: none; }

.add .btn a {
  text-decoration: none;
  border-bottom: none;
  color: white !important; }

.add .image-section {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  padding: 5px;
  min-height: 200px;
  position: relative; }

.add .image-section span {
  text-align: center; }

.add .image-section:hover {
  background: #c5db86; }

.add .training {
  min-height: 100px; }

.add .training p small {
  line-height: 1.3em !important; }

.add .img-responsive {
  width: 100%;
  height: auto;
  max-width: 100%;
  padding: 0;
  margin: 0; }

.add .copy__image {
  float: none; }

.add h4 {
  line-height: 18px;
  margin-top: 15px;
  color: #555554;
  font-family: "calibriregular";
  font-weight: bold; }

.add .image-section h4 {
  font-size: 0.9em;
  text-align: center;
  width: 100%; }

.add table {
  border: 1px solid #555554;
  width: 100%; }

.add table th {
  background: #b9b9b7;
  font-family: "calibribold";
  font-size: 16px;
  color: #555554; }

.add table th, .add table td {
  padding: 10px 5px; }

.add table td {
  font-size: 14px; }

.add table h4 {
  font-size: 18px;
  font-family: "calibriregular";
  color: #555554; }

.add table tr:hover {
  background: #f7f7f7; }

.add table.small-font {
  font-size: smaller;
  margin: 0 -30px;
  width: auto; }

.add table.small-font tr:hover, .add table.supplier-table tr:hover, .add table.pricing-table tr:hover, .add table.recommendations-table tr:hover {
  background: inherit; }

.add table.supplier-table td:hover, .add table.pricing-table td:hover {
  background: #f7f7f7; }

.add table.pricing-table td {
  text-align: center; }

.add table.recommendations-table {
  border: none; }

.add table.recommendations-table h4 {
  float: right; }

.add table.recommendations-table p {
  position: relative;
  z-index: 5;
  font-style: italic;
  clear: none;
  display: inline-block; }

.add table.recommendations-table p:first-of-type:before {
  content: "\"";
  font-size: 60px;
  color: #eee;
  font-family: Georgia, serif;
  display: inline-block; }

.add table.recommendations-table p:last-of-type:after {
  content: "\"";
  font-size: 20px;
  color: #eee;
  font-family: Georgia, serif;
  display: inline-block; }

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

.copy__image__center {
  margin: auto; }

.float-right {
  float: right;
  clear: none; }

.gallery-link a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }

.gallery-link a span {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  padding: 5px;
  background: #fff; }

.gallery-link a span h3 {
  font-family: "calibriregular";
  font-weight: bold; }

.gallery-link a:hover span {
  visibility: visible; }

.add .col-6 {
  font-size: small; }

/* END OF table.css*/
.read__more__info__documents--a {
  margin-top: -3px; }

/* BLUEIMP */
a.next, a.prev {
  width: 35px;
  height: 35px; }

/* BLUEIMP */
.container {
  padding: 0;
  border: 0; }

.row-15m {
  margin-bottom: 10px;
  margin-left: -15px;
  margin-right: -15px; }
  .row-15m:before, .row-15m:after {
    display: table;
    content: " "; }

#middlecol .ms-webpart-zone {
  width: 333px; }

#middlecol_left {
  height: 25px; }

#middlecol_right {
  height: 25px; }
  #middlecol_right .ms-webpart-zone {
    /*padding-right: 40px;*/ }

.col__inner__container {
  padding: 30px 30px 30px 30px;
  background: #fff;
  border-bottom: 1px solid #d5d5d5; }

.col__inner__container.col__inner__container--top {
  background: #fbfbfb;
  border-bottom: none; }

.col__inner__container.col__inner__container--dark {
  background: #555554; }

.col__inner__container .down__arrow {
  position: absolute;
  top: 0;
  left: 50%; }

.col__inner__container--company-profile .divider__vert--light-grey {
  height: 115px;
  margin: -5px 24px 0; }

.col__inner__container__header .divider__vert--grey {
  height: 10px;
  margin: 8px 20px 0; }

.col__inner__header {
  background: #fff;
  padding: 30px;
  border-bottom: 1px solid #e7e7e6; }

.col__inner__header .col__title {
  margin-bottom: 0; }

.homepage__content {
  background-color: #ededed; }

.company__filters .tabs__col__tabs {
  margin-bottom: 20px;
  position: relative;
  border-left: 1px solid #ebebeb; }

.company__filters .tabs__col__tabs .tabs__col__tabs__item {
  background: #fff;
  padding: 15px 10px;
  text-align: center;
  cursor: pointer;
  float: left;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  width: 111px;
  height: 75px; }

.company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
  padding: 15px 10px 11px;
  background: #f7f7f7;
  border-bottom: 4px solid #c5db86; }

.company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
  color: #555554; }

.company__alphabet {
  padding: 28px 0 28px 10px; }

.company__alphabet__letter {
  font-family: "calibrilight";
  font-size: 18px;
  margin-right: 8px; }

.company__alphabet__letter.company__alphabet__letter--active {
  color: #49b6e6 !important;
  text-decoration: underline !important; }

.company__filters {
  margin-top: 14px; }

ul.dots.left {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 7px !important;
  height: 65px !important; }

/* bullet points */
.list__item {
  list-style-type: none;
  background: url("/Style%20Library/JSESnippets/images/icon/bullet.png") 0 7px no-repeat;
  padding-left: 21px;
  font-family: calibriregular;
  font-size: 16px; }

.list__item a {
  text-decoration: underline !important;
  font-family: calibriregular; }

/*.col__inner__container a {
    text-decoration: underline !important;
}*/
/*Spacing between new sections*/
#rightcol #sidebartop .s4-wpcell-plain {
  border-bottom: 14px solid #ededed; }

/*#rightcol #sidebartop {
    margin-top: 2px;

    & .s4-wpcell-plain {
        margin-bottom: 40px;
    }
}*/
#sidebarsocial, #sidebardocs, #sidebarbottom {
  border-bottom: 14px solid #ededed; }

.homepage__content__inner {
  min-width: 374px;
  width: 100%; }
  .homepage__content__inner #leftcol {
    /*margin-right: 40px;*/
    padding-right: 25px; }

#DeltaPlaceHolderMain > div, .CenterContent {
  margin: 0 auto;
  max-width: 980px; }

.homepage__documents {
  background-color: #555554;
  height: 42px;
  margin-bottom: 8px;
  line-height: 12px;
  color: #ffffff !important;
  font-family: "calibrilight";
  font-size: 16px;
  font-weight: bold;
  padding: 15px 25px 0 12px; }

#webstir .homepage__documents {
  background-color: #555554;
  height: 42px;
  margin-bottom: 8px;
  line-height: 12px;
  color: #ffffff !important;
  font-family: "calibrilight";
  font-size: 16px;
  font-weight: bold;
  color: #555554 !important;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  background-color: white;
  padding-top: 45px;
  margin-left: 16px;
  margin-bottom: 22px;
  font-family: calibriregular;
  font-weight: bold; }

/* WEB Part Title Bar Settings ---- on the left */
/*#leftcol .ms-webpart-chrome-title {
        margin-right:30px;
}*/
/* WEB Part Title Bar Settings ---- on the right */
#rightcol .ms-webpart-chrome-title {
  background-color: #555554;
  height: 42px;
  margin-bottom: 8px;
  line-height: 12px;
  color: #ffffff !important;
  font-family: "calibrilight";
  font-size: 16px;
  font-weight: bold;
  padding: 0; }

#rightcol .homepage__documents {
  width: 245px; }

#rightcol .ms-webpart-chrome-title {
  width: 245px; }

#rightcol .col__inner__container {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  padding-left: 13px !important; }

#rightcol .col__inner__container, #rightcol .homepage__sidenav {
  width: 245px; }

#rightcol .homepage__sidenav {
  padding-top: 14px; }
  #rightcol .homepage__sidenav .homepage__sidenav__item > a {
    text-decoration: underline !important; }

#rightcol #findabroker, #rightcol #relateddocuments, #rightcol #relatedproducts, #rightcol #indexclassificationsandcodes, #rightcol #icanotices, #rightcol #quarterlyreviews, #rightcol #contactus, #rightcol #annualreviews, #rightcol #socialmedianavigation {
  width: 245px; }

#rightcol [class*="--a"] {
  margin-top: -3px; }

#rightcol [class*="--i"] {
  margin-top: 3px; }

#rightcol #usefullinks a {
  text-decoration: none !important; }

#leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features, #leftcol #annualreviews, #leftcol #available, #leftcol #nova {
  width: 700px; }

#leftcol img {
  max-width: 700px; }

#leftcol h1 {
  font-family: calibribold;
  font-size: 24px; }

#leftcol h2 {
  font-family: calibribold;
  font-size: 20px;
  color: black; }

#leftcol h3 {
  font-family: calibribold;
  font-size: 16px; }

#leftcol .ms-rtestate-field > h2, #leftcol .col__inner__container > strong {
  font-family: calibribold;
  font-size: 20px;
  padding-top: 40px;
  padding-left: 30px; }

#leftcol .row {
  border-top: 13px solid #ededed; }

#leftcol .col__inner__container .row {
  border-top: none; }

.read__more__info__documents--issuer {
  float: left; }

a.read__more__info__documents {
  text-decoration: none !important; }

/* .ShowDetail Show Detail +/- Selector */
.documents__detailed--s, .read__more__info__documents--s, .read__more__info__documents--issuer--s {
  float: right;
  /*background-color: #a3cf62;*/
  color: #a3cf62;
  border-radius: 6px;
  width: 17px;
  text-align: center; }

.btn__find__broker, .btn__find__sponsor {
  background-color: #5d5d5c;
  padding: 13px 0 12px 12px;
  width: 245px; }

/* Web Part Title Bar ---- All */
.ms-webpart-chrome-title {
  /*background-color:blue;
        margin-right:35px;*/ }

/* CONTENT UPDATES / CHANGES AND FIXES */
.ms-rtestate-field h2, .col__title2 {
  color: #555554 !important; }

.documents__detailed {
  width: 100%; }
  .documents__detailed a {
    text-decoration: none !important;
    /*height: 18px;*/ }

/* CONTENT UPDATES / CHANGES AND FIXES */
.nopadding {
  padding: 0 !important; }

/* trading Calendar */
.TradingCal {
  /* Class added post-render */
  background-color: white;
  padding-top: 22px;
  /*padding-left: 29px;*/ }

/*
    DEVELOPMENT AND TESTING CHANGES ONLY
*/
.SeeClearly {
  position: absolute;
  top: 0;
  left: 0;
  background-color: greenyellow;
  color: white;
  font-size: larger;
  z-index: 999999; }
  .SeeClearly a {
    margin-left: 10px; }

a, a:visited {
  color: #555554 !important;
  cursor: pointer !important;
  text-decoration: none !important; }

/*div .ms-webpart-titleText {

}*/
div.col-9 .ms-webpart-chrome-title {
  overflow-x: hidden; }

h2.ms-webpart-titleText {
  background-color: #555554;
  width: 100% !important;
  /*font-size: 16px;*/ }

.ms-webpart-chrome-title .ms-webpart-titleText, div .ms-webpart-titleText {
  color: white !important;
  background-color: #555554;
  font-size: 16px;
  padding-left: 12px;
  padding-right: 25px;
  padding-top: 15px;
  margin-bottom: -3px;
  height: 45px !important;
  font-family: "calibribold";
  width: 237px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  line-height: 12px;
  font-weight: bold; }

.msWebpartTitleText {
  background-color: white;
  color: #555554 !important;
  font-size: 16px;
  padding-left: 29px;
  padding-right: 25px;
  padding-top: 29px;
  height: 45px !important;
  font-family: "calibribold";
  width: 100%;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  line-height: 12px;
  font-weight: bold;
  margin: 12px 40px 0 0;
  margin-bottom: 0 !important;
  white-space: normal;
  /*margin-top: 12px;*/
  /*margin-left: 34px;*/
  /*margin-right: 40px;*/
  /*border-top: 14px solid #ededed;*/ }

/*.ms-webpart-chrome-title .ms-webpart-titleText {
    background-color: rgb(255, 255, 255) !important;

    span {
        color: #555554;
    }
}*/
div.col-1 .ms-webpart-chrome-title {
  overflow-x: hidden; }

#s4-workspace {
  width: 100% !important;
  overflow-y: visible;
  overflow-x: hidden !important; }

#ms-designer-ribbon img {
  width: initial;
  border: inherit;
  -ms-interpolation-mode: bicubic;
  display: initial;
  -webkit-tap-highlight-color: transparent; }

#s4-bodyContainer {
  padding-bottom: 0 !important; }

div.article, div.welcome {
  padding: 0; }

.article-content, .welcome-content {
  margin: 0; }

/*#Groups > .col__inner__container {
        padding-left: 10px;
        padding-left: 14px;
        padding-right: 10px;
        border-bottom: 7px solid white;
    }*/
/* Hotlines */
div#Groups {
  /*background-color: green;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/ }

.commitee__row {
  border: 1px solid #e2e2e1;
  border-top: none; }

.commitee__row__item {
  vertical-align: middle;
  display: table-cell;
  padding: 15px 30px;
  text-align: center;
  border-left: 1px solid #e2e2e1;
  font-family: "calibriregular"; }

.commitee__row__item--mod {
  display: table-cell;
  padding: 15px 30px;
  vertical-align: top;
  text-align: left;
  border-left: 1px solid #e2e2e1;
  border-top: 1px solid #e2e2e1;
  font-family: "calibriregular"; }

.commitee__row__item__name {
  border-left: none;
  width: 279px;
  text-align: left; }

.commitee__help__text {
  font-family: "calibriregular";
  font-size: 14px;
  color: #b9b9b7;
  line-height: 20;
  padding: 2px 0 0 10px; }

/* Hotlines END */
/* Search Bar */
.ms-srch-sb > input {
  width: 585px;
  top: 14px;
  position: absolute;
  padding: 0 1px 0 0;
  left: 11px;
  height: 19px;
  color: white !important; }

.ms-srch-sb > .ms-srch-sb-searchLink {
  background: url("../../JSESnippets/images/icon/icon-search-hover-open.png") no-repeat;
  height: 13px;
  width: 13px;
  position: absolute;
  right: 21px;
  top: 16px; }

.search__bar__block .ms-srch-sb-searchImg {
  display: none; }

.search__bar__block .ms-srch-sb-border,
.search__bar__block .ms-srch-sb-borderFocused {
  border: none; }

.ms-webpartzone-cell {
  margin-bottom: 0 !important; }

.ms-rtestate-field h2 {
  color: #555554; }

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

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

input[type="password"]:hover, input[type="text"]:hover, input[type="file"]:hover, textarea:hover, .sp-peoplepicker-topLevel:hover, .ms-inputBox:hover {
  border-color: none !important; }

.sp-peoplepicker-topLevel, .sp-peoplepicker-topLevelDisabled, .sp-peoplepicker-autoFillContainer, .ms-inputBox {
  border: none !important;
  background-color: transparent !important;
  color: #FFFFFF !important; }

input[type="text"].ms-long {
  border: 1px solid #ababab !important;
  color: #444 !important;
  background-color: rgba(255, 255, 255, 0.85) !important; }

.ms-ToolPaneOuter input[type="text"] {
  border: 1px solid #d9d9d9 !important;
  color: #65686b !important;
  background-color: #fff !important; }

#MSOTlPn_MainTD option, #MSOTlPn_MainTD select, #MSOTlPn_MainTD button {
  border-color: #d9d9d9 !important;
  background-color: #fff !important;
  color: #65686b !important; }

.listed__company__search input {
  position: relative;
  top: 0;
  left: 0; }

.ms-srch-sb-borderFocused {
  border: none; }

.ms-srch-result {
  margin-top: 0 !important; }

.ms-srch-result-groups {
  margin-bottom: 10px !important; }

#rightcol .ms-srch-result-groups {
  margin-bottom: 0 !important; }

.ms-srch-group {
  margin-top: 10px; }

.ms-srch-item {
  clear: both;
  width: 100%;
  padding: 5px 0;
  margin: 0;
  overflow: hidden; }

.ms-srch-item:hover {
  margin-left: -10px;
  padding: 5px 10px; }

.ms-srch-ellipsis {
  font-size: 16px;
  line-height: 17px;
  color: #4a4a4a; }

.ms-srch-result #Paging a {
  color: #4a4a4a; }

.ms-srch-result #Paging a:hover {
  color: #4a4a4a; }

/* Search Results */
.ms-srch-hover-outerContainer {
  display: none !important; }

.ms-srch-result #Paging {
  margin: 0 !important; }

.ms-ref-refiner {
  padding: 0 !important; }

/* File Search Results */
.EbS {
  /*background-color: rgba(163, 207, 98,0.4);*/
  background: linear-gradient(rgba(163, 207, 98, 0.9), rgba(163, 207, 98, 0.2));
  border-radius: 2px;
  border-bottom-right-radius: 20px; }

.EbS > a {
  font-size: 13px !important; }

.ExpBorderShow {
  border-top: solid 3px #ffce00;
  background-color: #ffeb99;
  opacity: 0.99; }
  .ExpBorderShow .ShowDetail {
    background-color: #ffce00; }

.Detail {
  background-color: #ffeb99;
  height: 14px;
  float: right;
  margin-top: 3px;
  white-space: nowrap;
  padding-left: 4px; }

/* Accordion Style
********************************************************** */
ul.accordion {
  list-style: none;
  margin-left: 15px;
  padding: 0; }

.accordion-header {
  font-size: 1.2em;
  cursor: pointer;
  padding: 2px;
  padding-left: 10px;
  border-bottom: 15px white solid;
  margin-right: 25px; 
  background: #efefef;
  }
  

.accordion-header:hover {
  /*background: #efefef;*/
  background: #dfdfdf;
  border-bottom: 15px white solid;
  margin-right: 25px; 
  text-decoration: underline;}

.accordion-header.expanded {
	background: #dfdfdf!Important;
	text-decoration: underline; }

.accordion-content {
  padding: 16px;
  margin-right: 30px;
  margin-top: -10px; }

.expand-all, .collapse-all {
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  margin-left: 15px;
  margin-bottom: 15px;
  margin-top: 15px; }

.expand-all:hover, .collapse-all:hover {
  background: #a3cf62;
  color: RGB(255, 255, 255); }

.col__title {
  color: #555554;
  font-size: 20px;
  font-family: "calibribold";
  margin-bottom: 15px;
  /*margin-top: 40px;*/ }

.col__title.col__title--with-LS {
  letter-spacing: -1px; }

.col__title.col__title--white {
  color: #fff !important;
  margin-bottom: 0; }

.col__title.col__title--LH-12 {
  line-height: 12px; }

.col__title2 {
  color: #555554;
  font-size: 18px;
  font-family: "calibribold" !important;
  margin-bottom: 15px; }

.col__title3 {
  color: #555554;
  font-size: 16px;
  font-family: "calibribold";
  margin-bottom: 15px; }

/* Instrument Profile Page START */
.col__company__profile {
  background: url("../../JSESnippets/images/company-profile.png");
  height: 199px;
  width: 731px; }

.col__company__profile.col__company__profile {
  background: url("../../JSESnippets/images/company-profile2.png");
  height: 219px;
  width: 100%; }

.col__company__profile__heading {
  color: #b1cf5e;
  font-family: "calibrilight";
  text-align: center;
  text-transform: uppercase;
  padding-top: 44px; }

.col__company__profile__title {
  font-size: 36px;
  font-family: "calibriregular";
  text-align: center;
  text-transform: uppercase;
  margin: 7px 0 19px 0;
  letter-spacing: 3px;
  color: #fff;
  line-height: 26px; }

.col__company__profile__title--small {
  font-size: 25px; }

.col__company__profile__title--suspended {
  color: #ef3945; }

.company__profile__blocks {
  text-align: center;
  line-height: 15px;
  vertical-align: top; }

.company__profile__blocks .homepage__banner__blocks__devider {
  border-left: 1px solid #6d6d6c;
  height: 12px;
  margin: 0 50px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.company__profile__blocks .homepage__banner__blocks__devider--profile {
  margin: 10px 20px 0 20px; }

.company__profile__blocks__text {
  color: #fff;
  font-size: 16px;
  font-family: "calibrilight";
  vertical-align: top !important;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.company__profile__blocks__text--large {
  font-size: 20px; }

.company__profile__blocks__numbers {
  display: block;
  color: #b1cf5e;
  font-family: "calibrilight";
  font-size: 12px; }

.company__profile__blocks__numbers--minus {
  color: #ef3945; }

.company__profile__blocks__text--blue {
  color: #00a88e;
  font-family: "calibrilight";
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  width: 110px; }

.company__profile__container.company__profile__container--grey {
  background: #fbfbfb; }

.company__profile__numbers.company__profile__numbers--light {
  color: #b9b9b7; }

.company__profile__numbers {
  font-size: 40px;
  font-family: "calibribold";
  text-align: center;
  line-height: 35px;
  padding-top: 15px; }

.company__profile__row > div {
  padding-left: 0;
  padding-right: 0;
  border-right: 1px solid #e7e7e6; }

.company__profile__numbers__description {
  position: relative;
  overflow: hidden;
  font-family: "calibrilight";
  font-size: 14px;
  text-align: center;
  margin-top: 20px; }

.company__profile__container {
  padding: 30px;
  background: #fff; }

.lblChangeP, .company__profile__container {
  height: 195px; }

#headerHighsAndLows {
  background-color: #fff;
  /*padding-top: 17px;*/
  margin-bottom: 0 !important; }

#headerPricingTop {
  background-color: #fff; }

.col__inner__header .col__title {
  margin-bottom: 0; }

/* Instrument Profile Page END*/
/* Find an Equity Issuer START */
.listed__companies__content--title {
  font-family: "calibriregular";
  font-weight: bold;
  font-size: 18px;
  float: left;
  padding-top: 25px;
  padding-bottom: 5px; }

.addrEW {
  width: 100%;
  text-align: right; }

/* Find an Equity Issuer END */
/* Board Members page */
.boardmembers h2 {
  padding-left: 5px; }

.boardmembers .member__contact__detail__block {
  width: 243px;
  float: left; }

.boardmembers .member__contact__detail__block--last {
  width: 186px;
  float: left; }

.boardmembers .profile__item {
  background: #FFFFFF;
  width: 237px;
  height: 100%;
  float: left;
  margin-left: 10px;
  margin-top: 25px;
  position: relative;
  z-index: 0; }
  .boardmembers .profile__item .icon-profile-close {
    /*position: relative;
                top: -30px;*/ }

.boardmembers .profile__item--active {
  z-index: 2; }

.boardmembers .profile__item--hiding {
  z-index: 1; }

.boardmembers .profile__overlay {
  background: #FFFFFF;
  height: 353px;
  position: absolute;
  width: 320px;
  overflow: hidden; }
  .boardmembers .profile__overlay h2 {
    padding-left: 11px;
    margin-bottom: 0; }
  .boardmembers .profile__overlay .para {
    padding-left: 11px; }

.boardmembers .profile__overlay--right {
  right: 0; }

.boardmembers .is-hidden {
  display: none; }

.boardmembers .profile__overlay__open__left {
  width: 246px;
  border-right: 10px solid #ededed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .boardmembers .profile__overlay__open__left .para {
    padding-left: 0 !important; }

.boardmembers .profile__overlay__open__right {
  width: 246px;
  border-left: 10px solid #ededed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.boardmembers .profile__overlay__open__content {
  width: 215px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.boardmembers .listed__input__search--results {
  font-style: italic; }

.boardmembers .profile__onRight {
  margin-right: 232px; }

/* Board Members page */
/* Companies and financial instruments */
.listed__companies__detail {
  padding: 30px;
  border-bottom: 1px solid #dfdfdf; }

.listed__companies {
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf; }

/* Companies and financial instruments END */
/* REFINERS */
/* APPLY TO ALL SITES */
.ms-ref-refiner #Value, .ms-ref-unsel-toggle, #OtherValue, #SubmitValue {
  padding: 4px 0;
  width: 100% !important;
  display: block; }

/* REFINERS END */
.MakeThrice {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  width: 33%; }

#issuerProfileContactInformationHeader .row {
  margin-bottom: 10px;
  margin-left: -5px;
  margin-right: -5px; }

.price__list__item--heading {
  font-weight: bold; }

a.instrument__list__item--code {
  color: #49b6e6; }

tr.instrument a {
  font-size: 13px;
  font-family: calibrilight; }

.indicators__help__text {
  font-size: 13px !important;
  font-family: calibrilight !important; }

.price__list--heading {
  padding-top: 0; }

.price__list {
  border-bottom: 1px dotted #000;
  padding: 18px 0; }

/* test */
.instruments__list__item {
  width: 13.9%;
  font-size: 14px;
  padding: 10px 0 !important; }

.instruments__list__item.price__list__item--up {
  color: #00a88e;
  background: url("/Style Library/JSESnippets/images/icon/price-arrow-up.png") no-repeat right; }

.instruments__list__item.price__list__item--down {
  color: #ef3945;
  background: url("/Style Library/JSESnippets/images/icon/price-arrow-down.png") no-repeat right; }

.instruments__list__item.price__list__item--nochange {
  color: #80807e;
  background: url("/Style Library/JSESnippets/images/icon/price-arrow-nochange.png") no-repeat right; }

.instruments__list__item.instruments__list__item--name {
  width: 20%; }

.instruments__list__container {
  /*margin-bottom: 15px;*/ }

.price__list__container {
  padding-bottom: 56px; }

.price__list__item {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 24%;
  font-size: 14px; }

.price__list__item.price__list__item--up {
  color: #00a88e;
  background: url("/Style Library/JSESnippets/images/icon/price-arrow-up.png") no-repeat right; }

.price__list__item.price__list__item--down {
  color: #ef3945;
  background: url("/Style Library/JSESnippets/images/icon/price-arrow-down.png") no-repeat right; }

.price__list__item.price__list__item--nochange {
  color: #80807e;
  background: url("/Style Library/JSESnippets/images/icon/price-arrow-nochange.png") no-repeat right; }

.price__list__item--code {
  color: #49b6e6; }

.indices__index {
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf; }

.indices__index__detail {
  padding: 30px;
  border-bottom: 1px solid #dfdfdf; }

.indices__index__img {
  float: left;
  width: 85px;
  height: 85px;
  background: #deebbb;
  margin-right: 20px; }

.indices__index__content {
  float: left;
  width: 505px; }

.indices__index__documents {
  float: right; }

.indices__index__documents .icon-pdf {
  margin: 0 5px; }

.indices__index__document--text {
  font-size: 12px;
  font-family: "calibrilight"; }

.indices__index__content--title {
  font-family: "calibriregular";
  font-weight: bold;
  font-size: 18px;
  float: left; }

.indices__index__content--copy {
  font-family: "calibrilight"; }

#middleright,
#middleright .col__inner__container,
#middelright .ms-webpart-zone {
  width: 285px; }

#middleleft,
#middleleft .col__inner__container,
#middleleft .ms-webpart-zone {
  width: 384px; }

.GeneralCopyTemplate #middleleft .col__inner__container {
  border-bottom: 17px solid white; }

#middleleft, #middelright {
  margin-right: 40px; }

.GeneralCopyTemplate #bottom .col__inner__container {
  width: 700px; }

.divider {
  border-bottom: 1px solid #EEEEEE;
  width: 100%; }

.margin-top-10 {
  margin-top: 10px; }

.margin-tb-10 {
  margin: 10px 0; }

.margin-bot-30 {
  margin-bottom: 30px; }

.margin-15 {
  margin: 15px; }

.margin-bot-20 {
  margin-bottom: 20px; }

.padbot60 {
  padding-bottom: 60px; }

/* Training and Events Pages*/
h3.faq-question {
  padding-top: 15px;
  padding-bottom: 15px; }

.footer__link--jse {
  margin-top: -11px;
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
  opacity: 0.7; }

.footer__link--copyright {
  font-size: 13px;
  color: #FFFFFF;
  line-height: 12px;
  opacity: 0.7; }

.footer__list__item, .footer__link {
  font-size: 13px;
  line-height: 12px;
  margin-bottom: 10px;
  color: #FFFFFF !important;
  opacity: 0.7; }

.footer__list__item:visited, .footer__link:visited {
  font-size: 13px;
  line-height: 12px;
  margin-bottom: 10px;
  color: #FFFFFF !important;
  opacity: 0.7; }

.footer__list__item--left {
  margin: 0 25px 0 74px; }

.footer__list__item--mid {
  margin: 0 25px; }
  .footer__list__item--mid a:nth-child(1) {
    margin-right: 41px; }

.footer__list__item--right {
  margin: 0 0 0 25px; }

  .footerItemContainer > a > p{
    background: #555554!Important;
  }

.ui-icon-triangle-1-e, .ui-icon-triangle-1-s{
  display:none!Important;
}

/* Google Maps */
#leftcol iframe {
  margin-top: 25px; }

/* Original Accordion */
.accordion .col__title2 {
  border-bottom: 3px solid #c5db86;
  font-family: calibri;
  font-weight: normal;
  padding: 10px; }

.accordion .answer {
  border-bottom: 3px solid grey;
  font-size: 16px;
  font-family: calibri;
  font-weight: normal;
  padding: 10px; }

.accordion a {
  text-decoration: none;
  color: #4a4a4a; }

.timeline .col__title2 {
  border-bottom: 3px solid #c5db86;
  display: inline-block;
  font-family: calibri;
  font-weight: normal;
  padding: 10px; }

.timeline .answer {
  display: none !important; }

.timeline .timeline__active {
  color: #a2be56 !important; }

.timeline__history {
  padding: 20px;
  text-align: center;
  height: 120px;
  border: 1px solid #d5d5d5;
  width: 100% !important; }

.col__title2 a {
  text-decoration: none !important; }

/* Physical Deliveries */
.article-content {
  margin-top: 40px;
  background-color: white;
  padding: 40px; }

.article.article-body {
  width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }
  .article.article-body h2 {
    font-size: 22px;
    font-weight: bold;
    font-family: "calibriregular"; }

.HeadingFix {
  background-color: white; }

.HeadingFix > div:first-child {
  margin-left: 40px;
  padding-top: 15px; }

.divider--dark {
  border-bottom: 1px solid #d2d2d2;
  width: 100%; }

/* SEARCH */
.listed__company__search {
  background: #c4db86;
  padding: 15px 20px 15px 40px;
  position: relative;
  height: 76px; }

.anchor__links {
  font-family: "calibribold";
  background: #555554;
  padding: 10px 20px;
  font-size: 16px;
  color: white !important; }

.listed__company__search .icon-search-white-big {
  margin: 10px 0 0 20px;
  cursor: pointer; }

.listed__input__search {
  width: 92% !important;
  border: 0 !important;
  background: transparent !important;
  color: white !important;
  font-size: 20px !important;
  font-family: "calibriregular" !important;
  padding: 9px 0 !important;
  opacity: 0.8 !important; }

/*.TopMargin14 {
    margin-top: 14px;
}*/
.text-align__center {
  text-align: center; }

.padLeft20 {
  /*padding-left: 20px;*/
  margin-left: 20px; }

.shares__visualization__container {
  width: 450px;
  height: 340px;
  left: -5px; }

.feed__events {
  border-right: 14px solid #ededed; }

#MarketTemplate #MSOZoneCell_WebPartWPQ7,
#MarketTemplate #MSOZoneCell_WebPartWPQ6,
#MarketTemplate #MSOZoneCell_WebPartWPQ8,
#MarketTemplate #MSOZoneCell_WebPartWPQ9 {
  border-top: 12px solid #ededed; }

/*override */
#leftcol .col__inner__container, #leftcol .homepage__events {
  border-bottom: none; }

#MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
  overflow: hidden; }

#MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
  padding-left: 27px; }

#MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
  width: 340px; }

#MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
  width: 340px; }

#MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
  margin-right: 20px; }

#MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
  width: 340px; }

#MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
  /*border-top: 14px solid #ededed;*/ }

#MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
  background-color: white;
  color: #555554 !important;
  font-size: 16px;
  padding-left: 29px;
  padding-right: 25px;
  padding-top: 34px;
  font-family: "calibribold";
  display: inline-block;
  *zoom: 1;
  *display: inline;
  line-height: 12px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0 !important;
  white-space: normal; }

#MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
  padding: 20px; }

#MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
  width: 700px; }

#GeneralCopyTemplate .MT-MidLeft {
  width: auto;
  max-width: 700px; }

#OneColumnTemplate #leftcol {
  width: 980px; }
  #OneColumnTemplate #leftcol #TopZone {
    width: 940px; }
  #OneColumnTemplate #leftcol .ms-webpart-zone {
    width: 940px; }
  #OneColumnTemplate #leftcol .tabs__col__tabs {
    display: none; }

#GeneralCopyTemplate .para {
  /*width: 70%;*/
  margin-top: 28px;
  height: auto; }

#GeneralCopyTemplate h2.col__title2 {
  margin-top: 28px; }

#GeneralCopyTemplate #leftcol p a, #GeneralCopyTemplate #leftcol p a:visited {
  text-decoration: underline !important; }

#GeneralCopyTemplate p, #GeneralCopyTemplate a {
  font-family: calibriregular;
  font-size: 16px; }

.margin-top-28 {
  margin-top: 28px; }

#MarketDataProductsTemplate #detail {
  max-width: 700px; }

.BoardProfiles {
  display: none;
  font-family: calibriregular; }
  .BoardProfiles H2 {
    font-family: calibribold;
    background-color: #A3CF62;
    color: white !important;
    padding-left: 11px;
    border-bottom-right-radius: 30px;
    padding-top: 7px;
    padding-bottom: 5px; }
  .BoardProfiles img {
    border-top: 5px solid #A3CF62;
    border-left: 5px solid #A3CF62;
    margin: 10px;
    border-radius: 15px; }
  .BoardProfiles .profile-content {
    padding: 10px; }

.executive-committee-profiles {
  display: none;
  font-family: calibriregular; }
  .executive-committee-profiles H2 {
    font-family: calibribold;
    background-color: #A3CF62;
    color: white !important;
    padding-left: 11px;
    border-bottom-right-radius: 30px;
    padding-top: 7px;
    padding-bottom: 5px; }
  .executive-committee-profiles img {
    border-top: 5px solid #A3CF62;
    border-left: 5px solid #A3CF62;
    margin: 10px;
    border-radius: 15px; }
  .executive-committee-profiles .profile-content {
    padding: 10px; }

/* Subscribe for ICA Notices */
.IndicesTemplate #EmailAddress .span :nth-child(1) {
  height: 136px; }

.IndicesTemplate #EmailAddress .jseButton {
  padding-left: 35px; }

#Paging {
  padding-top: 25px !important; }

.col__inner__container.margin-bot-10 {
  margin-bottom: 0 !important; }

.read__more__info__documents {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.ms-promlink-button {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-width: 0 !important;
  border-style: none !important;
  padding: 0 !important; }

.col__inner__container * {
  font-family: calibriregular; }

.col__inner__container {
  font-family: calibriregular; }
  .col__inner__container p strong, .col__inner__container span strong:not(.DiscTitle) {
    font-family: calibribold;
    font-size: 18px; }
  .col__inner__container p, .col__inner__container a {
    font-size: 16px; }
  .col__inner__container ol *, .col__inner__container ul * {
    font-family: calibriregular;
    font-size: 16px; }
  .col__inner__container ol li span, .col__inner__container ul li span {
    margin-right: 15px; }
  .col__inner__container blockquote {
    border: none; }
  .col__inner__container h1 {
    font-family: calibribold;
    font-size: 24px; }
  .col__inner__container h2 {
    font-family: calibribold;
    font-size: 20px; }
  .col__inner__container h3 {
    font-family: calibribold;
    font-size: 16px; }

.cbs-picture3LinesImageContainer .cbs-noImageContainer {
  display: none; }

.border-top-14-bgColor {
  border-top: 14px solid #ededed; }

.border-right-14-bgColor {
  border-right: 14px solid #ededed; }

.row.DirectorsB {
  border: none !important; }

/* Hide the double arrow in Find a Stock Broker */
.btn.btn__page__heading > i.icon.icon-arrow-right-white {
  display: none; }

/* DISCLAIMER */
.DiscTitle {
  font-family: calibribold !important;
  font-size: 13px !important; }

.DiscBody {
  font-family: calibrilight !important;
  font-size: 13px !important; }

#OneColumnTemplate #leftcol .col__inner__container a {
  text-decoration: underline !important; }

#jibarFuture div {
  float: left; }

.jibarFutureDetail [CLASS*="cROW"] {
  width: 100%;
  border-bottom: 1px solid #ededed; }
  .jibarFutureDetail [CLASS*="cROW"] div {
    width: 7.7%; }
  .jibarFutureDetail [CLASS*="cROW"] .table__row--name {
    width: 30%;
    text-align: left !important; }
  .jibarFutureDetail [CLASS*="cROW"] .hCEL {
    font-family: calibrilight !important;
    text-align: right;
    white-space: normal; }

#jibarFutureHeader {
  width: 100%;
  /*padding-top: $TOPROWHeight;*/ }
  #jibarFutureHeader .oCEL {
    width: 7.7%;
    position: relative;
    font-family: calibribold !important; }
  #jibarFutureHeader .table__row__heading--c {
    width: 30%;
    /*margin-top: -9px;*/
    border: none; }
  #jibarFutureHeader .hCEL {
    /*position: absolute;*/
    width: 100%;
    font-family: calibribold !important;
    right: 0;
    top: -27px;
    text-align: right;
    /*border-top: 1px solid #a3cf62;*/ }

.jibarFutureDetail {
  font-size: 12px;
  border-bottom: 1px solid #EEEEEE; }
  .jibarFutureDetail .table__row--name {
    text-align: left;
    color: #6666cc;
    font-size: 13px; }
  .jibarFutureDetail .table__row--changeup {
    color: #009900; }
  .jibarFutureDetail .table__row--changedown {
    color: #cc0000; }

.icon-logo, .icon-logo_R {
  cursor: pointer; }

.contact__details__label {
  font-family: "calibriregular";
  font-weight: bold;
  font-size: 15px; }

.CommodityDerivatives {
  width: 125px; }
  .CommodityDerivatives i {
    margin-left: -23px; }

span.EmailBox {
  margin-top: -55px;
  width: 314px; }

.EmailBox.para {
  margin-bottom: 80px; }

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

#leftcol_3 #relatedinstruments div, #leftcol_3 table.price__list {
  max-width: 980px; }

#IssuerProfileTemplate #webstir {
  width: 475px;
  margin-top: 15px;
  margin-left: 14px; }

#IssuerProfileTemplate #sens {
  width: 450px; }

.fntCalibriRegular {
  font-family: calibriregular !important; }

.fntCalibriLight {
  font-family: calibrilight !important; }

/* LISTING FEE CALCULATOR */
.calculator__form__inline {
  width: 450px;
  margin: auto;
  margin-top: 40px; }

.calculator__details__label {
  font-family: "calibriregular";
  color: #000000;
  width: 200px;
  display: inline-block;
  text-align: right;
  padding-right: 10px; }

.calculator__input__field {
  padding: 0 0 0 9px !important;
  height: 30px;
  border: 1px solid #bdbdbc;
  color: #000000;
  display: inline-block;
  width: 200px;
  margin-bottom: 5px; }

.calculator__input__field[readonly] {
  background: #bdbdbc;
  color: #ffffff;
  border: 1px solid #65686b; }

.CalcButtons {
  margin-left: 155px;
  padding-top: 40px;
  padding-bottom: 40px; }

.calculator__btn, .calculator__btn__reset {
  color: #fffff0 !important;
  background-color: #5d5d5c;
  width: 70px;
  text-decoration: none;
  text-align: center;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  -webkit-box-shadow: 0 0 2px #5d5d5c, inset 0 0 1px #5d5d5c;
  -moz-box-shadow: 0 0 2px #5d5d5c, inset 0 0 1px #5d5d5c;
  box-shadow: 0 0 2px #5d5d5c, inset 0 0 1px #5d5d5c;
  padding: 8px 22px; }

.calculator__btn__reset {
  margin-left: 14px; }

#cookieID, #JSEAdvert {
  display: none;
  overflow: hidden; }

.dialog_override {
margin-left: 34%;	
    z-index: 100000;
}



@media (max-width: 767px)

{
  .dialog_override
   {
      margin-left: 0%;
   }
}


/* Currency Futures 

.ui-dialog ui-widget ui-widget-content ui-corner-all ui-front JSEAdvert ui-draggable ui-resizable {
margin-left: 34% !important;
}



.data__table__heading__block {
    border-bottom: 1px solid #000;
}

.ui-dialog ui-widget ui-widget-content ui-corner-all ui-front JSEAdvert ui-draggable ui-resizable {
margin-left: 34% !important;
}

.dialog_override {
	margin-left: 34% !important;
}

.table__row__heading {
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
    font-weight: normal;
}

.table__row__heading__future {
    font-size: 14px;
    text-align: right;
    text-transform: uppercase;
    font-weight: normal;
}

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

.table__row {
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE;
    text-align: right;
}

.table__row__future {
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE;
    text-align: right;
    padding: 5px 0;
}

.table__row--name {
    text-align: left;
    color: #6666cc;
    font-size: 13px;
}



.table__row--changedown {
    color: #cc0000;
} */
.lblChangeP {
  margin-top: 37px; }

.SplitHalf {
  width: 50%; }

.flip-clock-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a {
  color: #313333; }

.flip-clock-wrapper {
  margin-top: 30px;
  text-align: left;
  position: relative;
  width: 713px;
  margin-top: 4em;
  margin-left: auto;
  MARGIN-BOTTOM: 4EM;
  margin-right: auto; }

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.flip-clock-wrapper:after {
  clear: both; }

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 1px;
  width: 50px;
  height: 60px;
  font-size: 60px;
  font-weight: bold;
  line-height: 50px;
  border-radius: 6px;
  background: #000;
  /* border: 1px solid red; */
  margin-top: 19px; }

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 60px;
  text-decoration: none !important; }

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  /*font-size: 80px;*/
  font-size: 60px;
  overflow: hidden;
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 90px;
  margin-top: 10px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  left: 24px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  /* right: -88px; */ }

.flip-clock-divider.seconds .flip-clock-label {
  /* right: -91px; */ }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }
  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }
  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }
  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }
  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }
  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }
  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }
  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

.T3Logo {
  float: left; }

.T3Date {
  float: right; }

.T3Logo img {
  max-width: 197px !important;
  max-height: 99px !important; }

.T3Date img {
  max-width: 197px !important;
  max-height: 99px !important; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.bli_holder {
  padding-top: 5px; }

.invest_right {
  border-left: 1px solid #DDDDDD; }

.bli_val.hlnk {
  text-decoration: underline; }

.bli_holder:last-child {
  margin-bottom: 25px; }

.tci_title {
  font-size: 20px;
  font-family: calibribold;
  margin-top: 10px;
  margin-bottom: 12px;
  margin-left: 0; }

.invest_right .tci_title {
  margin-left: 17px; }

div#map {
  margin-top: 65px;
  height: 395px;
  width: 100%; }

.map_window_content div {
  font-size: 14px;
  font-family: calibrilight; }

.list_brokers {
  height: 450px;
  overflow-y: scroll;
  background-color: #EDEDED;
  margin-left: 15px; }
  .list_brokers .broker_list_item {
    padding-left: 5px; }

#InvestorRelationsCourses {
  padding-left: 25px;
  margin-right: 25px; }

.OpenFile, #btnContactUsReveal {
  cursor: pointer; }

.styled__whitespace {
  padding: 2px 2px 0 5px;
  vertical-align: top;
  white-space: normal; }

#btnContactUsReveal {
  background-color: #93d700;
  color: black;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 17px;
  width: 96%; }

#btnContactUsReveal:hover, .OpenFile:hover {
  color: white;
  border: 1px solid #49b6e6; }

.contactUsSection {
  margin-top: 31px;
  text-align: left;
  margin-left: 12px; }

#demo {
  margin-left: 5px; }

.C-Border {
  padding: 10px; }

.C-Border :last-child {
  margin-bottom: 55px; }

.ViewCourse {
  height: 229px;
  padding: 12px;
  border-radius: 10px;
  text-align: center;
  /*border: 2px solid #ededed;*/ }
  .ViewCourse h4.C-Title {
    font-family: calibribold;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px; }
  .ViewCourse a {
    background-color: #93d700;
    color: black;
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 17px;
    position: absolute;
    top: 199px;
    left: 107px;
    margin: auto auto; }
  .ViewCourse .Description {
    position: relative;
    top: auto;
    background-color: none;
    font-family: calibrilight;
    font-size: 18px;
    left: 0; }

.SurveyImg {
  /*width: 303px !important;*/
  /*height: 280px !important;*/ }

.SurveyImgCB, .SurveyImgCL, .SurveyImgTIR {
  float: left;
  margin: 10px;
  padding: 30px;
  /*width: 326px;*/
  height: 320px;
  border: 1px solid black;
  background-color: white; }

#blockHeading {
  text-align: center;
  font-size: 22px;
  font-family: Calibrilight; }

#btnContactUsReveal2 {
  background-color: #94d500;
  padding: 10px;
  color: white;
  font-family: Calibri;
  width: 100%;
  margin-top: 35px; }

#btnContactUsReveal2 > a {
  text-decoration: none; }

#blockText {
  text-align: center;
  font-size: 12px; }

#WebPartWPQ7 {
  background-color: white;
    margin-bottom: 10px;  }

#btnContactUsRevealUs {
  background-color: #93d700;
  color: black;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 17px;
  width: 96%; }

.container {
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  width: auto; }

.glyphicon.glyphicon-envelope {
  padding-left: 2%; }

.para__link {
  text-decoration: underline !important; }

.POPGOUP {
  /*position: absolute;*/
  /*left: 50%;*/
  /*top: 50%;*/
  /*z-index: 9999999;*/
  /*border: 1px solid red;*/
  /*display:none;*/ }

.ms-dlgTitle {
  padding: 13px 38px 0 19px;
  white-space: nowrap;
  cursor: move;
  overflow: hidden; }

h1#dialogTitleSpan {
  height: 28px;
  margin-top: 0; }

.block-background {
  width: 100%;
  height: 100%;
  background-color: RGBA(255, 255, 255, 0.4);
  z-index: 1000;
  position: absolute;
  left: 0;
  top: 0; }

#ticker {
  height: 60px;
  padding: 11px 0; }

.ticker__list__item {
  font-weight: bold;
  font-size: 18px;
  border-right: 1px solid black;
  margin-right: 9px;
  padding-right: 9px; }

.iconRed, .iconGreen {
  padding-left: 5px; }

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

.splitter {
  font-weight: normal !important; }

.iconGreen {
  color: forestgreen;
  font-weight: bold; }

.marquee {
    animation:marquee 50s linear infinite;
     width: 450px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
  }

.marquee {
  /*width: auto;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-animation: marquee 50s linear infinite;
    -o-animation: marquee 50s linear infinite;
    -webkit-animation: marquee 50s linear infinite;
    animation: marquee 50s linear infinite;
    background-color: #f3f3f3 !important;
    padding: 6px;*/
  /*background-color: #d2e5a8 !important;*/ }

.marquee:hover {
  animation-play-state: paused; }

@keyframes marquee {
  0% {
    text-indent: 27.5em; }
  100% {
    text-indent: -105em; } }

@keyframes marquee {
    0%   { text-indent: 27.5em }
    100% { text-indent: -105em }
}

/*   OVERRIDE */
/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

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

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  display: block; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
* 
* 
* 
* Base scss file overriding browser defaults.
*
* Please keep all the declaration in alphabetic order.
*/
/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: #FCFCFC;
  color: #555554 !important;
  font-size: 16px;
  font-family: "calibriregular";
  max-width: 100%;
  overflow-x: hidden !important;
  overflow-y: hidden; }

h1 {
  color: white;
  font-size: 4vw; }
  h1 span {
    font-family: "calibriregular"; }

h2 {
  color: white;
  font-size: 3vw; }
  h2 span {
    font-family: "calibriregular"; }

h3 {
  color: white;
  font-size: 2vw; }
  h3 span {
    font-family: "calibriregular"; }

h4 {
  color: white;
  font-size: 1vw; }
  h4 span {
    font-family: "calibriregular"; }

ul {
  margin: 0;
  padding: 0; }

li {
  list-style-type: none; }

p {
  margin: 0; }

/*img {
	width: 100%;
}*/
a {
  color: #555554;
  cursor: pointer;
  text-decoration: none; }
  a:hover {
    color: #111111; }

.homepage__tools {
  width: 239px;
  float: left; }

.page__heading {
  border-bottom: 1px solid #dbdbda;
  margin-bottom: 30px;
  position: relative; }
  .page__heading .page_heading__h1 {
    color: #6a6a69;
    font-size: 26px;
    font-weight: bold;
    padding: 15px 0; }

.col__title {
  color: #555554 !important;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 0;
  padding-left: 0; }

/*
* 
* 
* 
* Custom fonts all go here and all heading declarations
*/
@font-face {
  font-family: 'calibriregular';
  src: url("../../JSESnippets/fonts/calibri-webfont.eot");
  src: url("../../JSESnippets/fonts/calibri-webfont.eot?#iefix") format("embedded-opentype"), url("../../JSESnippets/fonts/calibri-webfont.woff") format("woff"), url("../../JSESnippets/fonts/calibri-webfont.ttf") format("truetype"), url("../../JSESnippets/fonts/calibri-webfont.svg#calibriregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'calibrilight';
  src: url("../../JSESnippets/fonts/calibril-webfont.eot");
  src: url("../../JSESnippets/fonts/calibril-webfont.eot?#iefix") format("embedded-opentype"), url("../../JSESnippets/fonts/calibril-webfont.woff") format("woff"), url("../../JSESnippets/fonts/calibril-webfont.ttf") format("truetype"), url("../../JSESnippets/fonts/calibril-webfont.svg#calibrilight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'calibribold';
  src: url("../../JSESnippets/fonts/calibri_bold-webfont.eot");
  src: url("../../JSESnippets/fonts/calibri_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../JSESnippets/fonts/calibri_bold-webfont.woff") format("woff"), url("../../JSESnippets/fonts/calibri_bold-webfont.ttf") format("truetype"), url("../../JSESnippets/fonts/calibri_bold-webfont.svg#calibribold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* SOME RULES ALWAYS REQUIRE !IMPORTANT AT THE END BECAUSE OF THE ORDER THE MODULES ARE LOADED */
/* THIS COULD BE CORRECTED BY CHANGING THE LOAD ORDER, BUT IT HAS A SERIOUS IMPACT ON EXISTING CODE */
/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
/*@mixin mobile {*/
@media screen and (max-device-width: 640px) {
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      display: inline-block;
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: white;
      overflow: auto;
      z-index: 99999; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        width: 40%;
        padding-top: 51px !important;
        padding-right: 10% !important;
        margin-left: 21px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        width: 40%;
        position: absolute;
        top: 0;
        left: 50%;
        padding-top: 51px !important; }
      div#Refinement.Show .RefinerHide {
        float: none;
        position: absolute;
        top: 0;
        width: 100% !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .homepage__footer {
    width: 100%;
    background-color: #555554;
    /*border-top: 35px solid #ededed;*/
    height: string(464)px; }
  .footer__container__bar {
    background-color: #a3cf62;
    height: "41px";
    width: 100%;
    text-align: center;
    padding: 14px 0; }
  div#jseFooter {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    background-color: #555554;
    height: 348px;
    height: string(464)px; }
  nav.footer {
    width: 1200px;
    background-color: #555554;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left; }
    nav.footer > .footer-block {
      float: left; }
      nav.footer > .footer-block:nth-child(1) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(3) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(5) {
        width: 230px; }
      nav.footer > .footer-block:nth-child(7) {
        width: 155px; }
      nav.footer > .footer-block:nth-child(9) {
        width: 155px; }
  .footer-link {
    display: none; }
  .footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline;
    vertical-align: top; }
  .footer > li > ul.footer-sub-menu {
    min-width: 10em;
    padding: 4px 0; }
  .footer ul li {
    padding: 0; }
  .footer > ul > li {
    display: inline-block; }
  /* HEADINGS */
  .footer ul li a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-family: "calibriregular";
    text-decoration: none; }
  .footer ul li > a {
    height: 58px;
    padding: 11px 12px; }
  /* FOOTER ITEMS AREAS */
  .footer ul ul {
    display: inline-block;
    min-width: 160px; }
  .footer ul ul > li {
    position: relative; }
  .footer ul ul > li a {
    /* FOOTER ITEMS */
    padding: 5px 15px 5px 10px;
    height: auto;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.7; }
    .footer ul ul > li a:hover {
      color: #a2be56 !important; }
  .footer ul ul ul {
    position: absolute;
    left: 100%;
    top: 0; }
  .footer__divider {
    border-right: 1px solid #626261;
    height: 150px;
    margin-top: 55px;
    margin-right: 1.5vw;
    float: left;
    display: none; }
  .footer-has-submenu a {
    color: #fff !important; }
    .footer-has-submenu a :visited {
      color: #fff !important; }
  div.footer-block {
    float: left;
    width: 100% !important; }
    div.footer-block:nth-child(1) {
      margin-left: 0 !important; }
  a.footer-link {
    display: block;
    color: #fff;
    background-color: #333;
    float: right;
    text-decoration: none;
    padding: 19px 10px; }
  .footer {
    clear: both;
    min-width: inherit;
    float: none;
    min-height: 700px; }
  .footer, .footer > div ul ul {
    overflow: hidden;
    max-height: 0; }
  .footer li > ul.footer-sub-menu {
    padding: 0;
    border: none;
    width: 100% !important; }
  .footer.active {
    width: 100%; }
  .footer.active, .footer > div ul ul.active {
    max-height: 3000px; }
  .footer > div ul {
    /*border-top: 1px solid #808080;*/
    width: 100%; }
  .footer li, .footer > div ul > li {
    display: block; }
  .footer li a {
    color: #000;
    display: block;
    /*padding: 0.8em;*/
    border-bottom: 1px solid #808080;
    position: relative; }
  .footer li.footer-has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em; }
  .footer li.footer-has-submenu > a.active:after {
    content: "-"; }
  .footer ul ul > li a {
    height: 58px;
    padding: 19px 18px 19px 30px; }
  .footer ul ul, .footer ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none; }
  #news .ms-webpart-zone, #events .ms-webpart-zone {
    padding-right: 0;
    margin-top: 12px; }
  #jibarFuture.col__inner__container {
    padding: 0; }
  #jibarFuture div {
    float: left; }
  .jibarFutureDetail [CLASS*="cROW"] {
    width: 100%;
    border-bottom: 1px solid #ededed; }
    .jibarFutureDetail [CLASS*="cROW"] div {
      width: 8.3%; }
    .jibarFutureDetail [CLASS*="cROW"] .table__row--name {
      width: 25%;
      text-align: left; }
    .jibarFutureDetail [CLASS*="cROW"] .hCEL {
      font-family: calibrilight !important;
      text-align: right; }
  #jibarFutureHeader {
    width: 100%;
    padding-top: 96px; }
    #jibarFutureHeader .oCEL {
      width: 8.3%;
      position: relative;
      font-family: calibribold !important; }
    #jibarFutureHeader .table__row__heading--c {
      width: 25%;
      margin-top: -9px;
      border: none; }
    #jibarFutureHeader .hCEL {
      position: absolute;
      width: 96px;
      font-family: calibribold !important;
      right: 0;
      top: -27px;
      text-align: left;
      border-top: 1px solid #a3cf62; }
  .rotate {
    -moz-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -webkit-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -ms-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -o-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    transform: translateX(-45%) translateY(-50%) rotate(52deg);
    border: 1px solid white; }
  .jibarFutureDetail {
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE; }
    .jibarFutureDetail .table__row--name {
      text-align: left;
      color: #6666cc;
      font-size: 13px; }
    .jibarFutureDetail .table__row--changeup {
      color: #009900; }
    .jibarFutureDetail .table__row--changedown {
      color: #cc0000; }
  #IssuerProfileTemplate #webstir {
    width: 100%;
    margin: 0; }
  /* Board Profiles */
  .BoardProfiles img {
    margin-left: auto;
    margin-right: auto; }
  .BoardProfiles .PERSON-NAME, .BoardProfiles .PERSON-ROLE, .BoardProfiles .PERSON-DETAIL {
    text-align: center; }
  #tfsabrokerslist {
    width: 100%;
    padding: 0; }
  .inlb {
    width: 100%; }
  #findabroker {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  .tabs__col__tabs__item--mod--broker-home {
    width: 50%; }
  .documents__detailed--c {
    padding-left: 29px; }
  .homepage__content__inner #leftcol {
    margin-right: 0;
    padding-right: 0; }
  #middleright,
  #middleright .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  #middleleft,
  #middleleft .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  .GeneralCopyTemplate #middleleft .col__inner__container {
    border-bottom: 17px solid white; }
  #middleleft, #middelright {
    margin-right: 0; }
  .GeneralCopyTemplate #bottom .col__inner__container {
    width: 100%; } }

@media screen and (max-device-width: 480px) and (orientation: portrait) {
  /*@include ALL_DEVICES_PORTRAIT;*/ }

@media screen and (max-device-width: 640px) and (orientation: landscape) {
  /*@include ALL_DEVICES_LANDSCAPE;*/ }

/*}*/
/*@mixin iphone4 {*/
@media (device-height: 480px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      display: inline-block;
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: white;
      overflow: auto;
      z-index: 99999; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        width: 40%;
        padding-top: 51px !important;
        padding-right: 10% !important;
        margin-left: 21px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        width: 40%;
        position: absolute;
        top: 0;
        left: 50%;
        padding-top: 51px !important; }
      div#Refinement.Show .RefinerHide {
        float: none;
        position: absolute;
        top: 0;
        width: 100% !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .homepage__footer {
    width: 100%;
    background-color: #555554;
    /*border-top: 35px solid #ededed;*/
    height: string(464)px; }
  .footer__container__bar {
    background-color: #a3cf62;
    height: "41px";
    width: 100%;
    text-align: center;
    padding: 14px 0; }
  div#jseFooter {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    background-color: #555554;
    height: 348px;
    height: string(464)px; }
  nav.footer {
    width: 1200px;
    background-color: #555554;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left; }
    nav.footer > .footer-block {
      float: left; }
      nav.footer > .footer-block:nth-child(1) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(3) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(5) {
        width: 230px; }
      nav.footer > .footer-block:nth-child(7) {
        width: 155px; }
      nav.footer > .footer-block:nth-child(9) {
        width: 155px; }
  .footer-link {
    display: none; }
  .footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline;
    vertical-align: top; }
  .footer > li > ul.footer-sub-menu {
    min-width: 10em;
    padding: 4px 0; }
  .footer ul li {
    padding: 0; }
  .footer > ul > li {
    display: inline-block; }
  /* HEADINGS */
  .footer ul li a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-family: "calibriregular";
    text-decoration: none; }
  .footer ul li > a {
    height: 58px;
    padding: 11px 12px; }
  /* FOOTER ITEMS AREAS */
  .footer ul ul {
    display: inline-block;
    min-width: 160px; }
  .footer ul ul > li {
    position: relative; }
  .footer ul ul > li a {
    /* FOOTER ITEMS */
    padding: 5px 15px 5px 10px;
    height: auto;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.7; }
    .footer ul ul > li a:hover {
      color: #a2be56 !important; }
  .footer ul ul ul {
    position: absolute;
    left: 100%;
    top: 0; }
  .footer__divider {
    border-right: 1px solid #626261;
    height: 150px;
    margin-top: 55px;
    margin-right: 1.5vw;
    float: left;
    display: none; }
  .footer-has-submenu a {
    color: #fff !important; }
    .footer-has-submenu a :visited {
      color: #fff !important; }
  div.footer-block {
    float: left;
    width: 100% !important; }
    div.footer-block:nth-child(1) {
      margin-left: 0 !important; }
  a.footer-link {
    display: block;
    color: #fff;
    background-color: #333;
    float: right;
    text-decoration: none;
    padding: 19px 10px; }
  .footer {
    clear: both;
    min-width: inherit;
    float: none;
    min-height: 700px; }
  .footer, .footer > div ul ul {
    overflow: hidden;
    max-height: 0; }
  .footer li > ul.footer-sub-menu {
    padding: 0;
    border: none;
    width: 100% !important; }
  .footer.active {
    width: 100%; }
  .footer.active, .footer > div ul ul.active {
    max-height: 3000px; }
  .footer > div ul {
    /*border-top: 1px solid #808080;*/
    width: 100%; }
  .footer li, .footer > div ul > li {
    display: block; }
  .footer li a {
    color: #000;
    display: block;
    /*padding: 0.8em;*/
    border-bottom: 1px solid #808080;
    position: relative; }
  .footer li.footer-has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em; }
  .footer li.footer-has-submenu > a.active:after {
    content: "-"; }
  .footer ul ul > li a {
    height: 58px;
    padding: 19px 18px 19px 30px; }
  .footer ul ul, .footer ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none; }
  #news .ms-webpart-zone, #events .ms-webpart-zone {
    padding-right: 0;
    margin-top: 12px; }
  #jibarFuture.col__inner__container {
    padding: 0; }
  #jibarFuture div {
    float: left; }
  .jibarFutureDetail [CLASS*="cROW"] {
    width: 100%;
    border-bottom: 1px solid #ededed; }
    .jibarFutureDetail [CLASS*="cROW"] div {
      width: 8.3%; }
    .jibarFutureDetail [CLASS*="cROW"] .table__row--name {
      width: 25%;
      text-align: left; }
    .jibarFutureDetail [CLASS*="cROW"] .hCEL {
      font-family: calibrilight !important;
      text-align: right; }
  #jibarFutureHeader {
    width: 100%;
    padding-top: 96px; }
    #jibarFutureHeader .oCEL {
      width: 8.3%;
      position: relative;
      font-family: calibribold !important; }
    #jibarFutureHeader .table__row__heading--c {
      width: 25%;
      margin-top: -9px;
      border: none; }
    #jibarFutureHeader .hCEL {
      position: absolute;
      width: 96px;
      font-family: calibribold !important;
      right: 0;
      top: -27px;
      text-align: left;
      border-top: 1px solid #a3cf62; }
  .rotate {
    -moz-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -webkit-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -ms-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -o-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    transform: translateX(-45%) translateY(-50%) rotate(52deg);
    border: 1px solid white; }
  .jibarFutureDetail {
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE; }
    .jibarFutureDetail .table__row--name {
      text-align: left;
      color: #6666cc;
      font-size: 13px; }
    .jibarFutureDetail .table__row--changeup {
      color: #009900; }
    .jibarFutureDetail .table__row--changedown {
      color: #cc0000; }
  #IssuerProfileTemplate #webstir {
    width: 100%;
    margin: 0; }
  /* Board Profiles */
  .BoardProfiles img {
    margin-left: auto;
    margin-right: auto; }
  .BoardProfiles .PERSON-NAME, .BoardProfiles .PERSON-ROLE, .BoardProfiles .PERSON-DETAIL {
    text-align: center; }
  #tfsabrokerslist {
    width: 100%;
    padding: 0; }
  .inlb {
    width: 100%; }
  #findabroker {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  .tabs__col__tabs__item--mod--broker-home {
    width: 50%; }
  .documents__detailed--c {
    padding-left: 29px; }
  .homepage__content__inner #leftcol {
    margin-right: 0;
    padding-right: 0; }
  #middleright,
  #middleright .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  #middleleft,
  #middleleft .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  .GeneralCopyTemplate #middleleft .col__inner__container {
    border-bottom: 17px solid white; }
  #middleleft, #middelright {
    margin-right: 0; }
  .GeneralCopyTemplate #bottom .col__inner__container {
    width: 100%; }
  .boardmembers .profile__overlay__open__content {
    width: 148px; }
  .web__toggle__block_R {
    display: none;
    /*width: 408px;*/ }
  .rSearchBox {
    position: absolute;
    top: 3px;
    right: 0;
    height: 46px;
    width: 56px; } }

@media (device-height: 480px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 480px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 480px;
    max-width: 480px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 480px;
    max-width: 480px; }
  #rightcol .ms-webpart-zone {
    width: 480px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 480px;
    max-width: 480px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 480px; }
  .social__widget__head {
    width: 480px;
    max-width: 480px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 425px !important; }
  a.read__more__info__documents--issuer {
    width: 480px; }
  .read__more__info__documents--issuer--a {
    width: 425px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 480px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 480px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 480px; }
  #leftcol img {
    max-width: 480px; }
  #leftcol .homepage__sidenav {
    width: 480px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 480px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 366px !important; }
  .listed__input__search {
    width: 480px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 416px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 416px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 400px; }
    #top .ms-rtestate-field .col__title {
      width: 400px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 400px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 505px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 505px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 400px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 480px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 455px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 410px !important; }
  #leftcol .documents__detailed a {
    width: 340px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 374px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 410px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 374px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 340px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 440px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 370px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 410px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 480px !important; }
  #IssuerProfileTemplate #sens {
    width: 465px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 465px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 419px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 385px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 480px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 480px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 480px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 480px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 480px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 480px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 480px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 480px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 480px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 485px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 443px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 395px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 395px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 425px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 430px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 470px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 480px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 480px;
    left: -453px; }
  div#jseFooter {
    width: 480px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 430px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 480px; }
    .feed__events #facebookTimeline {
      width: 480px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; } }

@media (device-height: 480px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* Portrait display only */
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      /* this is portrait only*/
      padding: 0 10px 0 10px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        float: left;
        width: 100%;
        position: relative !important;
        padding: 0 !important;
        margin: 50px 0 0 0; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        float: left;
        width: 100%;
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
        top: 0 !important;
        left: 0 !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .inlb h1.title-large {
    /*padding-right: 22px;*/
    padding-bottom: 0;
    margin-left: 25px;
    padding-top: 0; }
  #jse-choose-xs ul li a {
    text-align: left;
    padding: 36px 22px 0 22px !important;
    font-size: 1.2em;
    text-decoration: none;
    font-family: "calibriregular";
    font-style: italic; }
  /* Create a hanging indent */
  .ISPORT {
    height: 249px; }
  #rightcol {
    padding-right: 0; }
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 320px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 320px;
    max-width: 320px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 320px;
    max-width: 320px; }
  #rightcol .ms-webpart-zone {
    width: 320px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 320px;
    max-width: 320px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 320px; }
  .social__widget__head {
    width: 320px;
    max-width: 320px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 265px !important; }
  a.read__more__info__documents--issuer {
    width: 320px; }
  .read__more__info__documents--issuer--a {
    width: 265px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 320px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 320px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 320px; }
  #leftcol img {
    max-width: 320px; }
  #leftcol .homepage__sidenav {
    width: 320px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 320px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 206px !important; }
  .listed__input__search {
    width: 320px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 256px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 256px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 240px; }
    #top .ms-rtestate-field .col__title {
      width: 240px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 240px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 345px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 345px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 240px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 320px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 295px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 250px !important; }
  #leftcol .documents__detailed a {
    width: 180px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 214px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 250px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 214px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 180px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 280px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 210px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 250px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 320px !important; }
  #IssuerProfileTemplate #sens {
    width: 305px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 305px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 259px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 225px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 320px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 320px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 320px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 320px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 320px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 320px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 320px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 320px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 320px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 325px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 283px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 235px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 235px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 265px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 270px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 310px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 320px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 320px;
    left: -293px; }
  div#jseFooter {
    width: 320px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 270px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 320px; }
    .feed__events #facebookTimeline {
      width: 320px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; } }

/*}*/
/*@mixin iphone5 {*/
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      display: inline-block;
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: white;
      overflow: auto;
      z-index: 99999; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        width: 40%;
        padding-top: 51px !important;
        padding-right: 10% !important;
        margin-left: 21px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        width: 40%;
        position: absolute;
        top: 0;
        left: 50%;
        padding-top: 51px !important; }
      div#Refinement.Show .RefinerHide {
        float: none;
        position: absolute;
        top: 0;
        width: 100% !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .homepage__footer {
    width: 100%;
    background-color: #555554;
    /*border-top: 35px solid #ededed;*/
    height: string(464)px; }
  .footer__container__bar {
    background-color: #a3cf62;
    height: "41px";
    width: 100%;
    text-align: center;
    padding: 14px 0; }
  div#jseFooter {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    background-color: #555554;
    height: 348px;
    height: string(464)px; }
  nav.footer {
    width: 1200px;
    background-color: #555554;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left; }
    nav.footer > .footer-block {
      float: left; }
      nav.footer > .footer-block:nth-child(1) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(3) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(5) {
        width: 230px; }
      nav.footer > .footer-block:nth-child(7) {
        width: 155px; }
      nav.footer > .footer-block:nth-child(9) {
        width: 155px; }
  .footer-link {
    display: none; }
  .footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline;
    vertical-align: top; }
  .footer > li > ul.footer-sub-menu {
    min-width: 10em;
    padding: 4px 0; }
  .footer ul li {
    padding: 0; }
  .footer > ul > li {
    display: inline-block; }
  /* HEADINGS */
  .footer ul li a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-family: "calibriregular";
    text-decoration: none; }
  .footer ul li > a {
    height: 58px;
    padding: 11px 12px; }
  /* FOOTER ITEMS AREAS */
  .footer ul ul {
    display: inline-block;
    min-width: 160px; }
  .footer ul ul > li {
    position: relative; }
  .footer ul ul > li a {
    /* FOOTER ITEMS */
    padding: 5px 15px 5px 10px;
    height: auto;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.7; }
    .footer ul ul > li a:hover {
      color: #a2be56 !important; }
  .footer ul ul ul {
    position: absolute;
    left: 100%;
    top: 0; }
  .footer__divider {
    border-right: 1px solid #626261;
    height: 150px;
    margin-top: 55px;
    margin-right: 1.5vw;
    float: left;
    display: none; }
  .footer-has-submenu a {
    color: #fff !important; }
    .footer-has-submenu a :visited {
      color: #fff !important; }
  div.footer-block {
    float: left;
    width: 100% !important; }
    div.footer-block:nth-child(1) {
      margin-left: 0 !important; }
  a.footer-link {
    display: block;
    color: #fff;
    background-color: #333;
    float: right;
    text-decoration: none;
    padding: 19px 10px; }
  .footer {
    clear: both;
    min-width: inherit;
    float: none;
    min-height: 700px; }
  .footer, .footer > div ul ul {
    overflow: hidden;
    max-height: 0; }
  .footer li > ul.footer-sub-menu {
    padding: 0;
    border: none;
    width: 100% !important; }
  .footer.active {
    width: 100%; }
  .footer.active, .footer > div ul ul.active {
    max-height: 3000px; }
  .footer > div ul {
    /*border-top: 1px solid #808080;*/
    width: 100%; }
  .footer li, .footer > div ul > li {
    display: block; }
  .footer li a {
    color: #000;
    display: block;
    /*padding: 0.8em;*/
    border-bottom: 1px solid #808080;
    position: relative; }
  .footer li.footer-has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em; }
  .footer li.footer-has-submenu > a.active:after {
    content: "-"; }
  .footer ul ul > li a {
    height: 58px;
    padding: 19px 18px 19px 30px; }
  .footer ul ul, .footer ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none; }
  #news .ms-webpart-zone, #events .ms-webpart-zone {
    padding-right: 0;
    margin-top: 12px; }
  #jibarFuture.col__inner__container {
    padding: 0; }
  #jibarFuture div {
    float: left; }
  .jibarFutureDetail [CLASS*="cROW"] {
    width: 100%;
    border-bottom: 1px solid #ededed; }
    .jibarFutureDetail [CLASS*="cROW"] div {
      width: 8.3%; }
    .jibarFutureDetail [CLASS*="cROW"] .table__row--name {
      width: 25%;
      text-align: left; }
    .jibarFutureDetail [CLASS*="cROW"] .hCEL {
      font-family: calibrilight !important;
      text-align: right; }
  #jibarFutureHeader {
    width: 100%;
    padding-top: 96px; }
    #jibarFutureHeader .oCEL {
      width: 8.3%;
      position: relative;
      font-family: calibribold !important; }
    #jibarFutureHeader .table__row__heading--c {
      width: 25%;
      margin-top: -9px;
      border: none; }
    #jibarFutureHeader .hCEL {
      position: absolute;
      width: 96px;
      font-family: calibribold !important;
      right: 0;
      top: -27px;
      text-align: left;
      border-top: 1px solid #a3cf62; }
  .rotate {
    -moz-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -webkit-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -ms-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -o-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    transform: translateX(-45%) translateY(-50%) rotate(52deg);
    border: 1px solid white; }
  .jibarFutureDetail {
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE; }
    .jibarFutureDetail .table__row--name {
      text-align: left;
      color: #6666cc;
      font-size: 13px; }
    .jibarFutureDetail .table__row--changeup {
      color: #009900; }
    .jibarFutureDetail .table__row--changedown {
      color: #cc0000; }
  #IssuerProfileTemplate #webstir {
    width: 100%;
    margin: 0; }
  /* Board Profiles */
  .BoardProfiles img {
    margin-left: auto;
    margin-right: auto; }
  .BoardProfiles .PERSON-NAME, .BoardProfiles .PERSON-ROLE, .BoardProfiles .PERSON-DETAIL {
    text-align: center; }
  #tfsabrokerslist {
    width: 100%;
    padding: 0; }
  .inlb {
    width: 100%; }
  #findabroker {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  .tabs__col__tabs__item--mod--broker-home {
    width: 50%; }
  .documents__detailed--c {
    padding-left: 29px; }
  .homepage__content__inner #leftcol {
    margin-right: 0;
    padding-right: 0; }
  #middleright,
  #middleright .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  #middleleft,
  #middleleft .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  .GeneralCopyTemplate #middleleft .col__inner__container {
    border-bottom: 17px solid white; }
  #middleleft, #middelright {
    margin-right: 0; }
  .GeneralCopyTemplate #bottom .col__inner__container {
    width: 100%; }
  .rSearchBox {
    position: absolute;
    top: 3px;
    right: 87px;
    height: 46px;
    width: 56px; }
  .boardmembers .cursor img {
    width: 125px; }
  .boardmembers .profile__overlay {
    height: 190px; }
    .boardmembers .profile__overlay .para {
      font-size: 12px; }
  .boardmembers .profile__overlay__open__left {
    width: 133px;
    height: 187px; }
    .boardmembers .profile__overlay__open__left img {
      width: 125px; }
    .boardmembers .profile__overlay__open__left .col__title3 {
      width: 255px; }
  .boardmembers .profile__overlay .col__title {
    font-size: 14px; }
  .boardmembers .profile__overlay__open__content {
    width: 50vw;
    overflow: scroll;
    height: 187px; } }

@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 568px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 568px;
    max-width: 568px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 568px;
    max-width: 568px; }
  #rightcol .ms-webpart-zone {
    width: 568px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 568px;
    max-width: 568px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 568px; }
  .social__widget__head {
    width: 568px;
    max-width: 568px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 513px !important; }
  a.read__more__info__documents--issuer {
    width: 568px; }
  .read__more__info__documents--issuer--a {
    width: 513px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 568px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 568px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 568px; }
  #leftcol img {
    max-width: 568px; }
  #leftcol .homepage__sidenav {
    width: 568px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 568px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 454px !important; }
  .listed__input__search {
    width: 568px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 504px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 504px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 488px; }
    #top .ms-rtestate-field .col__title {
      width: 488px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 488px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 593px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 593px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 488px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 568px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 543px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 498px !important; }
  #leftcol .documents__detailed a {
    width: 428px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 462px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 498px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 462px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 428px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 528px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 458px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 498px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 568px !important; }
  #IssuerProfileTemplate #sens {
    width: 553px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 553px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 507px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 473px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 568px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 568px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 568px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 568px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 568px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 568px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 568px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 568px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 568px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 573px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 531px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 483px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 483px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 513px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 518px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 558px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 568px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 568px;
    left: -541px; }
  div#jseFooter {
    width: 568px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 518px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 568px; }
    .feed__events #facebookTimeline {
      width: 568px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; } }

@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .inlb h1.title-large {
    /*padding-right: 22px;*/
    padding-bottom: 0;
    margin-left: 25px;
    padding-top: 0; }
  #jse-choose-xs ul li a {
    text-align: left;
    padding: 36px 22px 0 22px !important;
    font-size: 1.2em;
    text-decoration: none;
    font-family: "calibriregular";
    font-style: italic; }
  /* Create a hanging indent */
  #rightcol {
    padding-right: 0; }
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 320px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 320px;
    max-width: 320px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 320px;
    max-width: 320px; }
  #rightcol .ms-webpart-zone {
    width: 320px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 320px;
    max-width: 320px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 320px; }
  .social__widget__head {
    width: 320px;
    max-width: 320px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 265px !important; }
  a.read__more__info__documents--issuer {
    width: 320px; }
  .read__more__info__documents--issuer--a {
    width: 265px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 320px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 320px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 320px; }
  #leftcol img {
    max-width: 320px; }
  #leftcol .homepage__sidenav {
    width: 320px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 320px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 206px !important; }
  .listed__input__search {
    width: 320px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 256px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 256px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 240px; }
    #top .ms-rtestate-field .col__title {
      width: 240px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 240px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 345px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 345px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 240px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 320px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 295px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 250px !important; }
  #leftcol .documents__detailed a {
    width: 180px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 214px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 250px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 214px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 180px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 280px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 210px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 250px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 320px !important; }
  #IssuerProfileTemplate #sens {
    width: 305px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 305px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 259px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 225px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 320px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 320px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 320px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 320px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 320px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 320px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 320px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 320px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 320px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 325px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 283px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 235px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 235px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 265px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 270px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 310px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 320px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 320px;
    left: -293px; }
  div#jseFooter {
    width: 320px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 270px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 320px; }
    .feed__events #facebookTimeline {
      width: 320px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; } }

/*}*/
/*@mixin iphone6 {*/
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      display: inline-block;
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: white;
      overflow: auto;
      z-index: 99999; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        width: 40%;
        padding-top: 51px !important;
        padding-right: 10% !important;
        margin-left: 21px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        width: 40%;
        position: absolute;
        top: 0;
        left: 50%;
        padding-top: 51px !important; }
      div#Refinement.Show .RefinerHide {
        float: none;
        position: absolute;
        top: 0;
        width: 100% !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .homepage__footer {
    width: 100%;
    background-color: #555554;
    /*border-top: 35px solid #ededed;*/
    height: string(464)px; }
  .footer__container__bar {
    background-color: #a3cf62;
    height: "41px";
    width: 100%;
    text-align: center;
    padding: 14px 0; }
  div#jseFooter {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    background-color: #555554;
    height: 348px;
    height: string(464)px; }
  nav.footer {
    width: 1200px;
    background-color: #555554;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left; }
    nav.footer > .footer-block {
      float: left; }
      nav.footer > .footer-block:nth-child(1) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(3) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(5) {
        width: 230px; }
      nav.footer > .footer-block:nth-child(7) {
        width: 155px; }
      nav.footer > .footer-block:nth-child(9) {
        width: 155px; }
  .footer-link {
    display: none; }
  .footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline;
    vertical-align: top; }
  .footer > li > ul.footer-sub-menu {
    min-width: 10em;
    padding: 4px 0; }
  .footer ul li {
    padding: 0; }
  .footer > ul > li {
    display: inline-block; }
  /* HEADINGS */
  .footer ul li a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-family: "calibriregular";
    text-decoration: none; }
  .footer ul li > a {
    height: 58px;
    padding: 11px 12px; }
  /* FOOTER ITEMS AREAS */
  .footer ul ul {
    display: inline-block;
    min-width: 160px; }
  .footer ul ul > li {
    position: relative; }
  .footer ul ul > li a {
    /* FOOTER ITEMS */
    padding: 5px 15px 5px 10px;
    height: auto;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.7; }
    .footer ul ul > li a:hover {
      color: #a2be56 !important; }
  .footer ul ul ul {
    position: absolute;
    left: 100%;
    top: 0; }
  .footer__divider {
    border-right: 1px solid #626261;
    height: 150px;
    margin-top: 55px;
    margin-right: 1.5vw;
    float: left;
    display: none; }
  .footer-has-submenu a {
    color: #fff !important; }
    .footer-has-submenu a :visited {
      color: #fff !important; }
  div.footer-block {
    float: left;
    width: 100% !important; }
    div.footer-block:nth-child(1) {
      margin-left: 0 !important; }
  a.footer-link {
    display: block;
    color: #fff;
    background-color: #333;
    float: right;
    text-decoration: none;
    padding: 19px 10px; }
  .footer {
    clear: both;
    min-width: inherit;
    float: none;
    min-height: 700px; }
  .footer, .footer > div ul ul {
    overflow: hidden;
    max-height: 0; }
  .footer li > ul.footer-sub-menu {
    padding: 0;
    border: none;
    width: 100% !important; }
  .footer.active {
    width: 100%; }
  .footer.active, .footer > div ul ul.active {
    max-height: 3000px; }
  .footer > div ul {
    /*border-top: 1px solid #808080;*/
    width: 100%; }
  .footer li, .footer > div ul > li {
    display: block; }
  .footer li a {
    color: #000;
    display: block;
    /*padding: 0.8em;*/
    border-bottom: 1px solid #808080;
    position: relative; }
  .footer li.footer-has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em; }
  .footer li.footer-has-submenu > a.active:after {
    content: "-"; }
  .footer ul ul > li a {
    height: 58px;
    padding: 19px 18px 19px 30px; }
  .footer ul ul, .footer ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none; }
  #news .ms-webpart-zone, #events .ms-webpart-zone {
    padding-right: 0;
    margin-top: 12px; }
  #jibarFuture.col__inner__container {
    padding: 0; }
  #jibarFuture div {
    float: left; }
  .jibarFutureDetail [CLASS*="cROW"] {
    width: 100%;
    border-bottom: 1px solid #ededed; }
    .jibarFutureDetail [CLASS*="cROW"] div {
      width: 8.3%; }
    .jibarFutureDetail [CLASS*="cROW"] .table__row--name {
      width: 25%;
      text-align: left; }
    .jibarFutureDetail [CLASS*="cROW"] .hCEL {
      font-family: calibrilight !important;
      text-align: right; }
  #jibarFutureHeader {
    width: 100%;
    padding-top: 96px; }
    #jibarFutureHeader .oCEL {
      width: 8.3%;
      position: relative;
      font-family: calibribold !important; }
    #jibarFutureHeader .table__row__heading--c {
      width: 25%;
      margin-top: -9px;
      border: none; }
    #jibarFutureHeader .hCEL {
      position: absolute;
      width: 96px;
      font-family: calibribold !important;
      right: 0;
      top: -27px;
      text-align: left;
      border-top: 1px solid #a3cf62; }
  .rotate {
    -moz-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -webkit-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -ms-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -o-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    transform: translateX(-45%) translateY(-50%) rotate(52deg);
    border: 1px solid white; }
  .jibarFutureDetail {
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE; }
    .jibarFutureDetail .table__row--name {
      text-align: left;
      color: #6666cc;
      font-size: 14px; }
    .jibarFutureDetail .table__row--changeup {
      color: #009900; }
    .jibarFutureDetail .table__row--changedown {
      color: #cc0000; }
  #IssuerProfileTemplate #webstir {
    width: 100%;
    margin: 0; }
  /* Board Profiles */
  .BoardProfiles img {
    margin-left: auto;
    margin-right: auto; }
  .BoardProfiles .PERSON-NAME, .BoardProfiles .PERSON-ROLE, .BoardProfiles .PERSON-DETAIL {
    text-align: center; }
  #tfsabrokerslist {
    width: 100%;
    padding: 0; }
  .inlb {
    width: 100%; }
  #findabroker {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  .tabs__col__tabs__item--mod--broker-home {
    width: 50%; }
  .documents__detailed--c {
    padding-left: 29px; }
  .homepage__content__inner #leftcol {
    margin-right: 0;
    padding-right: 0; }
  #middleright,
  #middleright .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  #middleleft,
  #middleleft .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  .GeneralCopyTemplate #middleleft .col__inner__container {
    border-bottom: 17px solid white; }
  #middleleft, #middelright {
    margin-right: 0; }
  .GeneralCopyTemplate #bottom .col__inner__container {
    width: 100%; }
  .boardmembers .profile__item {
    margin-right: 232px; } }

@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 667px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 667px;
    max-width: 667px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 667px;
    max-width: 667px; }
  #rightcol .ms-webpart-zone {
    width: 667px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 667px;
    max-width: 667px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 667px; }
  .social__widget__head {
    width: 667px;
    max-width: 667px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 612px !important; }
  a.read__more__info__documents--issuer {
    width: 667px; }
  .read__more__info__documents--issuer--a {
    width: 612px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 667px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 667px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 667px; }
  #leftcol img {
    max-width: 667px; }
  #leftcol .homepage__sidenav {
    width: 667px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 667px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 553px !important; }
  .listed__input__search {
    width: 667px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 603px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 603px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 587px; }
    #top .ms-rtestate-field .col__title {
      width: 587px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 587px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 692px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 692px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 587px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 667px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 642px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 597px !important; }
  #leftcol .documents__detailed a {
    width: 527px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 561px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 597px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 561px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 527px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 627px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 557px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 597px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 667px !important; }
  #IssuerProfileTemplate #sens {
    width: 652px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 652px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 606px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 572px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 667px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 667px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 667px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 667px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 667px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 667px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 667px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 667px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 667px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 672px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 630px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 582px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 582px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 612px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 617px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 657px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 667px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 667px;
    left: -640px; }
  div#jseFooter {
    width: 667px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 617px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 667px; }
    .feed__events #facebookTimeline {
      width: 667px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; } }

@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* Portrait display only */
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      /* this is portrait only*/
      padding: 0 10px 0 10px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        float: left;
        width: 100%;
        position: relative !important;
        padding: 0 !important;
        margin: 50px 0 0 0; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        float: left;
        width: 100%;
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
        top: 0 !important;
        left: 0 !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 375px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 375px;
    max-width: 375px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 375px;
    max-width: 375px; }
  #rightcol .ms-webpart-zone {
    width: 375px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 375px;
    max-width: 375px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 375px; }
  .social__widget__head {
    width: 375px;
    max-width: 375px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 320px !important; }
  a.read__more__info__documents--issuer {
    width: 375px; }
  .read__more__info__documents--issuer--a {
    width: 320px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 375px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 375px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 375px; }
  #leftcol img {
    max-width: 375px; }
  #leftcol .homepage__sidenav {
    width: 375px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 375px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 261px !important; }
  .listed__input__search {
    width: 375px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 311px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 311px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 295px; }
    #top .ms-rtestate-field .col__title {
      width: 295px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 295px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 400px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 400px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 295px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 375px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 350px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 305px !important; }
  #leftcol .documents__detailed a {
    width: 235px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 269px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 305px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 269px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 235px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 335px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 265px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 305px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 375px !important; }
  #IssuerProfileTemplate #sens {
    width: 360px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 360px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 314px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 280px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 375px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 375px !important; }
  #IssuerProfileTemplate #sens {
    width: 360px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 360px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 314px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 280px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 375px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 375px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 375px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 375px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 375px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 375px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 375px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 375px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 375px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 380px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 338px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 290px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 290px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 320px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 325px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 365px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 375px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 375px;
    left: -348px; }
  div#jseFooter {
    width: 375px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 325px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 375px; }
    .feed__events #facebookTimeline {
      width: 375px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; } }

/*}*/
/*@mixin iphone6p {*/
@media (min-device-height: 736px) and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) {
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      display: inline-block;
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: white;
      overflow: auto;
      z-index: 99999; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        width: 40%;
        padding-top: 51px !important;
        padding-right: 10% !important;
        margin-left: 21px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        width: 40%;
        position: absolute;
        top: 0;
        left: 50%;
        padding-top: 51px !important; }
      div#Refinement.Show .RefinerHide {
        float: none;
        position: absolute;
        top: 0;
        width: 100% !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .homepage__footer {
    width: 100%;
    background-color: #555554;
    /*border-top: 35px solid #ededed;*/
    height: string(464)px; }
  .footer__container__bar {
    background-color: #a3cf62;
    height: "41px";
    width: 100%;
    text-align: center;
    padding: 14px 0; }
  div#jseFooter {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    background-color: #555554;
    height: 348px;
    height: string(464)px; }
  nav.footer {
    width: 1200px;
    background-color: #555554;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left; }
    nav.footer > .footer-block {
      float: left; }
      nav.footer > .footer-block:nth-child(1) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(3) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(5) {
        width: 230px; }
      nav.footer > .footer-block:nth-child(7) {
        width: 155px; }
      nav.footer > .footer-block:nth-child(9) {
        width: 155px; }
  .footer-link {
    display: none; }
  .footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline;
    vertical-align: top; }
  .footer > li > ul.footer-sub-menu {
    min-width: 10em;
    padding: 4px 0; }
  .footer ul li {
    padding: 0; }
  .footer > ul > li {
    display: inline-block; }
  /* HEADINGS */
  .footer ul li a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-family: "calibriregular";
    text-decoration: none; }
  .footer ul li > a {
    height: 58px;
    padding: 11px 12px; }
  /* FOOTER ITEMS AREAS */
  .footer ul ul {
    display: inline-block;
    min-width: 160px; }
  .footer ul ul > li {
    position: relative; }
  .footer ul ul > li a {
    /* FOOTER ITEMS */
    padding: 5px 15px 5px 10px;
    height: auto;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.7; }
    .footer ul ul > li a:hover {
      color: #a2be56 !important; }
  .footer ul ul ul {
    position: absolute;
    left: 100%;
    top: 0; }
  .footer__divider {
    border-right: 1px solid #626261;
    height: 150px;
    margin-top: 55px;
    margin-right: 1.5vw;
    float: left;
    display: none; }
  .footer-has-submenu a {
    color: #fff !important; }
    .footer-has-submenu a :visited {
      color: #fff !important; }
  div.footer-block {
    float: left;
    width: 100% !important; }
    div.footer-block:nth-child(1) {
      margin-left: 0 !important; }
  a.footer-link {
    display: block;
    color: #fff;
    background-color: #333;
    float: right;
    text-decoration: none;
    padding: 19px 10px; }
  .footer {
    clear: both;
    min-width: inherit;
    float: none;
    min-height: 700px; }
  .footer, .footer > div ul ul {
    overflow: hidden;
    max-height: 0; }
  .footer li > ul.footer-sub-menu {
    padding: 0;
    border: none;
    width: 100% !important; }
  .footer.active {
    width: 100%; }
  .footer.active, .footer > div ul ul.active {
    max-height: 3000px; }
  .footer > div ul {
    /*border-top: 1px solid #808080;*/
    width: 100%; }
  .footer li, .footer > div ul > li {
    display: block; }
  .footer li a {
    color: #000;
    display: block;
    /*padding: 0.8em;*/
    border-bottom: 1px solid #808080;
    position: relative; }
  .footer li.footer-has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em; }
  .footer li.footer-has-submenu > a.active:after {
    content: "-"; }
  .footer ul ul > li a {
    height: 58px;
    padding: 19px 18px 19px 30px; }
  .footer ul ul, .footer ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none; }
  #news .ms-webpart-zone, #events .ms-webpart-zone {
    padding-right: 0;
    margin-top: 12px; }
  #jibarFuture.col__inner__container {
    padding: 0; }
  #jibarFuture div {
    float: left; }
  .jibarFutureDetail [CLASS*="cROW"] {
    width: 100%;
    border-bottom: 1px solid #ededed; }
    .jibarFutureDetail [CLASS*="cROW"] div {
      width: 8.3%; }
    .jibarFutureDetail [CLASS*="cROW"] .table__row--name {
      width: 25%;
      text-align: left; }
    .jibarFutureDetail [CLASS*="cROW"] .hCEL {
      font-family: calibrilight !important;
      text-align: right; }
  #jibarFutureHeader {
    width: 100%;
    padding-top: 96px; }
    #jibarFutureHeader .oCEL {
      width: 8.3%;
      position: relative;
      font-family: calibribold !important; }
    #jibarFutureHeader .table__row__heading--c {
      width: 25%;
      margin-top: -9px;
      border: none; }
    #jibarFutureHeader .hCEL {
      position: absolute;
      width: 96px;
      font-family: calibribold !important;
      right: 0;
      top: -27px;
      text-align: left;
      border-top: 1px solid #a3cf62; }
  .rotate {
    -moz-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -webkit-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -ms-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -o-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    transform: translateX(-45%) translateY(-50%) rotate(52deg);
    border: 1px solid white; }
  .jibarFutureDetail {
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE; }
    .jibarFutureDetail .table__row--name {
      text-align: left;
      color: #6666cc;
      font-size: 13px; }
    .jibarFutureDetail .table__row--changeup {
      color: #009900; }
    .jibarFutureDetail .table__row--changedown {
      color: #cc0000; }
  #IssuerProfileTemplate #webstir {
    width: 100%;
    margin: 0; }
  /* Board Profiles */
  .BoardProfiles img {
    margin-left: auto;
    margin-right: auto; }
  .BoardProfiles .PERSON-NAME, .BoardProfiles .PERSON-ROLE, .BoardProfiles .PERSON-DETAIL {
    text-align: center; }
  #tfsabrokerslist {
    width: 100%;
    padding: 0; }
  .inlb {
    width: 100%; }
  #findabroker {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  .tabs__col__tabs__item--mod--broker-home {
    width: 50%; }
  .documents__detailed--c {
    padding-left: 29px; }
  .homepage__content__inner #leftcol {
    margin-right: 0;
    padding-right: 0; }
  #middleright,
  #middleright .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  #middleleft,
  #middleleft .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  .GeneralCopyTemplate #middleleft .col__inner__container {
    border-bottom: 17px solid white; }
  #middleleft, #middelright {
    margin-right: 0; }
  .GeneralCopyTemplate #bottom .col__inner__container {
    width: 100%; } }

@media (min-device-height: 736px) and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 736px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 736px;
    max-width: 736px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 736px;
    max-width: 736px; }
  #rightcol .ms-webpart-zone {
    width: 736px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 736px;
    max-width: 736px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 736px; }
  .social__widget__head {
    width: 736px;
    max-width: 736px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 681px !important; }
  a.read__more__info__documents--issuer {
    width: 736px; }
  .read__more__info__documents--issuer--a {
    width: 681px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 736px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 736px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 736px; }
  #leftcol img {
    max-width: 736px; }
  #leftcol .homepage__sidenav {
    width: 736px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 736px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 622px !important; }
  .listed__input__search {
    width: 736px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 672px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 672px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 656px; }
    #top .ms-rtestate-field .col__title {
      width: 656px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 656px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 761px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 761px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 656px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 736px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 711px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 666px !important; }
  #leftcol .documents__detailed a {
    width: 596px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 630px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 666px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 630px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 596px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 696px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 626px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 666px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 736px !important; }
  #IssuerProfileTemplate #sens {
    width: 721px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 721px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 675px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 641px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 736px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 736px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 736px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 736px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 736px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 736px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 736px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 736px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 736px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 741px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 699px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 651px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 651px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 681px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 686px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 726px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 736px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 736px;
    left: -709px; }
  div#jseFooter {
    width: 736px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 686px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 736px; }
    .feed__events #facebookTimeline {
      width: 736px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; } }

@media (min-device-height: 736px) and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  /* Portrait display only */
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      /* this is portrait only*/
      padding: 0 10px 0 10px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        float: left;
        width: 100%;
        position: relative !important;
        padding: 0 !important;
        margin: 50px 0 0 0; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        float: left;
        width: 100%;
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
        top: 0 !important;
        left: 0 !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  #rightcol {
    padding-right: 0; }
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 414px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 414px;
    max-width: 414px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 414px;
    max-width: 414px; }
  #rightcol .ms-webpart-zone {
    width: 414px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 414px;
    max-width: 414px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 414px; }
  .social__widget__head {
    width: 414px;
    max-width: 414px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 359px !important; }
  a.read__more__info__documents--issuer {
    width: 414px; }
  .read__more__info__documents--issuer--a {
    width: 359px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 414px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 414px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 414px; }
  #leftcol img {
    max-width: 414px; }
  #leftcol .homepage__sidenav {
    width: 414px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 414px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 300px !important; }
  .listed__input__search {
    width: 414px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 350px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 350px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 334px; }
    #top .ms-rtestate-field .col__title {
      width: 334px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 334px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 439px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 439px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 334px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 414px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 389px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 344px !important; }
  #leftcol .documents__detailed a {
    width: 274px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 308px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 344px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 308px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 274px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 374px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 304px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 344px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 414px !important; }
  #IssuerProfileTemplate #sens {
    width: 399px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 399px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 353px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 319px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 414px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 414px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 414px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 414px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 414px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 414px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 414px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 414px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 414px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 419px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 377px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 329px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 329px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 359px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 364px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 404px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 414px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 414px;
    left: -387px; }
  div#jseFooter {
    width: 414px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 364px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 414px; }
    .feed__events #facebookTimeline {
      width: 414px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; } }

/*}*/
/*@mixin samsungs4 {*/
@media (device-height: 360px) and (device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      display: inline-block;
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: white;
      overflow: auto;
      z-index: 99999; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        width: 40%;
        padding-top: 51px !important;
        padding-right: 10% !important;
        margin-left: 21px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        width: 40%;
        position: absolute;
        top: 0;
        left: 50%;
        padding-top: 51px !important; }
      div#Refinement.Show .RefinerHide {
        float: none;
        position: absolute;
        top: 0;
        width: 100% !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .homepage__footer {
    width: 100%;
    background-color: #555554;
    /*border-top: 35px solid #ededed;*/
    height: string(464)px; }
  .footer__container__bar {
    background-color: #a3cf62;
    height: "41px";
    width: 100%;
    text-align: center;
    padding: 14px 0; }
  div#jseFooter {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    background-color: #555554;
    height: 348px;
    height: string(464)px; }
  nav.footer {
    width: 1200px;
    background-color: #555554;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left; }
    nav.footer > .footer-block {
      float: left; }
      nav.footer > .footer-block:nth-child(1) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(3) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(5) {
        width: 230px; }
      nav.footer > .footer-block:nth-child(7) {
        width: 155px; }
      nav.footer > .footer-block:nth-child(9) {
        width: 155px; }
  .footer-link {
    display: none; }
  .footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline;
    vertical-align: top; }
  .footer > li > ul.footer-sub-menu {
    min-width: 10em;
    padding: 4px 0; }
  .footer ul li {
    padding: 0; }
  .footer > ul > li {
    display: inline-block; }
  /* HEADINGS */
  .footer ul li a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-family: "calibriregular";
    text-decoration: none; }
  .footer ul li > a {
    height: 58px;
    padding: 11px 12px; }
  /* FOOTER ITEMS AREAS */
  .footer ul ul {
    display: inline-block;
    min-width: 160px; }
  .footer ul ul > li {
    position: relative; }
  .footer ul ul > li a {
    /* FOOTER ITEMS */
    padding: 5px 15px 5px 10px;
    height: auto;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.7; }
    .footer ul ul > li a:hover {
      color: #a2be56 !important; }
  .footer ul ul ul {
    position: absolute;
    left: 100%;
    top: 0; }
  .footer__divider {
    border-right: 1px solid #626261;
    height: 150px;
    margin-top: 55px;
    margin-right: 1.5vw;
    float: left;
    display: none; }
  .footer-has-submenu a {
    color: #fff !important; }
    .footer-has-submenu a :visited {
      color: #fff !important; }
  div.footer-block {
    float: left;
    width: 100% !important; }
    div.footer-block:nth-child(1) {
      margin-left: 0 !important; }
  a.footer-link {
    display: block;
    color: #fff;
    background-color: #333;
    float: right;
    text-decoration: none;
    padding: 19px 10px; }
  .footer {
    clear: both;
    min-width: inherit;
    float: none;
    min-height: 700px; }
  .footer, .footer > div ul ul {
    overflow: hidden;
    max-height: 0; }
  .footer li > ul.footer-sub-menu {
    padding: 0;
    border: none;
    width: 100% !important; }
  .footer.active {
    width: 100%; }
  .footer.active, .footer > div ul ul.active {
    max-height: 3000px; }
  .footer > div ul {
    /*border-top: 1px solid #808080;*/
    width: 100%; }
  .footer li, .footer > div ul > li {
    display: block; }
  .footer li a {
    color: #000;
    display: block;
    /*padding: 0.8em;*/
    border-bottom: 1px solid #808080;
    position: relative; }
  .footer li.footer-has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em; }
  .footer li.footer-has-submenu > a.active:after {
    content: "-"; }
  .footer ul ul > li a {
    height: 58px;
    padding: 19px 18px 19px 30px; }
  .footer ul ul, .footer ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none; }
  #news .ms-webpart-zone, #events .ms-webpart-zone {
    padding-right: 0;
    margin-top: 12px; }
  #jibarFuture.col__inner__container {
    padding: 0; }
  #jibarFuture div {
    float: left; }
  .jibarFutureDetail [CLASS*="cROW"] {
    width: 100%;
    border-bottom: 1px solid #ededed; }
    .jibarFutureDetail [CLASS*="cROW"] div {
      width: 8.3%; }
    .jibarFutureDetail [CLASS*="cROW"] .table__row--name {
      width: 25%;
      text-align: left; }
    .jibarFutureDetail [CLASS*="cROW"] .hCEL {
      font-family: calibrilight !important;
      text-align: right; }
  #jibarFutureHeader {
    width: 100%;
    padding-top: 96px; }
    #jibarFutureHeader .oCEL {
      width: 8.3%;
      position: relative;
      font-family: calibribold !important; }
    #jibarFutureHeader .table__row__heading--c {
      width: 25%;
      margin-top: -9px;
      border: none; }
    #jibarFutureHeader .hCEL {
      position: absolute;
      width: 96px;
      font-family: calibribold !important;
      right: 0;
      top: -27px;
      text-align: left;
      border-top: 1px solid #a3cf62; }
  .rotate {
    -moz-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -webkit-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -ms-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -o-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    transform: translateX(-45%) translateY(-50%) rotate(52deg);
    border: 1px solid white; }
  .jibarFutureDetail {
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE; }
    .jibarFutureDetail .table__row--name {
      text-align: left;
      color: #6666cc;
      font-size: 13px; }
    .jibarFutureDetail .table__row--changeup {
      color: #009900; }
    .jibarFutureDetail .table__row--changedown {
      color: #cc0000; }
  #IssuerProfileTemplate #webstir {
    width: 100%;
    margin: 0; }
  /* Board Profiles */
  .BoardProfiles img {
    margin-left: auto;
    margin-right: auto; }
  .BoardProfiles .PERSON-NAME, .BoardProfiles .PERSON-ROLE, .BoardProfiles .PERSON-DETAIL {
    text-align: center; }
  #tfsabrokerslist {
    width: 100%;
    padding: 0; }
  .inlb {
    width: 100%; }
  #findabroker {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  .tabs__col__tabs__item--mod--broker-home {
    width: 50%; }
  .documents__detailed--c {
    padding-left: 29px; }
  .homepage__content__inner #leftcol {
    margin-right: 0;
    padding-right: 0; }
  #middleright,
  #middleright .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  #middleleft,
  #middleleft .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  .GeneralCopyTemplate #middleleft .col__inner__container {
    border-bottom: 17px solid white; }
  #middleleft, #middelright {
    margin-right: 0; }
  .GeneralCopyTemplate #bottom .col__inner__container {
    width: 100%; }
  /* Portrait display only */
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      /* this is portrait only*/
      padding: 0 10px 0 10px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        float: left;
        width: 100%;
        position: relative !important;
        padding: 0 !important;
        margin: 50px 0 0 0; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        float: left;
        width: 100%;
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
        top: 0 !important;
        left: 0 !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
    width: 19%;
    height: 65px;
    text-align: center;
    margin-top: 12px; }
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 640px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 640px;
    max-width: 640px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 640px;
    max-width: 640px; }
  #rightcol .ms-webpart-zone {
    width: 640px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 640px;
    max-width: 640px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 640px; }
  .social__widget__head {
    width: 640px;
    max-width: 640px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 585px !important; }
  a.read__more__info__documents--issuer {
    width: 640px; }
  .read__more__info__documents--issuer--a {
    width: 585px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 640px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 640px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 640px; }
  #leftcol img {
    max-width: 640px; }
  #leftcol .homepage__sidenav {
    width: 640px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 640px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 526px !important; }
  .listed__input__search {
    width: 640px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 576px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 576px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 560px; }
    #top .ms-rtestate-field .col__title {
      width: 560px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 560px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 665px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 665px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 560px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 640px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 615px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 570px !important; }
  #leftcol .documents__detailed a {
    width: 500px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 534px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 570px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 534px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 500px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 600px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 530px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 570px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 640px !important; }
  #IssuerProfileTemplate #sens {
    width: 625px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 625px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 579px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 545px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 640px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 640px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 640px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 640px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 640px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 640px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 640px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 640px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 640px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 645px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 603px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 555px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 555px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 585px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 590px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 630px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 640px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 640px;
    left: -613px; }
  div#jseFooter {
    width: 640px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 590px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 640px; }
    .feed__events #facebookTimeline {
      width: 640px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; } }

@media (device-height: 640px) and (device-width: 360px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      display: inline-block;
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: white;
      overflow: auto;
      z-index: 99999; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        width: 40%;
        padding-top: 51px !important;
        padding-right: 10% !important;
        margin-left: 21px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        width: 40%;
        position: absolute;
        top: 0;
        left: 50%;
        padding-top: 51px !important; }
      div#Refinement.Show .RefinerHide {
        float: none;
        position: absolute;
        top: 0;
        width: 100% !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .homepage__footer {
    width: 100%;
    background-color: #555554;
    /*border-top: 35px solid #ededed;*/
    height: string(464)px; }
  .footer__container__bar {
    background-color: #a3cf62;
    height: "41px";
    width: 100%;
    text-align: center;
    padding: 14px 0; }
  div#jseFooter {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    background-color: #555554;
    height: 348px;
    height: string(464)px; }
  nav.footer {
    width: 1200px;
    background-color: #555554;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left; }
    nav.footer > .footer-block {
      float: left; }
      nav.footer > .footer-block:nth-child(1) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(3) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(5) {
        width: 230px; }
      nav.footer > .footer-block:nth-child(7) {
        width: 155px; }
      nav.footer > .footer-block:nth-child(9) {
        width: 155px; }
  .footer-link {
    display: none; }
  .footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline;
    vertical-align: top; }
  .footer > li > ul.footer-sub-menu {
    min-width: 10em;
    padding: 4px 0; }
  .footer ul li {
    padding: 0; }
  .footer > ul > li {
    display: inline-block; }
  /* HEADINGS */
  .footer ul li a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-family: "calibriregular";
    text-decoration: none; }
  .footer ul li > a {
    height: 58px;
    padding: 11px 12px; }
  /* FOOTER ITEMS AREAS */
  .footer ul ul {
    display: inline-block;
    min-width: 160px; }
  .footer ul ul > li {
    position: relative; }
  .footer ul ul > li a {
    /* FOOTER ITEMS */
    padding: 5px 15px 5px 10px;
    height: auto;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.7; }
    .footer ul ul > li a:hover {
      color: #a2be56 !important; }
  .footer ul ul ul {
    position: absolute;
    left: 100%;
    top: 0; }
  .footer__divider {
    border-right: 1px solid #626261;
    height: 150px;
    margin-top: 55px;
    margin-right: 1.5vw;
    float: left;
    display: none; }
  .footer-has-submenu a {
    color: #fff !important; }
    .footer-has-submenu a :visited {
      color: #fff !important; }
  div.footer-block {
    float: left;
    width: 100% !important; }
    div.footer-block:nth-child(1) {
      margin-left: 0 !important; }
  a.footer-link {
    display: block;
    color: #fff;
    background-color: #333;
    float: right;
    text-decoration: none;
    padding: 19px 10px; }
  .footer {
    clear: both;
    min-width: inherit;
    float: none;
    min-height: 700px; }
  .footer, .footer > div ul ul {
    overflow: hidden;
    max-height: 0; }
  .footer li > ul.footer-sub-menu {
    padding: 0;
    border: none;
    width: 100% !important; }
  .footer.active {
    width: 100%; }
  .footer.active, .footer > div ul ul.active {
    max-height: 3000px; }
  .footer > div ul {
    /*border-top: 1px solid #808080;*/
    width: 100%; }
  .footer li, .footer > div ul > li {
    display: block; }
  .footer li a {
    color: #000;
    display: block;
    /*padding: 0.8em;*/
    border-bottom: 1px solid #808080;
    position: relative; }
  .footer li.footer-has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em; }
  .footer li.footer-has-submenu > a.active:after {
    content: "-"; }
  .footer ul ul > li a {
    height: 58px;
    padding: 19px 18px 19px 30px; }
  .footer ul ul, .footer ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none; }
  #news .ms-webpart-zone, #events .ms-webpart-zone {
    padding-right: 0;
    margin-top: 12px; }
  #jibarFuture.col__inner__container {
    padding: 0; }
  #jibarFuture div {
    float: left; }
  .jibarFutureDetail [CLASS*="cROW"] {
    width: 100%;
    border-bottom: 1px solid #ededed; }
    .jibarFutureDetail [CLASS*="cROW"] div {
      width: 8.3%; }
    .jibarFutureDetail [CLASS*="cROW"] .table__row--name {
      width: 25%;
      text-align: left; }
    .jibarFutureDetail [CLASS*="cROW"] .hCEL {
      font-family: calibrilight !important;
      text-align: right; }
  #jibarFutureHeader {
    width: 100%;
    padding-top: 96px; }
    #jibarFutureHeader .oCEL {
      width: 8.3%;
      position: relative;
      font-family: calibribold !important; }
    #jibarFutureHeader .table__row__heading--c {
      width: 25%;
      margin-top: -9px;
      border: none; }
    #jibarFutureHeader .hCEL {
      position: absolute;
      width: 96px;
      font-family: calibribold !important;
      right: 0;
      top: -27px;
      text-align: left;
      border-top: 1px solid #a3cf62; }
  .rotate {
    -moz-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -webkit-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -ms-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -o-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    transform: translateX(-45%) translateY(-50%) rotate(52deg);
    border: 1px solid white; }
  .jibarFutureDetail {
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE; }
    .jibarFutureDetail .table__row--name {
      text-align: left;
      color: #6666cc;
      font-size: 13px; }
    .jibarFutureDetail .table__row--changeup {
      color: #009900; }
    .jibarFutureDetail .table__row--changedown {
      color: #cc0000; }
  #IssuerProfileTemplate #webstir {
    width: 100%;
    margin: 0; }
  /* Board Profiles */
  .BoardProfiles img {
    margin-left: auto;
    margin-right: auto; }
  .BoardProfiles .PERSON-NAME, .BoardProfiles .PERSON-ROLE, .BoardProfiles .PERSON-DETAIL {
    text-align: center; }
  #tfsabrokerslist {
    width: 100%;
    padding: 0; }
  .inlb {
    width: 100%; }
  #findabroker {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  .tabs__col__tabs__item--mod--broker-home {
    width: 50%; }
  .documents__detailed--c {
    padding-left: 29px; }
  .homepage__content__inner #leftcol {
    margin-right: 0;
    padding-right: 0; }
  #middleright,
  #middleright .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  #middleleft,
  #middleleft .col__inner__container,
  #middelright .ms-webpart-zone {
    width: 100%; }
  .GeneralCopyTemplate #middleleft .col__inner__container {
    border-bottom: 17px solid white; }
  #middleleft, #middelright {
    margin-right: 0; }
  .GeneralCopyTemplate #bottom .col__inner__container {
    width: 100%; }
  /* Portrait display only */
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      /* this is portrait only*/
      padding: 0 10px 0 10px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        float: left;
        width: 100%;
        position: relative !important;
        padding: 0 !important;
        margin: 50px 0 0 0; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        float: left;
        width: 100%;
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
        top: 0 !important;
        left: 0 !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .inlb h1.title-large {
    /*padding-right: 22px;*/
    padding-bottom: 0;
    margin-left: 25px;
    padding-top: 0; }
  #jse-choose-xs ul li a {
    text-align: left;
    padding: 36px 22px 0 22px !important;
    font-size: 1.2em;
    text-decoration: none;
    font-family: "calibriregular";
    font-style: italic; }
  /* Create a hanging indent */
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 360px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 360px;
    max-width: 360px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 360px;
    max-width: 360px; }
  #rightcol .ms-webpart-zone {
    width: 360px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 360px;
    max-width: 360px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 360px; }
  .social__widget__head {
    width: 360px;
    max-width: 360px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 305px !important; }
  a.read__more__info__documents--issuer {
    width: 360px; }
  .read__more__info__documents--issuer--a {
    width: 305px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 360px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 360px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 360px; }
  #leftcol img {
    max-width: 360px; }
  #leftcol .homepage__sidenav {
    width: 360px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 360px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 246px !important; }
  .listed__input__search {
    width: 360px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 296px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 296px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 280px; }
    #top .ms-rtestate-field .col__title {
      width: 280px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 280px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 385px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 385px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 280px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 360px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 335px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 290px !important; }
  #leftcol .documents__detailed a {
    width: 220px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 254px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 290px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 254px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 220px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 320px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 250px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 290px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 360px !important; }
  #IssuerProfileTemplate #sens {
    width: 345px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 345px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 299px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 265px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 360px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 360px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 360px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 360px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 360px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 360px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 360px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 360px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 360px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 365px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 323px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 275px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 275px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 305px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 310px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 350px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 360px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 360px;
    left: -333px; }
  div#jseFooter {
    width: 360px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 310px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 360px; }
    .feed__events #facebookTimeline {
      width: 360px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; } }

/*}*/
/*@mixin tablets {*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  div#Refinement {
    /* Make Refinement Panel Floatable */ }
    div#Refinement.Show {
      display: inline-block;
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: white;
      overflow: auto;
      z-index: 99999; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(1) {
        width: 40%;
        padding-top: 51px !important;
        padding-right: 10% !important;
        margin-left: 21px; }
      div#Refinement.Show > .ms-ref-refiner:nth-child(2) {
        width: 40%;
        position: absolute;
        top: 0;
        left: 50%;
        padding-top: 51px !important; }
      div#Refinement.Show .RefinerHide {
        float: none;
        position: absolute;
        top: 0;
        width: 100% !important; }
  .ms-webpart-chrome-title span {
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerShow {
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .RefinerHide {
    /*position: absolute;
        top:0;*/
    background-color: #cfd596;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    height: 45px;
    padding-top: 10px;
    /*width: 28% !important; WILL NOT WORK WITH OTHER PAGES ONLY WITH "HOTLINES"; need to rethink this.
        margin-right:5px;*/ }
  .homepage__footer {
    width: 100%;
    background-color: #555554;
    /*border-top: 35px solid #ededed;*/
    height: string(464)px; }
  .footer__container__bar {
    background-color: #a3cf62;
    height: "41px";
    width: 100%;
    text-align: center;
    padding: 14px 0; }
  div#jseFooter {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    background-color: #555554;
    height: 348px;
    height: string(464)px; }
  nav.footer {
    width: 1200px;
    background-color: #555554;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left; }
    nav.footer > .footer-block {
      float: left; }
      nav.footer > .footer-block:nth-child(1) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(3) {
        width: 180px; }
      nav.footer > .footer-block:nth-child(5) {
        width: 230px; }
      nav.footer > .footer-block:nth-child(7) {
        width: 155px; }
      nav.footer > .footer-block:nth-child(9) {
        width: 155px; }
  .footer-link {
    display: none; }
  .footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline;
    vertical-align: top; }
  .footer > li > ul.footer-sub-menu {
    min-width: 10em;
    padding: 4px 0; }
  .footer ul li {
    padding: 0; }
  .footer > ul > li {
    display: inline-block; }
  /* HEADINGS */
  .footer ul li a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-family: "calibriregular";
    text-decoration: none; }
  .footer ul li > a {
    height: 58px;
    padding: 11px 12px; }
  /* FOOTER ITEMS AREAS */
  .footer ul ul {
    display: inline-block;
    min-width: 160px; }
  .footer ul ul > li {
    position: relative; }
  .footer ul ul > li a {
    /* FOOTER ITEMS */
    padding: 5px 15px 5px 10px;
    height: auto;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.7; }
    .footer ul ul > li a:hover {
      color: #a2be56 !important; }
  .footer ul ul ul {
    position: absolute;
    left: 100%;
    top: 0; }
  .footer__divider {
    border-right: 1px solid #626261;
    height: 150px;
    margin-top: 55px;
    margin-right: 1.5vw;
    float: left;
    display: none; }
  .footer-has-submenu a {
    color: #fff !important; }
    .footer-has-submenu a :visited {
      color: #fff !important; }
  div.footer-block {
    float: left;
    width: 100% !important; }
    div.footer-block:nth-child(1) {
      margin-left: 0 !important; }
  a.footer-link {
    display: block;
    color: #fff;
    background-color: #333;
    float: right;
    text-decoration: none;
    padding: 19px 10px; }
  .footer {
    clear: both;
    min-width: inherit;
    float: none;
    min-height: 700px; }
  .footer, .footer > div ul ul {
    overflow: hidden;
    max-height: 0; }
  .footer li > ul.footer-sub-menu {
    padding: 0;
    border: none;
    width: 100% !important; }
  .footer.active {
    width: 100%; }
  .footer.active, .footer > div ul ul.active {
    max-height: 3000px; }
  .footer > div ul {
    /*border-top: 1px solid #808080;*/
    width: 100%; }
  .footer li, .footer > div ul > li {
    display: block; }
  .footer li a {
    color: #000;
    display: block;
    /*padding: 0.8em;*/
    border-bottom: 1px solid #808080;
    position: relative; }
  .footer li.footer-has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em; }
  .footer li.footer-has-submenu > a.active:after {
    content: "-"; }
  .footer ul ul > li a {
    height: 58px;
    padding: 19px 18px 19px 30px; }
  .footer ul ul, .footer ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none; }
  #news .ms-webpart-zone, #events .ms-webpart-zone {
    padding-right: 0;
    margin-top: 12px; }
  #jibarFuture.col__inner__container {
    padding: 0; }
  #jibarFuture div {
    float: left; }
  .jibarFutureDetail [CLASS*="cROW"] {
    width: 100%;
    border-bottom: 1px solid #ededed; }
    .jibarFutureDetail [CLASS*="cROW"] div {
      width: 8.3%; }
    .jibarFutureDetail [CLASS*="cROW"] .table__row--name {
      width: 25%;
      text-align: left; }
    .jibarFutureDetail [CLASS*="cROW"] .hCEL {
      font-family: calibrilight !important;
      text-align: right; }
  #jibarFutureHeader {
    width: 100%;
    padding-top: 96px; }
    #jibarFutureHeader .oCEL {
      width: 8.3%;
      position: relative;
      font-family: calibribold !important; }
    #jibarFutureHeader .table__row__heading--c {
      width: 25%;
      margin-top: -9px;
      border: none; }
    #jibarFutureHeader .hCEL {
      position: absolute;
      width: 96px;
      font-family: calibribold !important;
      right: 0;
      top: -27px;
      text-align: left;
      border-top: 1px solid #a3cf62; }
  .rotate {
    -moz-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -webkit-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -ms-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    -o-transform: translateX(-45%) translateY(-50%) rotate(52deg);
    transform: translateX(-45%) translateY(-50%) rotate(52deg);
    border: 1px solid white; }
  .jibarFutureDetail {
    font-size: 12px;
    border-bottom: 1px solid #EEEEEE; }
    .jibarFutureDetail .table__row--name {
      text-align: left;
      color: #6666cc;
      font-size: 13px; }
    .jibarFutureDetail .table__row--changeup {
      color: #009900; }
    .jibarFutureDetail .table__row--changedown {
      color: #cc0000; }
  #IssuerProfileTemplate #webstir {
    width: 100%;
    margin: 0; }
  /* Board Profiles */
  .BoardProfiles img {
    margin-left: auto;
    margin-right: auto; }
  .BoardProfiles .PERSON-NAME, .BoardProfiles .PERSON-ROLE, .BoardProfiles .PERSON-DETAIL {
    text-align: center; }
  #tfsabrokerslist {
    width: 100%;
    padding: 0; }
  .inlb {
    width: 100%; }
  #findabroker {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  .tabs__col__tabs__item--mod--broker-home {
    width: 50%; }
  #s4-bodyContainer {
    padding-bottom: 0 !important;
    margin-top: -3px; }
  .ms-srch-result-groups .col__inner__container {
    padding: 5px 0 16px 0; }
  .homepage__sidenav__item {
    padding-top: 10px; }
    .homepage__sidenav__item .margin-top-15 {
      margin-top: 0 !important; }
  .FileSearchResults {
    margin-left: 0;
    margin-right: 0;
    padding-top: 5px;
    padding-left: 5px; }
    .FileSearchResults img {
      position: relative; }
  .ms-webpart-chrome-fullWidth {
    min-width: 0 !important; }
  .ms-webpart-chrome-title .ms-webpart-titleText, div .ms-webpart-titleText {
    color: white !important;
    font-size: 16px;
    padding-left: 12px;
    padding-right: 25px;
    padding-top: 15px;
    margin-bottom: -3px;
    height: 45px !important;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold; }
  .homepage__content__inner #leftcol {
    padding-right: 25px; }
  #s4-bodyContainer {
    padding-bottom: 0 !important;
    margin-top: -3px; }
  .ms-srch-result-groups .col__inner__container {
    padding: 5px 0 16px 0; }
  .homepage__sidenav__item {
    padding-top: 10px; }
    .homepage__sidenav__item .margin-top-15 {
      margin-top: 0 !important; }
  .FileSearchResults {
    margin-left: 0;
    margin-right: 0;
    padding-top: 5px;
    padding-left: 5px; }
    .FileSearchResults img {
      position: relative; }
  .ms-webpart-chrome-fullWidth {
    min-width: 0 !important; }
  .ms-webpart-chrome-title .ms-webpart-titleText, div .ms-webpart-titleText {
    color: white !important;
    font-size: 16px;
    padding-left: 12px;
    padding-right: 25px;
    padding-top: 15px;
    margin-bottom: -3px;
    height: 45px !important;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold; }
  .homepage__content__inner #leftcol {
    padding-right: 25px; }
  #s4-bodyContainer {
    padding-bottom: 0 !important;
    margin-top: -3px; }
  .ms-srch-result-groups .col__inner__container {
    padding: 5px 0 16px 0; }
  .homepage__sidenav__item {
    padding-top: 10px; }
    .homepage__sidenav__item .margin-top-15 {
      margin-top: 0 !important; }
  .FileSearchResults {
    margin-left: 0;
    margin-right: 0;
    padding-top: 5px;
    padding-left: 5px; }
    .FileSearchResults img {
      position: relative; }
  .ms-webpart-chrome-fullWidth {
    min-width: 0 !important; }
  .ms-webpart-chrome-title .ms-webpart-titleText, div .ms-webpart-titleText {
    color: white !important;
    font-size: 16px;
    padding-left: 12px;
    padding-right: 25px;
    padding-top: 15px;
    margin-bottom: -3px;
    height: 45px !important;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold; }
  .homepage__content__inner #leftcol {
    padding-right: 25px; }
  #s4-bodyContainer {
    padding-bottom: 0 !important;
    margin-top: -3px; }
  .ms-srch-result-groups .col__inner__container {
    padding: 5px 0 16px 0; }
  .homepage__sidenav__item {
    padding-top: 10px; }
    .homepage__sidenav__item .margin-top-15 {
      margin-top: 0 !important; }
  .FileSearchResults {
    margin-left: 0;
    margin-right: 0;
    padding-top: 5px;
    padding-left: 5px; }
    .FileSearchResults img {
      position: relative; }
  .ms-webpart-chrome-fullWidth {
    min-width: 0 !important; }
  .ms-webpart-chrome-title .ms-webpart-titleText, div .ms-webpart-titleText {
    color: white !important;
    font-size: 16px;
    padding-left: 12px;
    padding-right: 25px;
    padding-top: 15px;
    margin-bottom: -3px;
    height: 45px !important;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold; }
  .homepage__content__inner #leftcol {
    padding-right: 25px; } }

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #annualreviews .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 100%;
    /*margin-top: 15px;*/ }
  .btn__find__broker, .btn__find__sponsor {
    width: 100%; }
  .social__widget__head {
    width: 100%; }
  #leftcol .ms-webpart-zone {
    width: 100%;
    /*margin-left: 34px;*/ }
  #rightcol, #rightcol > div {
    width: 100%;
    /*margin-left: 17px;*/
    margin-right: 17px; }
  .col__inner__container {
    /*margin-left: 34px;*/ }
  #rightcol .col__inner__container, #leftcol .col__inner__container {
    margin-left: 0; }
  #rightcol .homepage__documents {
    width: 100%; }
  #rightcol .ms-webpart-chrome-title {
    width: 100%; }
  #rightcol .col__inner__container {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__sidenav {
    width: 100%; }
  #rightcol #findabroker, #rightcol #relateddocuments, #rightcol #indexclassificationsandcodes, #rightcol #icanotices, #rightcol #quarterlyreviews, #rightcol #contactus, #rightcol #socialmedianavigation, #rightcol #annualreviews {
    /*margin-left: $test;*/
    width: 100%; }
  .col-md-9 {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #annualreviews .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 100%;
    /*margin-top: 15px;*/ }
  .btn__find__broker, .btn__find__sponsor {
    width: 100%; }
  .social__widget__head {
    width: 100%; }
  #leftcol .ms-webpart-zone {
    width: 100%;
    /*margin-left: 34px;*/ }
  #rightcol, #rightcol > div {
    width: 100%;
    /*margin-left: 17px;*/
    margin-right: 17px; }
  .col__inner__container {
    /*margin-left: 34px;*/ }
  #rightcol .col__inner__container, #leftcol .col__inner__container {
    margin-left: 0; }
  #rightcol .homepage__documents {
    width: 100%; }
  #rightcol .ms-webpart-chrome-title {
    width: 100%; }
  #rightcol .col__inner__container {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__sidenav {
    width: 100%; }
  #rightcol #findabroker, #rightcol #relateddocuments, #rightcol #indexclassificationsandcodes, #rightcol #icanotices, #rightcol #quarterlyreviews, #rightcol #contactus, #rightcol #socialmedianavigation, #rightcol #annualreviews {
    /*margin-left: $test;*/
    width: 100%; }
  .col-md-9 {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #annualreviews .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 100%;
    /*margin-top: 15px;*/ }
  .btn__find__broker, .btn__find__sponsor {
    width: 100%; }
  .social__widget__head {
    width: 100%; }
  #leftcol .ms-webpart-zone {
    width: 100%;
    /*margin-left: 34px;*/ }
  #rightcol, #rightcol > div {
    width: 100%;
    /*margin-left: 17px;*/
    margin-right: 17px; }
  .col__inner__container {
    /*margin-left: 34px;*/ }
  #rightcol .col__inner__container, #leftcol .col__inner__container {
    margin-left: 0; }
  #rightcol .homepage__documents {
    width: 100%; }
  #rightcol .ms-webpart-chrome-title {
    width: 100%; }
  #rightcol .col__inner__container {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__sidenav {
    width: 100%; }
  #rightcol #findabroker, #rightcol #relateddocuments, #rightcol #indexclassificationsandcodes, #rightcol #icanotices, #rightcol #quarterlyreviews, #rightcol #contactus, #rightcol #socialmedianavigation, #rightcol #annualreviews {
    /*margin-left: $test;*/
    width: 100%; }
  .col-md-9 {
    width: 100% !important; }
  .icon.icon-arrow-right-white {
    right: 52px !important;
    top: 14px !important; }
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #annualreviews .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 100%;
    /*margin-top: 15px;*/ }
  .btn__find__broker, .btn__find__sponsor {
    width: 100%; }
  .social__widget__head {
    width: 100%; }
  #leftcol .ms-webpart-zone {
    width: 100%;
    /*margin-left: 34px;*/ }
  #rightcol, #rightcol > div {
    width: 100%;
    /*margin-left: 17px;*/
    margin-right: 17px; }
  .col__inner__container {
    /*margin-left: 34px;*/ }
  #rightcol .col__inner__container, #leftcol .col__inner__container {
    margin-left: 0; }
  #rightcol .homepage__documents {
    width: 100%; }
  #rightcol .ms-webpart-chrome-title {
    width: 100%; }
  #rightcol .col__inner__container {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__sidenav {
    width: 100%; }
  #rightcol #findabroker, #rightcol #relateddocuments, #rightcol #indexclassificationsandcodes, #rightcol #icanotices, #rightcol #quarterlyreviews, #rightcol #contactus, #rightcol #socialmedianavigation, #rightcol #annualreviews {
    /*margin-left: $test;*/
    width: 100%; }
  .col-md-9 {
    width: 100% !important; }
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 1024px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 1024px;
    max-width: 1024px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 1024px;
    max-width: 1024px; }
  #rightcol .ms-webpart-zone {
    width: 1024px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 1024px;
    max-width: 1024px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 1024px; }
  .social__widget__head {
    width: 1024px;
    max-width: 1024px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 969px !important; }
  a.read__more__info__documents--issuer {
    width: 1024px; }
  .read__more__info__documents--issuer--a {
    width: 969px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 1024px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 1024px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 1024px; }
  #leftcol img {
    max-width: 1024px; }
  #leftcol .homepage__sidenav {
    width: 1024px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 1024px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 910px !important; }
  .listed__input__search {
    width: 1024px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 960px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 960px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  /* When viewing mobile, both left and right columns are the same width */
  #DeltaPlaceHolderMain > div, .CenterContent {
    margin: 0 !important;
    max-width: 1024px !important; }
  #IndividualHomeTemplate {
    width: 1024px;
    /*& #rightcol .ms-webpart-zone {
            width: $widthPX;
        }

        & .notification__secondary, .tabs__section, .tab__container, .tabs_col, .tabs__col__head, .instrument__tabs, .shares__visualization__container, .tabs__col.tabs__col--shares.col__divider {
            width: $widthPX;
        }*/ }
    #IndividualHomeTemplate .BOTWide .Section-1, #IndividualHomeTemplate .BOTWide .Section-2, #IndividualHomeTemplate .BOTWide .Section-3, #IndividualHomeTemplate .BOTWide .Section-4 {
      /*border:1px solid green;*/ }
    #IndividualHomeTemplate .BOTWide .Section-1 {
      padding-right: 7px; }
    #IndividualHomeTemplate .BOTWide .Section-2, #IndividualHomeTemplate .BOTWide .Section-3 {
      /*border:1px solid orange;*/
      padding-left: 7px;
      padding-right: 7px; }
  #top .ms-rtestate-field {
    width: 944px; }
    #top .ms-rtestate-field .col__title {
      width: 944px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 944px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 1049px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 1049px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 944px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 1024px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 999px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 954px !important; }
  #leftcol .documents__detailed a {
    width: 884px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 918px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 954px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 918px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 884px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 984px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 914px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 954px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 1024px !important; }
  #IssuerProfileTemplate #sens {
    width: 1009px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 1009px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 963px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 929px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 1024px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .footer__copyright {
    /* impossible overrides */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    height: 119px !important;
    width: 1024px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -125px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 1024px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 1024px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 1024px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 1024px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 1024px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 1024px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 1024px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 1029px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 987px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 939px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 939px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 969px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 974px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 1014px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 1024px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 1024px;
    left: -997px; }
  div#jseFooter {
    width: 1024px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 974px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 1024px; }
    .feed__events #facebookTimeline {
      width: 1024px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; }
  /*.tabs__col--profile--shares {
        height: 463px !important;
    }
    .feed__events #facebookTimeline {
        font-size: 3.2vw !important;
    }*/
  .feed__events {
    padding: 0 5px !important;
    width: 449px;
    overflow: hidden; }
    .feed__events #facebookTimeline {
      width: 425px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 3.3vw; }
  .BOTWide_1 {
    overflow: hidden;
    margin-right: 0;
    margin-left: 22px;
    border-right-width: 0; }
  .web__toggle__block__flyout_R {
    width: 468px !important;
    right: 413px !important; }
  .title-large {
    font-size: 1.9em !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  #IndividualHomeTemplate .homepage__sidenav__item, #IndividualHomeTemplate .homepage__sidenav ul {
    width: 217px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .col-xs-12 {
    overflow: hidden; }
  div.read__more__info__documents--c, .documents__detailed--c, .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: -577px !important;
    margin-top: 9px !important; }
  div.read__more__info__documents--a, .documents__detailed, .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: -619px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  a.read__more__info__documents, a.read__more__info__documents--issuer {
    /* child */
    white-space: normal;
    width: -667px;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: -667px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .ExpBorderShow a {
    white-space: normal !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 409.6px;
    left: -382.6px; }
  .footer__copyright {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    /*height: 108px !important;*/
	height: 119px !important;
    width: 1024px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -69px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; } }

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #annualreviews .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 100%;
    /*margin-top: 15px;*/ }
  .btn__find__broker, .btn__find__sponsor {
    width: 100%; }
  .social__widget__head {
    width: 100%; }
  #leftcol .ms-webpart-zone {
    width: 100%;
    /*margin-left: 34px;*/ }
  #rightcol, #rightcol > div {
    width: 100%;
    /*margin-left: 17px;*/
    /*margin-right: 17px;*/ }
  .col__inner__container {
    /*margin-left: 34px;*/ }
  #rightcol .col__inner__container, #leftcol .col__inner__container {
    margin-left: 0; }
  #rightcol .homepage__documents {
    width: 100%; }
  #rightcol .ms-webpart-chrome-title {
    width: 100%; }
  #rightcol .col__inner__container {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__sidenav {
    width: 100%; }
  #rightcol #findabroker, #rightcol #relateddocuments, #rightcol #indexclassificationsandcodes, #rightcol #icanotices, #rightcol #quarterlyreviews, #rightcol #contactus, #rightcol #socialmedianavigation, #rightcol #annualreviews {
    /*margin-left: $test;*/
    width: 100%; }
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #annualreviews .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 100%;
    /*margin-top: 15px;*/ }
  .btn__find__broker, .btn__find__sponsor {
    width: 100%; }
  .social__widget__head {
    width: 100%; }
  #leftcol .ms-webpart-zone {
    width: 100%;
    /*margin-left: 34px;*/ }
  #rightcol, #rightcol > div {
    width: 100%;
    /*margin-left: 17px;*/
    /*margin-right: 17px;*/ }
  .col__inner__container {
    /*margin-left: 34px;*/ }
  #rightcol .col__inner__container, #leftcol .col__inner__container {
    margin-left: 0; }
  #rightcol .homepage__documents {
    width: 100%; }
  #rightcol .ms-webpart-chrome-title {
    width: 100%; }
  #rightcol .col__inner__container {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__sidenav {
    width: 100%; }
  #rightcol #findabroker, #rightcol #relateddocuments, #rightcol #indexclassificationsandcodes, #rightcol #icanotices, #rightcol #quarterlyreviews, #rightcol #contactus, #rightcol #socialmedianavigation, #rightcol #annualreviews {
    /*margin-left: $test;*/
    width: 100%; }
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #annualreviews .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 100%;
    /*margin-top: 15px;*/ }
  .btn__find__broker, .btn__find__sponsor {
    width: 100%; }
  .social__widget__head {
    width: 100%; }
  #leftcol .ms-webpart-zone {
    width: 100%;
    /*margin-left: 34px;*/ }
  #rightcol, #rightcol > div {
    width: 100%;
    /*margin-left: 17px;*/
    /*margin-right: 17px;*/ }
  .col__inner__container {
    /*margin-left: 34px;*/ }
  #rightcol .col__inner__container, #leftcol .col__inner__container {
    margin-left: 0; }
  #rightcol .homepage__documents {
    width: 100%; }
  #rightcol .ms-webpart-chrome-title {
    width: 100%; }
  #rightcol .col__inner__container {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__sidenav {
    width: 100%; }
  #rightcol #findabroker, #rightcol #relateddocuments, #rightcol #indexclassificationsandcodes, #rightcol #icanotices, #rightcol #quarterlyreviews, #rightcol #contactus, #rightcol #socialmedianavigation, #rightcol #annualreviews {
    /*margin-left: $test;*/
    width: 100%; }
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #annualreviews .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 100%;
    /*margin-top: 15px;*/ }
  .btn__find__broker, .btn__find__sponsor {
    width: 100%; }
  .social__widget__head {
    width: 100%; }
  #leftcol .ms-webpart-zone {
    width: 100%;
    /*margin-left: 34px;*/ }
  #rightcol, #rightcol > div {
    width: 100%;
    /*margin-left: 17px;*/
    /*margin-right: 17px;*/ }
  .col__inner__container {
    /*margin-left: 34px;*/ }
  #rightcol .col__inner__container, #leftcol .col__inner__container {
    margin-left: 0; }
  #rightcol .homepage__documents {
    width: 100%; }
  #rightcol .ms-webpart-chrome-title {
    width: 100%; }
  #rightcol .col__inner__container {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__sidenav {
    width: 100%; }
  #rightcol #findabroker, #rightcol #relateddocuments, #rightcol #indexclassificationsandcodes, #rightcol #icanotices, #rightcol #quarterlyreviews, #rightcol #contactus, #rightcol #socialmedianavigation, #rightcol #annualreviews {
    /*margin-left: $test;*/
    width: 100%; }
  /* When viewing mobile, both left and right columns are the same width */
  div#leftcol {
    /*padding: 0;*/ }
  .notification__secondary {
    width: 768px; }
  #leftcol .about,
  #leftcol .ms-webpart-zone,
  #rightcol,
  #rightcol .ms-webpart-chrome-title,
  #rightcol > div,
  #news .ms-webpart-zone,
  #events .ms-webpart-zone,
  .col__inner__container {
    width: 768px;
    max-width: 768px;
    margin-right: 40px; }
  /* RightcolRESPONSIVE */
  /* WEB Part Title Bar Settings ---- on the left */
  #leftcol .ms-webpart-chrome-title {
    /*margin-right:30px;*/ }
  /* WEB Part Title Bar Settings ---- on the right */
  #findasponsor .ms-webpart-chrome-title,
  #rightcol .ms-webpart-chrome-title,
  #findabroker .ms-webpart-chrome-title,
  #relatedproducts .ms-webpart-chrome-title,
  #relateddocuments .ms-webpart-chrome-title,
  #relatedarticles .ms-webpart-chrome-title,
  #usefullinks .ms-webpart-chrome-title,
  #contactus .ms-webpart-chrome-title,
  #socialmedianavigation .ms-webpart-chrome-title,
  #history .ms-webpart-chrome-title,
  .homepage__documents {
    width: 768px;
    max-width: 768px; }
  #rightcol .ms-webpart-zone {
    width: 768px !important; }
  #rightcol .col__inner__container, #rightcol .homepage__documents, #rightcol .homepage__sidenav {
    width: 768px;
    max-width: 768px; }
  .btn__find__broker, .btn__find__sponsor {
    width: 768px; }
  .social__widget__head {
    width: 768px;
    max-width: 768px; }
  .read__more__info__documents--c, .read__more__info__documents--issuer--c {
    margin-left: -7px;
    width: 713px !important; }
  a.read__more__info__documents--issuer {
    width: 768px; }
  .read__more__info__documents--issuer--a {
    width: 713px !important; }
  /* Some H2 in #leftcol have a span that exceeds the screen width; this resolves that issue*/
  .ms-webpart-chrome-title > span {
    background-color: white;
    width: 768px; }
    .ms-webpart-chrome-title > span .msWebpartTitleText span {
      white-space: normal;
      line-height: 24px; }
  .article.article-body {
    width: 768px; }
    .article.article-body h2 {
      font-size: 22px;
      font-weight: bold;
      font-family: "calibriregular"; }
  #leftcol #information, #leftcol #about, #leftcol #whoshoulduse, #leftcol #features {
    width: 768px; }
  #leftcol img {
    max-width: 768px; }
  #leftcol .homepage__sidenav {
    width: 768px; }
  #leftcol .homepage__sidenav__item a {
    margin-top: 0; }
  /* SEARCH */
  .listed__company__search {
    background: #c4db86;
    padding: 15px 20px 15px 40px;
    position: relative;
    height: 76px; }
  .anchor__links {
    font-family: "calibribold";
    background: #555554;
    padding: 10px 20px;
    font-size: 16px;
    color: white !important;
    width: 40%;
    border-bottom: 2px solid white; }
  .listed__company__search .icon-search-white-big {
    margin: 10px 0 0 20px;
    cursor: pointer; }
  .listed__company__search {
    width: 768px; }
  .listed__company__search input, .listed__input__search--results {
    position: relative;
    top: 0;
    left: 0;
    width: 654px !important; }
  .listed__input__search {
    width: 768px !important;
    border: 0 !important;
    background: transparent !important;
    color: white !important;
    font-size: 20px !important;
    font-family: "calibriregular" !important;
    padding: 9px 0 !important;
    opacity: 0.8 !important; }
  .ms-srch-item {
    clear: both;
    width: 704px !important;
    padding: 5px 20px 5px 10px;
    margin: 10px 0 10px -10px;
    overflow: hidden;
    white-space: normal !important; }
  .ms-srch-item-path {
    padding: 0;
    color: #338200;
    margin: 2px 0 0 0;
    width: 704px !important;
    display: inline-block;
    white-space: normal !important; }
  /*.ms-srch-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: normal !important;
    }*/
  .instruments__list__item {
    width: 13.9%;
    font-size: 11px;
    padding: 10px 0 !important; }
  #top .ms-rtestate-field {
    width: 688px; }
    #top .ms-rtestate-field .col__title {
      width: 688px;
      padding-left: 0 !important;
      margin-left: 0 !important; }
    #top .ms-rtestate-field .tabs__col--profile--mod {
      width: 688px; }
  .tabs__col.tabs__col--shares.col__divider {
    width: 793px !important; }
  .tabs__col--profile--shares {
    padding-left: 40px !important;
    padding-top: 0 !important;
    height: 320px !important;
    width: 793px !important; }
  .treemap__tooltip {
    /*position: absolute;*/
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs__col .tabs__col__btn {
    margin-right: 34px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 15px !important;*/ }
  .tabs__col__tabs {
    /*margin-left: -40px !important;*/
    margin-bottom: 40px; }
  .tabs__col--profile .tabs__col__tabs--mod--broker-home, .tabs__col.tabs__col--shares.col__divider {
    width: 688px;
    margin-bottom: 20px; }
  /* Investor-Type, Individual */
  .tab__container {
    width: 768px; }
  /*ul.tabs__col__tabs li, .tabs__col__tabs__item--active {
        width: 19%;
        height: 65px;
        text-align: center;
        margin-top: 12px;
    }*/
  .padLeft20 {
    margin-left: 0 !important; }
  .read__more {
    margin-right: 15px; }
  .shares__visualization__container {
    width: 743px;
    height: 290px;
    left: -5px; }
  /* <<<< IF YOU CHANGE THIS AGAIN YOU HAVE TOO LOOK FOR ANOTHER SOLUTION */
  #leftcol .documents__detailed--c {
    padding-left: 0;
    width: 698px !important; }
  #leftcol .documents__detailed a {
    width: 628px !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftcol .documents__detailed {
    width: 662px !important; }
  #leftcol div.read__more__info__documents--c, #leftcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 698px !important; }
  #leftcol div.read__more__info__documents--a, #leftcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 662px !important; }
  #leftcol a.read__more__info__documents, #leftcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 628px; }
  /* RIGHTCOL */
  #rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c {
    padding-left: 0;
    width: 728px !important; }
  #rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a {
    white-space: normal;
    width: 658px !important;
    float: left;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #rightcol a.read__more__info__documents, #rightcol .documents__detailed a, #rightcol a.read__more__info__documents--issuer {
    white-space: normal;
    width: 698px; }
  /*@include READ_MORE_INFO_DOCUMENTS_LEFTCOL_WEBSTIR(350);*/
  /* WEBSTIR */
  #IssuerProfileTemplate #webstir {
    width: 768px !important; }
  #IssuerProfileTemplate #sens {
    width: 753px !important; }
  #webstir .documents__detailed--i {
    padding-top: 5px !important; }
  #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
    padding-left: 13px !important;
    width: 753px !important;
    margin-top: 10px !important; }
  #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 707px !important;
    float: left !important;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
    white-space: normal !important;
    height: 18px !important;
    width: 673px !important; }
  #Groups > .col__inner__container {
    /*padding-left: 10px !important;*/
    padding-right: 10px; }
  .documents__detailed {
    margin-left: 0 !important;
    margin-top: -4px;
    width: 768px; }
    .documents__detailed a {
      /*width: 150px !important;*/
      white-space: nowrap; }
  .ExpBorderShow a {
    white-space: normal; }
  .documents__detailed--c {
    white-space: nowrap;
    /*padding-left: 29px;*/ }
  .documents__detailed--i {
    /* PDF ICON */
    width: 16px !important;
    /*border: 1px solid red;*/ }
  .calculator__container {
    padding-left: 0; }
  .col__company__profile {
    width: 768px !important; }
  #lblIssuerRoleDescription, #lblIssuerRegNo {
    margin-top: 5px; }
  .MakeThrice a {
    padding-top: 15px; }
  .company__filters .tabs__col__tabs {
    margin-bottom: 20px;
    position: relative;
    border-left: 1px solid #ebebeb; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item {
    background: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    width: 111px;
    height: 75px; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
    padding: 15px 10px 11px;
    background: #f7f7f7;
    border-bottom: 4px solid #c5db86; }
  .company__filters .tabs__col__tabs .tabs__col__tabs__item a:hover {
    color: #555554; }
  #MarketTemplate .MT-Middle, #MarketDataTemplate .MT-Middle, #MarketDataProductsTemplate .MT-Middle, #ProductTypeTemplate .MT-Middle, #IndicesTemplate .MT-Middle, #GeneralCopyTemplate .MT-Middle {
    overflow: hidden; }
  #MarketTemplate .MT-MidLeft .col__inner__container, #MarketDataTemplate .MT-MidLeft .col__inner__container, #MarketDataProductsTemplate .MT-MidLeft .col__inner__container, #ProductTypeTemplate .MT-MidLeft .col__inner__container, #IndicesTemplate .MT-MidLeft .col__inner__container, #GeneralCopyTemplate .MT-MidLeft .col__inner__container {
    padding-left: 27px; }
  #MarketTemplate .MT-MidLeft, #MarketTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataTemplate .MT-MidLeft, #MarketDataTemplate .MT-MidLeft .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidLeft, #MarketDataProductsTemplate .MT-MidLeft .ms-webpart-zone, #ProductTypeTemplate .MT-MidLeft, #ProductTypeTemplate .MT-MidLeft .ms-webpart-zone, #IndicesTemplate .MT-MidLeft, #IndicesTemplate .MT-MidLeft .ms-webpart-zone, #GeneralCopyTemplate .MT-MidLeft, #GeneralCopyTemplate .MT-MidLeft .ms-webpart-zone {
    width: 768px; }
  #MarketTemplate .MT-MidRight, #MarketTemplate .MT-MidRight .ms-webpart-zone, #MarketDataTemplate .MT-MidRight, #MarketDataTemplate .MT-MidRight .ms-webpart-zone, #MarketDataProductsTemplate .MT-MidRight, #MarketDataProductsTemplate .MT-MidRight .ms-webpart-zone, #ProductTypeTemplate .MT-MidRight, #ProductTypeTemplate .MT-MidRight .ms-webpart-zone, #IndicesTemplate .MT-MidRight, #IndicesTemplate .MT-MidRight .ms-webpart-zone, #GeneralCopyTemplate .MT-MidRight, #GeneralCopyTemplate .MT-MidRight .ms-webpart-zone {
    width: 768px; }
  #MarketTemplate #news, #MarketDataTemplate #news, #MarketDataProductsTemplate #news, #ProductTypeTemplate #news, #IndicesTemplate #news, #GeneralCopyTemplate #news {
    margin-right: 20px; }
  #MarketTemplate #events, #MarketDataTemplate #events, #MarketDataProductsTemplate #events, #ProductTypeTemplate #events, #IndicesTemplate #events, #GeneralCopyTemplate #events {
    width: 768px; }
  #MarketTemplate .social__widget, #MarketDataTemplate .social__widget, #MarketDataProductsTemplate .social__widget, #ProductTypeTemplate .social__widget, #IndicesTemplate .social__widget, #GeneralCopyTemplate .social__widget {
    /*border-top: 14px solid #ededed;*/ }
  #MarketTemplate .msWebpartTitleText--NoHeight, #MarketDataTemplate .msWebpartTitleText--NoHeight, #MarketDataProductsTemplate .msWebpartTitleText--NoHeight, #ProductTypeTemplate .msWebpartTitleText--NoHeight, #IndicesTemplate .msWebpartTitleText--NoHeight, #GeneralCopyTemplate .msWebpartTitleText--NoHeight {
    background-color: white;
    color: #555554 !important;
    font-size: 16px;
    padding-left: 29px;
    padding-right: 25px;
    padding-top: 34px;
    font-family: "calibribold";
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 12px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0 !important;
    white-space: normal; }
  #MarketTemplate .col__inner__container, #MarketDataTemplate .col__inner__container, #MarketDataProductsTemplate .col__inner__container, #ProductTypeTemplate .col__inner__container, #IndicesTemplate .col__inner__container, #GeneralCopyTemplate .col__inner__container {
    padding: 20px; }
  #MarketTemplate #leftcol .ms-webpart-zone, #MarketDataTemplate #leftcol .ms-webpart-zone, #MarketDataProductsTemplate #leftcol .ms-webpart-zone, #ProductTypeTemplate #leftcol .ms-webpart-zone, #IndicesTemplate #leftcol .ms-webpart-zone, #GeneralCopyTemplate #leftcol .ms-webpart-zone {
    width: 768px; }
  #GeneralCopyTemplate .MT-MidLeft {
    width: auto;
    max-width: 768px; }
  .MT-Midright, .MT-MidLeft, .homepage__events {
    width: 768px !important; }
  /* BOTWIDE :: IndividualHomeTemplate */
  .BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: 773px !important;
    margin-top: 9px !important; }
  .BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: 731px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
    /* child */
    white-space: normal !important;
    width: 683px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: 683px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .BOTWide .ExpBorderShow a {
    white-space: normal !important; }
  .flip-clock-wrapper {
    zoom: 0.5; }
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 50%;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  /* remove overflowY scroll for devices*/
  .list_brokers {
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
    height: auto; }
  .invest_right {
    border-left: 0 !important; }
    .invest_right .tci_title {
      margin-left: 0 !important; }
  .invest_left {
    padding-right: 0; }
  .invest_left, .invest_right, .province_select, .suburb_select, div#map {
    width: 713px; }
  .suburb_select {
    margin-bottom: 5px; }
  img.ImgSzr.CsIgnore {
    /*width: $widthPX;*/
    /*width: $widthPX_50a;*/ }
  #CompanyListingTraining .C-Border {
    margin: 0 0 0 29px; }
  .ViewCourse h4 {
    width: 718px !important; }
  .C-Border {
    padding-left: 0;
    margin: 0;
    /*margin-left: -26px;*/
    /*margin-left: 31px;*/ }
  .ViewCourse {
    height: 100px;
    margin: 0;
    padding-left: 0 !important;
    text-align: left; }
    .ViewCourse .C-Title {
      text-align: left; }
    .ViewCourse a.OpenFile {
      position: static;
      bottom: 0;
      margin: 0;
      text-align: left;
      width: 125px; }
    .ViewCourse div.Description {
      text-align: left;
      padding-left: 0;
      margin-bottom: 20px; }
  .SurveyImg, .SurveyImgCB, .SurveyImgCL {
    /*width: $widthPX_50 !important;*/ }
  .contactUsSection {
    width: 758px !important; }
  .trainingmediacourse_overview_td {
    vertical-align: top; }
  .socialmdeia_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .corporate_ethics_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .trainingmediacourse_td {
    vertical-align: top;
    padding: 2px 2px 0 5px;
    white-space: normal; }
  .POPGOUP {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*z-index: 9999999;*/
    /*border: 1px solid red;*/
    /*display:none;*/ }
  .ms-dlgTitle {
    font-size: 1.5vw;
    padding: 0;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    /*background-color: green;*/ }
  .ms-dlgTitleBtns {
    float: none;
    margin-top: auto;
    margin-right: auto; }
  h1#dialogTitleSpan {
    height: 28px;
    /*margin-top: 0;*/
    margin: 0; }
  .block-background {
    width: 100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.4);
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0; }
  .tabs__search--open {
    width: 768px !important; }
  .company__profile__numbers {
    font-size: 5vw !important; }
  .lblChangeP {
    margin-top: 8px !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 768px;
    left: -741px; }
  div#jseFooter {
    width: 768px !important; }
  .calculator__form__inline {
    width: 100%;
    margin-left: 30px; }
    .calculator__form__inline div {
      float: left;
      width: 100%;
      text-align: left; }
    .calculator__form__inline select {
      float: left; }
    .calculator__form__inline .CalcButtons {
      margin-left: 0; }
  .title-large {
    width: 718px;
    margin: auto;
    font-family: "calibribold";
    color: #ffffff !important;
    font-size: 1.2em !important; }
  #lblIssuerName {
    font-size: 1.4em; }
  #IndexTemplate #leftcol, #IndexTemplate #rightcol {
    padding-left: 0 !important; }
  .feed__events {
    padding: 0 5px !important;
    width: 768px; }
    .feed__events #facebookTimeline {
      width: 768px; }
      .feed__events #facebookTimeline .feed__primary-event__title {
        font-size: 6.3vw; }
  /*.tabs__col--profile--shares {
        height: 463px !important;
    }
    .feed__events #facebookTimeline {
        font-size: 3.2vw !important;
    }*/
  .feed__events #facebookTimeline {
    width: 468px; }
  /* BOTWIDE :: IndividualHomeTemplate */
  #IndividualHomeTemplate .homepage__sidenav__item, #IndividualHomeTemplate .homepage__sidenav ul {
    width: 217px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .col-xs-12 {
    overflow: hidden; }
  div.read__more__info__documents--c, .documents__detailed--c, .read__more__info__documents--issuer--c {
    padding-left: 0 !important;
    width: -34px !important;
    margin-top: 9px !important; }
  div.read__more__info__documents--a, .documents__detailed, .read__more__info__documents--issuer--a {
    white-space: normal !important;
    padding-left: 5px !important;
    width: -76px !important;
    float: left !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  a.read__more__info__documents, a.read__more__info__documents--issuer {
    /* child */
    white-space: normal;
    width: -124px;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .documents__detailed a {
    /* child */
    white-space: nowrap !important;
    width: -124px !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important; }
  .ExpBorderShow a {
    white-space: normal !important; }
  #responsivesizers {
    padding-left: 11px;
    width: 384px;
    left: -357px; }
  .footer__copyright {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #626261;
    background-color: #555554;
    /*height: 108px !important;*/
	height: 119px !important;
    width: 768px !important;
    float: left !important; }
    .footer__copyright .left {
      float: none; }
  a.footer__link {
    width: 123px; }
  .footer__link--jse {
    font-size: 16px !important;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    width: 100%;
    text-align: right;
    margin-top: -69px; }
  .footer__link--copyright {
    font-size: 13px !important;
    color: #FFFFFF;
    line-height: 12px;
    opacity: 0.7;
    margin-top: 0;
    margin-bottom: 0; }
  .footer__list__item {
    float: none; }
  .footer__list__item, .footer__link {
    font-size: 13px !important;
    line-height: 19px;
    color: #FFFFFF !important;
    opacity: 0.7;
    border: none !important; }
  .footer__list__item--left {
    margin-left: 0 !important;
    margin-top: 0 !important; }
  .footer__list__item--mid {
    margin-left: 0 !important;
    margin-top: 0 !important; }
    .footer__list__item--mid a:nth-child(1) {
      margin-right: 0 !important; }
  .footer__list__item--right {
    margin-left: 0 !important;
    margin-top: 0 !important; } }

/*}*/
/*@include mobile;
@include iphone4;
@include iphone5;
@include iphone6;
@include iphone6p;
@include samsungs4;
@include tablets;*/
/* #### Desktops #### */
/*@media screen and (min-width: 1024px) {}*/
/*THANKS: h t t p : //www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml */
div {
  -webkit-overflow-scrolling: touch; }

/*
* 
* 
* 
* CSS Helpers
*/
/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
nav ul li ul li {
  content: ""; }

.clear {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.disabled {
  display: none; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.thick__border {
  background-color: #c5db86;
  height: 5px; }

.margin-0 {
  margin: 0 !important; }

.margin-40 {
  margin: 0 40px; }

.margin-tb-25 {
  margin: 25px 0; }

.margin-tb-30 {
  margin: 30px 0; }

.margin-20 {
  margin: 0 20px; }

.margin-top-5 {
  margin-top: 5px; }

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

.margin-top-24 {
  margin-top: 24px; }

.margin-bot-0 {
  margin-bottom: 0; }

.margin-bot-10 {
  margin-bottom: 10px !important; }

.margin-bot-15 {
  margin-bottom: 15px; }

.margin-right-20 {
  margin-right: 20px; }

.margin-right-30 {
  margin-right: 30px; }

.margin-right-60 {
  margin-right: 60px; }

.margin-right-27 {
  margin-right: 27px; }

.margin-left-20 {
  margin-left: 20px; }

.padtop60 {
  padding-top: 60px; }

.padl15 {
  padding-left: 15px; }

.padtop20 {
  padding-top: 20px; }

.padbot60 {
  padding-bottom: 60px; }

.padr15 {
  padding-right: 15px; }

.width20 {
  width: 20px !important; }

.inline {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }

.para {
  margin: 15px 0;
  font-family: "calibrilight";
  font-size: 16px;
  color: #4a4a4a;
  line-height: 22px; }

.read__more {
  color: #555554;
  font-size: 15px;
  font-family: "calibriregular";
  line-height: 15px; }

.input__field {
  padding: 0 9px;
  height: 35px;
  border: 0;
  color: #80807e;
  font-size: 12px; }

.lt-ie9 .input__field {
  padding: 10px 9px;
  height: 35px; }

.valign-m {
  vertical-align: middle; }

/*
@import this file directly into your existing Scss files to use these mixins
*/
.btn {
  background: #5d5d5c url(../../JSESnippets/images/icon/arrow-right-white.png) no-repeat 85% center;
  padding: 15px 60px 15px 30px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 12px; }
  .btn:hover {
    background-color: #c5db86;
    color: #fff; }

.btn__page__heading {
  position: absolute;
  bottom: 0;
  right: 0; }

a.btn {
  background-color: #5d5d5c;
  padding: 15px 60px 15px 30px;
  text-align: center;
  color: #fff !important;
  font-weight: bold;
  font-size: 18px;
  line-height: 12px; }

a.btn:hover {
  background-color: #c5db86;
  color: #fff !important; }

a.btn.btn__green {
  background: #c5db86;
  padding: 15px 30px; }

.btn__find__broker, .btn__find__sponsor {
  background-color: #5d5d5c;
  padding: 13px 0 12px 12px; }

.btn__find__broker:hover, .btn__find__sponsor:hover {
  background-color: #c5db86;
  color: #fff; }

.btn__find__broker .btn__find__broker__link, .btn__find__sponsor .btn__find__sponsor__link {
  text-align: center;
  color: #fff !important;
  font-weight: bold;
  font-size: 18px;
  line-height: 12px; }

.btn__find__broker .btn__find__broker__link:hover, .btn__find__sponsor .btn__find__sponsor__link:hover {
  color: #FFFFFF !important; }

.btn__find__broker .icon-arrow-right-white, .btn__find__sponsor .icon-arrow-right-white {
  position: absolute;
  right: 30px;
  top: 17px;
  color: #fff !important;
  font-family: "calibriregular";
  font-style: italic;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  line-height: 12px; }

.btn .icon-arrow-right-white {
  position: relative;
  background-position: 0 -108px;
  height: 12px;
  width: 7px; }

.btn__remove {
  border: none;
  background-color: transparent;
  font-size: 15px;
  font-family: "calibriregular"; }

.btn__remove:hover {
  color: #00a88e; }

.btn__remove:hover .icon {
  background-position: 0 -1698px; }

.btn__add {
  border: none;
  background-color: transparent;
  font-size: 15px;
  font-family: "calibriregular"; }

.btn__add:hover {
  color: #00a88e; }

.btn__add:hover .icon {
  background-position: 0 -7px; }

/** [class^="col-1"],* [class^="col-1"]:before,* [class^="col-1"]:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* [class^="col-3"],* [class^="col-3"]:before,* [class^="col-3"]:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* [class^="col-3-3"],* [class^="col-3-3"]:before,* [class^="col-3-3"]:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* [class^="col-4"],* [class^="col-4"]:before,* [class^="col-4"]:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* [class^="col-6"],* [class^="col-6"]:before,* [class^="col-6"]:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* [class^="col-8"],* [class^="col-8"]:before,* [class^="col-8"]:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* [class^="col-9"],* [class^="col-9"]:before,* [class^="col-9"]:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
* [class^="feed__events"], * [class^="feed__events"]:before, * [class^="feed__events"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="feed__container"], * [class^="feed__container"]:before, * [class^="feed__container"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="tabs__col"], * [class^="tabs__col"]:before, * [class^="tabs__col"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="navigation"], * [class^="navigation"]:before, * [class^="navigation"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="search__bar__block"], * [class^="search__bar__block"]:before, * [class^="search__bar__block"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="homepage__tools"], * [class^="homepage__tools"]:before, * [class^="homepage__tools"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="web__toggle__block__flyout__inner"], * [class^="web__toggle__block__flyout__inner"]:before, * [class^="web__toggle__block__flyout__inner"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="homepage__events"], * [class^="homepage__events"]:before, * [class^="homepage__events"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="homepage__documents"], * [class^="homepage__documents"]:before, * [class^="homepage__documents"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="footer__container__bar"], * [class^="footer__container__bar"]:before, * [class^="footer__container__bar"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="tabs"], * [class^="tabs"]:before, * [class^="tabs"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="tabs__search"], * [class^="tabs__search"]:before, * [class^="tabs__search"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="filter"], * [class^="filter"]:before, * [class^="filter"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="filter__input"], * [class^="filter__input"]:before, * [class^="filter__input"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* [class^="input__field"], * [class^="input__field"]:before, * [class^="input__field"]:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*!
 * FullCalendar v2.1.1 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
.fc {
  direction: ltr;
  text-align: left; }

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

body .fc {
  font-size: 1em; }

.fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed hr, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-popover .fc-header, .fc-unthemed hr {
  background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666; }

.fc-unthemed .fc-today {
  background: #fcf8e3; }

.fc-highlight {
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30); }

.fc-icon .ui-icon {
  display: inline-block !important;
  font-size: 2em !important;
  line-height: .5em !important;
  height: .5em !important;
  font-family: "Courier New",Courier,monospace;
  background-color: #a3cf62; }

.ui-icon-circle-triangle-w:after {
  content: "\02039" !important;
  font-weight: 700 !important; }

.ui-icon-circle-triangle-e:after {
  content: "\0203A" !important;
  font-weight: 700 !important; }

.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: 700; }

.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: 700; }

.fc-icon-left-double-arrow:after {
  content: "\000AB"; }

.fc-icon-right-double-arrow:after {
  content: "\000BB"; }

.fc-icon-x:after {
  content: "\000D7"; }

.ui-icon-x:after {
  content: "\000D7"; }

.fc button .ui button {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  height: 2.1em !important;
  padding: 0 .6em !important;
  font-size: 1em !important;
  white-space: nowrap !important;
  cursor: pointer !important; }

.fc button .ui button::-moz-focus-inner {
  margin: 0 !important;
  padding: 0 !important; }

.fc-state-default {
  border: 1px solid; }

.fc-state-default.fc-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.fc button .ui button .fc-icon .ui-icon {
  position: relative;
  top: .05em;
  margin: 0 .1em; }

.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
  color: #333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear; }

.fc-state-active, .fc-state-down {
  background-color: #ccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: .65;
  filter: alpha(opacity=65);
  box-shadow: none; }

.fc-button-group {
  display: inline-block; }

.fc .fc-button-group > * {
  float: left;
  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {
  margin-left: 0; }

.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  padding: 2px 4px; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }

.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
  float: right; }

.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 25px;
  margin-top: 4px; }

.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0 !important; }

.ui-widget-content {
  width: auto !important;
  padding: 0 !important;
 }

.fc hr {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  border-style: solid;
  border-width: 1px 0; }

.fc-clear {
  clear: both; }

.fc-bg, .fc-helper-skeleton, .fc-highlight-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0; }

.fc-bg table {
  height: 100%; }

.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em; }

.fc th {
  text-align: center; }

.fc td, .fc th {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc td.fc-today {
  border-style: double;
  background-color: #e6e6e6; }

.fc .fc-row {
  border-style: solid;
  border-width: 0; }

.fc-row table {
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent; }

.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

.fc-row .fc-highlight-skeleton {
  z-index: 2;
  bottom: 0; }

.fc-row .fc-highlight-skeleton table {
  height: 100%; }

.fc-row .fc-highlight-skeleton td {
  border-color: transparent; }

.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 3;
  padding-bottom: 2px; }

.fc-row .fc-helper-skeleton {
  z-index: 4; }

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
  /*background: 0 0;*/
  border-color: transparent;
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
  border-top: 0; }

.fc-scroller {
  overflow-y: scroll;
  overflow-x: hidden; }

.fc-scroller > * {
  position: relative;
  width: 100%;
  overflow: hidden; }

.fc-event {
  position: relative;
  display: block;
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #a3cf61 !important;
  background-color: #a3cf61 !important;
  font-weight: 400; }

.fc-event, .fc-event:hover, .ui-widget .fc-event {
  color: #fff !important;
  text-decoration: none !important; }

.fc-event.fc-draggable, .fc-event[href] {
  cursor: pointer; }

.fc-day-grid-event {
  margin: 1px 2px 0 !important;
  padding: 0 1px !important; }

.fc-ltr .fc-day-grid-event.fc-not-start, .fc-rtl .fc-day-grid-event.fc-not-end {
  margin-left: 0 !important;
  border-left-width: 0 !important;
  padding-left: 1px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.fc-ltr .fc-day-grid-event.fc-not-end, .fc-rtl .fc-day-grid-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.fc-day-grid-event > .fc-content {
  white-space: nowrap !important;
  overflow: hidden !important; }

.fc-day-grid-event .fc-time {
  font-weight: 700; }

.fc-day-grid-event .fc-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 7px; }

.fc-ltr .fc-day-grid-event .fc-resizer {
  right: -3px;
  cursor: e-resize; }

.fc-rtl .fc-day-grid-event .fc-resizer {
  left: -3px !important;
  cursor: w-resize !important; }

a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  display: none; }

.fc-day-grid .fc-row {
  z-index: 1; }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px !important; }

.fc-toolbar {
  text-align: center;
  background-color: #555554;
  padding-top: 10px;
  padding-right: 10px;
  height: 55px; }

.fc-toolbar .fc-left {
  float: left; }

.fc-toolbar .fc-right {
  float: right; }

.fc-toolbar .fc-center {
  display: inline-block;
  width: 482px; }

.fc-toolbar .fc-center h2 {
  font-size: 13pt; }

.fc .fc-toolbar > * > * {
  float: left;
  margin-left: .75em; }

.fc .fc-toolbar > * > :first-child {
  margin-left: 0; }

.fc-toolbar h2 {
  margin: 0; }

.fc-toolbar button {
  position: relative; }

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
  z-index: 2; }

.fc-toolbar .fc-state-down {
  z-index: 3; }

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
  z-index: 4; }

.fc-toolbar button:focus {
  z-index: 5; }

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fc-view, .fc-view > table {
  position: relative;
  z-index: 1; }

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
  padding-top: 1px;
  padding-bottom: 1em; }

.fc-basic-view tbody .fc-row {
  min-height: 4em; }

.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
  padding: 0 2px; }

.fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span {
  padding-top: 2px;
  padding-bottom: 2px; }

.fc-basic-view .fc-week-number {
  text-align: center; }

.fc-basic-view .fc-week-number span {
  display: inline-block;
  min-width: 1.25em; }

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
  color: #555554;
  font-family: calibriregular;
  font-size: larger; }

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left; }

.fc-day-number.fc-other-month {
  opacity: .3;
  filter: alpha(opacity=30); }

.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2; }

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em; }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  padding-bottom: 1em; }

.fc .fc-axis {
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-rtl .fc-axis {
  text-align: left; }

.ui-widget td.fc-axis {
  font-weight: 400; }

.fc-time-grid, .fc-time-grid-container {
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%; }

.fc-time-grid table {
  border: dashed transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats, .fc-time-grid > hr {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-skeleton {
  z-index: 3; }

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0; }

.fc-time-grid > .fc-helper-skeleton {
  z-index: 5; }

.fc-slats td {
  height: 1.5em;
  border-bottom: 0; }

.fc-slats .fc-minor td {
  border-top-style: dotted; }

.fc-slats .ui-widget-content {
  background: 0 0 !important; }

.fc-time-grid .fc-highlight-container {
  position: relative; }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0; }

.fc-time-grid .fc-event-container {
  position: relative; }

.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container {
  margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event {
  position: absolute;
  z-index: 1; }

.fc-time-grid-event.fc-not-start {
  border-top-width: 0;
  padding-top: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-time-grid-event.fc-not-end {
  border-bottom-width: 0;
  padding-bottom: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* HIDE THE TIME*/
.fc-event-container .fc-content .fc-time {
  display: none; }

.fc-time-grid-event {
  overflow: hidden; }

.fc-time-grid-event > .fc-content {
  position: relative;
  z-index: 2; }

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
  padding: 4px 1px; }

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }

.fc-time-grid-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25); }

.fc-time-grid-event.fc-short .fc-content {
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none; }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start); }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0"; }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  padding: 0; }

.fc-time-grid-event .fc-resizer {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event .fc-resizer:after {
  content: "="; }

/*! FullCalendar Overrides 
 

 

.fc-event {font-size:16px !important;font-weight: normal !important;border:solid 1px !important;}
.fc .ui-state-default {background-image:none !important; background-color: transparent !important; background-repeat: no-repeat !important;}
.fc .ui-icon, .fc .ui-widget-content .ui-icon {background:none !important;}
.fc-next-button {padding: 0 !important;} */
.fc-day-grid-event > .fc-content {
  padding: 3px !important; }

#handstampcalendar {
  background-color: #fff !important;
  font-family: 'open_sanscondensed_light','Century Gothic'; }

#handstampcalendar table {
  background-color: transparent !important; }

#handstampcalendar tr {
  background-color: transparent !important; }

#handstampcalendar td {
  background-color: transparent !important; }

.fc-event {
  background-color: transparent;
  font-size: 16px;
  font-weight: normal;
  padding-left: 5px;
  color: #000; }

.fc-view-month .fc-event-time {
  display: none; }

.fc-time {
  /*display: none !important;*/
  color: #e41c17; }

.fc-title {
  font-size: .88em;
  color: #000;
  font-weight: 900;
  line-height: 13px; }

.fc-event {
  margin-bottom: 10px !important;
  line-height: .3;
  background-color: #e6e6e6; }

.fc-header {
  background-color: #fff !important;
  margin-bottom: 0; }

.fc-header tbody {
  background-color: #fff !important; }

.fc-header tr {
  background-color: #fff !important; }

.fc-header td {
  background-color: #fff !important; }

.fc-day-header {
  background-color: #fff !important;
  background-image: none;
  line-height: 40px;
  color: #000;
  font-family: 'calibribold';
  /*font-size: 18px;*/
  /*text-shadow: 1px 1px 1px #333;*/ }

.fc td, .fc th {
  border-color: 000;
  /*border: solid;*/ }

.fc-prev-button {
  background-repeat: no-repeat;
  border: 0 !important;
  padding: 0; }

.fc-next-button {
  background-repeat: no-repeat;
  border: 0 !important;
  padding: 0; }

.fc-toolbar h2 {
  font-family: 'calibribold';
  font-size: 26px;
  margin-top: -5px;
  margin-left: 35px !important;
  margin-right: 40px;
  color: #e6e6e6;
  margin-bottom: 13px; }

.fc table {
  margin: 0; }

.fc table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th {
  background-color: transparent; }

.fc-day-number {
  font-size: .7em; }

button.close {
  float: right;
  position: relative;
  z-index: 8;
  display: inline;
  color: #000;
  opacity: .8;
  margin-bottom: -35px;
  padding-right: 20px;
  display: inline;
  border: 0 !important;
  background-color: transparent;
  text-shadow: 1px 1px 1px #fff; }

iframe {
  margin: 0 !important; }

.e1Div, .e2Div, .e3Div {
  float: left;
  display: inline-block;
  padding: 8px;
  margin-right: 10px; }

.e1Div {
  background-color: #99ABEA;
  color: #000;
  border: solid 1px #5173DA; }

.e2Div {
  background-color: #A6113C;
  color: #fff;
  border: solid 1px #820F20; }

.e3Div {
  background-color: #ccc;
  color: #000;
  border: solid 1px #666; }

.e1Div input, .e2Div input, .e3Div input {
  margin-right: 15px; }

/*
OVERRIDES
*/
/*@media (min-width: 768px) {
    .modal-dialog {
        width: 710px !important;
        margin: 30px auto;
    }
}*/
.tooltip {
  /*display: inline;
    position: relative;*/ }

.tooltip:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99; }

.tooltip:hover:after {
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(data-tip);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: auto;
  font-family: "calibriregular";
  font-size: 12px; }

/* CALENDAR REGISTRATION */
@-moz-document url-prefix() {
  #recaptcha_area {
    display: inline-block;
    margin-left: 0 !important; } }

.StatusFeedback {
  float: left; }

.blockit {
  display: block; }

span.NewEmailAddressInfo, .SubmitStatus {
  margin-right: 15px;
  margin-left: 10px;
  margin-top: 10px;
  font-style: oblique; }

#recaptcha_area {
  margin-left: 7px; }

.rDetail {
  display: none;
  position: relative;
  right: -329px;
  top: -91px; }

.sDetail {
  margin-left: 30px;
  /*TODO Find Correct Style*/ }

.SubmitStatus {
  visibility: visible;
  color: red !important;
  font-style: oblique; }

.recaptcha_nothad_incorrect_sol, .recaptcha_isnot_showing_audio {
  margin-left: 0; }

.jseBCancel {
  margin-left: 45px !important; }

.jseButton {
  /* Firefox inheritance seems to overwrite this and set it to body color. */
  color: #fffff0 !important;
  display: inline-block;
  width: 110px;
  text-decoration: none;
  text-align: center;
  padding: 11px 32px;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  -webkit-box-shadow: 0 0 2px #5d5d5c, inset 0 0 1px #5d5d5c;
  -moz-box-shadow: 0 0 2px #5d5d5c, inset 0 0 1px #5d5d5c;
  box-shadow: 0 0 2px #5d5d5c, inset 0 0 1px #5d5d5c;
  background-color: #5d5d5c !important; }

.jseButton:hover {
  background-color: #c5db86;
  color: #000000 !important; }

.ms-webpart-zone {
  background-color: white; }

.KeepLeft {
  float: left;
  /*width: 100%;*/ }

span.nrTextbox {
  padding-left: 10px; }

.submitButtons {
  height: 120px; }

.nrSubmit, .nrCancel {
  float: right;
  /*width: 10%;*/
  text-align: center;
  margin-top: auto;
  margin-bottom: auto; }

.nrSubmit {
  margin-left: 40px;
  margin-bottom: 41px; }

.nrRow {
  margin-top: 15px;
  margin-bottom: 0;
  height: 35px;
  display: block;
  line-height: 0;
  /* New Registration Details */ }
  .nrRow .nrLabel {
    padding-left: 15px;
    width: 25%;
    top: -6px; }
  .nrRow .nrInput .nrTextbox {
    border: 0;
    color: #333;
    border-radius: 7px;
    border-bottom: 2px solid grey;
    border-right: 1px solid grey;
    border-top: none;
    border-left: none; }
  .nrRow .nrInput, .nrRow .nrInput span {
    width: 75%;
    font-family: calibriregular; }
  .nrRow .nrLabel, .nrRow .nrInput, .nrRow .nrTextbox {
    line-height: 35px;
    float: left;
    font-family: calibriregular; }
  .nrRow .nrTextbox, .nrRow .nrTextbox span, .nrRow .nrTextbox div {
    height: 35px;
    width: 75%;
    font-family: calibriregular; }

.TitleSmall {
  margin-bottom: 18px; }

.EventDetail .nrTextbox {
  background-color: #e6f0cf; }

.NewRegistration .nrTextbox {
  background-color: #b9d986; }

.Maintitle {
  font-weight: 700;
  font-size: 14pt;
  margin-left: 13px;
  margin-top: 85px;
  font-family: calibribold; }

.esValidation {
  color: #99cb4f;
  float: right;
  margin-left: 111px; }

.PageErrorMessage {
  background-color: #99cb4f;
  height: 195px;
  border-radius: 10px;
  display: none;
  color: white;
  font-size: 16pt;
  padding: 12px 12px 0 12px; }

.sValidation {
  display: block;
  padding-top: 18px;
  padding-right: 49px; }

.nrRowSval {
  margin-top: 7px;
  margin-bottom: 7px;
  height: 15px;
  display: block;
  line-height: 0; }

.nrRow.submitButtons {
  padding-right: 84px; }

.EmailBox {
  color: #EF3A44;
  position: relative;
  top: 42px;
  left: 10px; }

.LastRowCP {
  margin-bottom: 30px; }

.CancelTop {
  display: none;
  position: relative;
  left: -67px;
  margin-top: 25px;
  margin-bottom: 28px; }

/* Modules
*************************************************/
/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
.icon-sprite,
.icon-active-slide,
.icon-add-share,
.icon-arrow-down,
.icon-arrow-no-change,
.icon-arrow-right-light,
.icon-arrow-right-white,
.icon-arrow-right,
.icon-arrow-up,
.icon-banner-close,
.icon-blue-circle,
.icon-brokers,
.icon-brokers_small,
.icon-btn-register,
.icon-bullet,
.icon-chairperson,
.icon-circle-plus,
.icon-companies,
.icon-companies_small,
.icon-company-search-ac,
.icon-company-search,
.icon-download,
.icon-email,
.icon-events,
.icon-fb,
.icon-feedback,
.icon-files,
.icon-filter-white,
.icon-filter,
.icon-fin24,
.icon-footer-bullet,
.icon-footer,
.icon-google-plus,
.icon-help,
.icon-icon-search-hover-no-use,
.icon-icon-search-hover-open,
.icon-icon-search,
.icon-in,
.icon-ind_small,
.icon-info,
.icon-investors,
.icon-logged_in_hover,
.icon-login,
.icon-logo,
.icon-logout,
.icon-map-pin,
.icon-member,
.icon-news,
.icon-notify,
.icon-password-arrow,
.icon-password,
.icon-pdf,
.icon-phone,
.icon-price-arrow-down,
.icon-price-arrow-nochange,
.icon-price-arrow-up,
.icon-print,
.icon-profile-close,
.icon-profile-twitter,
.icon-readmore,
.icon-readmore2,
.icon-reload,
.icon-remove-share,
.icon-scroller-active,
.icon-scroller-inactive,
.icon-search-light,
.icon-search-white-big,
.icon-settings,
.icon-share,
.icon-speaker,
.icon-teal-circle,
.icon-twitter,
.icon-username,
.icon-validation-error-box,
.icon-validation-error-confirm-password,
.icon-validation-error-password,
.icon-validation-error-text,
.icon-validation-error-username,
.icon-validation-fail,
.icon-validation-success,
.icon-video,
.icon-view-profile,
.icon-website,
.read__more__info:hover .icon-readmore,
.read__more__info:hover .icon-readmore2,
.btn__remove:hover .icon,
.btn__add:hover .icon,
.web__toggle__icon:hover .icon-files,
.web__toggle__block--hover .icon-files,
.login__container__link:hover .icon-login,
.login__container__link--hover .icon-login,
.profile__settings_dropdown__item--settings:hover .icon-settings,
.profile__settings_dropdown__item--help:hover .icon-help,
.profile__settings_dropdown__item--feedback:hover .icon-feedback,
.profile__settings_dropdown__item--logout:hover .icon-logout,
.profile__settings_container:hover .icon-login,
.profile__settings_container--hover .icon-login,
.input__field__login--error,
.input__field__login--error--username,
.input__field__login--error--password,
.logged__in__container:hover .icon-login,
.register__form__btn:hover .icon-btn-register,
.input__field--error,
.input__field--error-password,
.input__field--success,
.navigation__flyout__item:hover .icon-arrow-right-light,
.notification__primary:hover .icon-notify,
.tabs__col .tabs__col__btn--share:hover .icon,
.tabs__col .tabs__col__btn--share--remove:hover .icon,
.tabs__col .tabs__col__btn--profile:hover .icon,
.homepage__news__content .read__more:hover .icon-arrow-right-light {
  background-image: url("../../JSESnippets/images/icon-sb62e89118e.png");
  background-repeat: no-repeat;
  display: inline-block; }

.icon-active-slide {
  background-position: 0 0;
  height: 7px;
  width: 8px; }

.icon-add-share {
  background-position: 0 -27px;
  height: 20px;
  width: 20px; }

.icon-add-share:hover, .icon-add-share.add-share-hover {
  background-position: 0 -7px; }

.icon-arrow-down {
  background-position: 0 -47px;
  height: 29px;
  width: 22px; }

.icon-arrow-no-change {
  background-position: 0 -76px;
  height: 23px;
  width: 30px; }

/*.icon-arrow-right-light {
    background-position: 0 -99px;
    height: 9px;
    width: 6px;
}*/
.icon-arrow-right-white {
  background-position: 0 -108px;
  height: 12px;
  width: 7px; }

.icon-arrow-right {
  background-position: 0 -120px;
  height: 9px;
  width: 6px; }

.icon-arrow-up {
  background-position: 0 -129px;
  height: 29px;
  width: 22px; }

.icon-banner-close {
  background-position: 0 -158px;
  height: 10px;
  width: 14px; }

.icon-banner-close:hover, .icon-banner-close.banner-close-hover {
  background-position: 0 -168px; }

.icon-blue-circle {
  background-position: 0 -178px;
  height: 16px;
  width: 16px; }

.icon-brokers {
  background-position: 0 -194px;
  height: 62px;
  width: 64px; }

.icon-brokers:hover, .icon-brokers.brokers-hover {
  background-position: 0 -256px; }

.icon-brokers_small {
  background-position: 0 -318px;
  height: 21px;
  width: 21px; }

.icon-btn-register {
  background-position: 0 -339px;
  height: 35px;
  width: 119px; }

.icon-btn-register:hover, .icon-btn-register.btn-register-hover {
  background-position: 0 -374px; }

.icon-bullet {
  background-position: 0 -409px;
  height: 5px;
  width: 5px; }

.icon-chairperson {
  background-position: 0 -414px;
  height: 18px;
  width: 18px; }

.icon-circle-plus {
  background-position: 0 -432px;
  height: 16px;
  width: 16px; }

.icon-companies {
  background-position: 0 -448px;
  height: 63px;
  width: 64px; }

.icon-companies:hover, .icon-companies.companies-hover {
  background-position: 0 -511px; }

.icon-companies_small {
  background-position: 0 -574px;
  height: 21px;
  width: 21px; }

.icon-company-search-ac {
  background-position: 0 -595px;
  height: 13px;
  width: 13px; }

.icon-company-search {
  background-position: 0 -608px;
  height: 13px;
  width: 13px; }

.icon-download {
  background-position: 0 -621px;
  height: 16px;
  width: 16px; }

.icon-email {
  background-position: 0 -637px;
  height: 10px;
  width: 16px; }

.icon-events {
  background-position: 0 -647px;
  height: 14px;
  width: 16px; }

.icon-fb {
  background-position: 0 -661px;
  height: 16px;
  width: 8px; }

.icon-fb:hover, .icon-fb.fb-hover {
  background-position: 0 -677px; }

.icon-feedback {
  background-position: 0 -693px;
  height: 14px;
  width: 14px; }

.icon-feedback:hover, .icon-feedback.feedback-hover {
  background-position: 0 -707px; }

.icon-filter-white {
  background-position: 0 -817px;
  height: 10px;
  width: 14px; }

.icon-filter {
  background-position: 0 -827px;
  height: 10px;
  width: 14px; }

.icon-fin24 {
  background-position: 0 -837px;
  height: 14px;
  width: 14px; }

.icon-fin24:hover, .icon-fin24.fin24-hover {
  background-position: 0 -851px; }

.icon-footer-bullet {
  background-position: 0 -865px;
  height: 3px;
  width: 5px; }

.icon-footer {
  background-position: 0 -868px;
  height: 13px;
  width: 23px; }

.icon-google-plus {
  background-position: 0 -881px;
  height: 16px;
  width: 17px; }

.icon-google-plus:hover, .icon-google-plus.google-plus-hover {
  background-position: 0 -897px; }

.icon-help {
  background-position: 0 -913px;
  height: 16px;
  width: 16px; }

.icon-help:hover, .icon-help.help-hover {
  background-position: 0 -929px; }

.icon-icon-search-hover-no-use {
  background-position: 0 -945px;
  height: 13px;
  width: 13px; }

.icon-icon-search-hover-open {
  background-position: 0 -958px;
  height: 13px;
  width: 13px; }

.icon-icon-search {
  background-position: 0 -971px;
  height: 13px;
  width: 13px; }

.icon-in {
  background-position: 0 -984px;
  height: 16px;
  width: 16px; }

.icon-in:hover, .icon-in.in-hover {
  background-position: 0 -1000px; }

.icon-ind_small {
  background-position: 0 -1016px;
  height: 21px;
  width: 21px; }

.icon-info {
  background-position: 0 -1037px;
  height: 16px;
  width: 5px; }

.icon-investors {
  background-position: 0 -1053px;
  height: 63px;
  width: 63px; }

.icon-investors:hover, .icon-investors.investors-hover {
  background-position: 0 -1116px; }

.icon-logged_in_hover {
  background-position: 0 -1179px;
  height: 11px;
  width: 11px; }

.icon-login {
  background-position: 0 -1190px;
  height: 11px;
  width: 11px; }

.icon-login:hover, .icon-login.login-hover {
  background-position: 0 -1201px; }

.icon-logo {
  background-position: 0 -1212px;
  height: 50px;
  width: 126px; }

.icon-logout {
  background-position: 0 -1262px;
  height: 16px;
  width: 16px; }

.icon-logout:hover, .icon-logout.logout-hover {
  background-position: 0 -1278px; }

.icon-map-pin {
  background-position: 0 -1294px;
  height: 14px;
  width: 10px; }

.icon-member {
  background-position: 0 -1308px;
  height: 18px;
  width: 18px; }

.icon-news {
  background-position: 0 -1326px;
  height: 16px;
  width: 16px; }

.icon-notify {
  background-position: 0 -1342px;
  height: 27px;
  width: 27px; }

.icon-notify:hover, .icon-notify.notify-hover {
  background-position: 0 -1369px; }

.icon-password-arrow {
  background-position: 0 -1396px;
  height: 35px;
  width: 36px; }

.icon-password {
  background-position: 0 -1431px;
  height: 35px;
  width: 36px; }

.icon-pdf {
  background-position: 0 -1466px;
  height: 22px;
  width: 23px; }

.icon-phone {
  background-position: 0 -1488px;
  height: 14px;
  width: 16px; }

.icon-price-arrow-down {
  background-position: 0 -1502px;
  height: 16px;
  width: 12px; }

.icon-price-arrow-nochange {
  background-position: 0 -1518px;
  height: 12px;
  width: 16px; }

.icon-price-arrow-up {
  background-position: 0 -1530px;
  height: 16px;
  width: 12px; }

.icon-print {
  background-position: 0 -1546px;
  height: 16px;
  width: 16px; }

.icon-print:hover, .icon-print.print-hover {
  background-position: 0 -1562px; }

.icon-profile-close {
  background-position: 0 -1578px;
  height: 11px;
  width: 12px; }

.icon-profile-twitter {
  background-position: 0 -1589px;
  height: 14px;
  width: 16px; }

.icon-readmore {
  background-position: 0 -1603px;
  height: 16px;
  width: 12px; }

.icon-readmore:hover, .icon-readmore.readmore-hover {
  background-position: 0 -1647px; }

.icon-readmore2 {
  background-position: 0 -1619px;
  height: 14px;
  width: 10px; }

.icon-readmore2:hover, .icon-readmore2.readmore2-hover {
  background-position: 0 -1633px; }

.icon-reload {
  background-position: 0 -1663px;
  height: 35px;
  width: 36px; }

.icon-remove-share {
  background-position: 0 -1718px;
  height: 20px;
  width: 20px; }

.icon-remove-share:hover, .icon-remove-share.remove-share-hover {
  background-position: 0 -1698px; }

.icon-scroller-active {
  background-position: 0 -1738px;
  height: 7px;
  width: 7px; }

.icon-scroller-inactive {
  background-position: 0 -1745px;
  height: 7px;
  width: 7px; }

.icon-search-light {
  background-position: 0 -1752px;
  height: 13px;
  width: 13px; }

.icon-search-light:hover, .icon-search-light.search-light-hover {
  background-position: 0 -1765px; }

.icon-search-white-big {
  background-position: 0 -1778px;
  height: 24px;
  width: 24px; }

.icon-settings {
  background-position: 0 -1802px;
  height: 12px;
  width: 14px; }

.icon-settings:hover, .icon-settings.settings-hover {
  background-position: 0 -1814px; }

.icon-share {
  background-position: 0 -1826px;
  height: 16px;
  width: 17px; }

.icon-share:hover, .icon-share.share-hover {
  background-position: 0 -1842px; }

.icon-speaker {
  background-position: 0 -1858px;
  height: 13px;
  width: 12px; }

.icon-teal-circle {
  background-position: 0 -1871px;
  height: 16px;
  width: 16px; }

.icon-twitter {
  background-position: 0 -1887px;
  height: 14px;
  width: 16px; }

.icon-twitter:hover, .icon-twitter.twitter-hover {
  background-position: 0 -1901px; }

.icon-username {
  background-position: 0 -1915px;
  height: 35px;
  width: 36px; }

.icon-validation-error-box {
  background-position: 0 -1950px;
  height: 35px;
  width: 170px; }

.icon-validation-error-confirm-password {
  background-position: 0 -1985px;
  height: 35px;
  width: 170px; }

.icon-validation-error-password {
  background-position: 0 -2020px;
  height: 35px;
  width: 170px; }

.icon-validation-error-text {
  background-position: 0 -2055px;
  height: 35px;
  width: 170px; }

.icon-validation-error-username {
  background-position: 0 -2090px;
  height: 35px;
  width: 160px; }

.icon-validation-fail {
  background-position: 0 -2125px;
  height: 35px;
  width: 36px; }

.icon-validation-success {
  background-position: 0 -2160px;
  height: 35px;
  width: 36px; }

.icon-video {
  background-position: 0 -2195px;
  height: 14px;
  width: 16px; }

.icon-view-profile {
  background-position: 0 -2229px;
  height: 20px;
  width: 20px; }

.icon-view-profile:hover, .icon-view-profile.view-profile-hover {
  background-position: 0 -2209px; }

.icon-website {
  background-position: 0 -2249px;
  height: 14px;
  width: 16px; }

.ind__inv a, #jse-choose-xs a {
  color: white !important;
  font-family: Calibri;
  font-size: 20px; }

/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
.web__toggle__block {
  cursor: pointer;
  position: relative;
  float: left; }

.web__toggle__icon:hover .icon-files {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 57px;
  height: 48px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
  /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
  position: relative; }

.web__toggle__block .icon-files {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 57px;
  height: 48px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
  position: relative;
  left: -2px; }

.web__toggle__block--hover .icon-files {
  /* You may have to set 'display: block' */
  width: 57px;
  height: 48px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
  /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
  position: relative;
  left: -2px; }

.web__toggle__block__flyout {
  background-color: #474746;
  position: absolute;
  width: 442px;
  z-index: 99999;
  right: 4px;
  height: 58px; }

.web__toggle__block__flyout__inner {
  padding: 18px 20px;
  width: 155px; }

.web__toggle__block__flyout__inner__text {
  color: #FFFFFF;
  line-height: 20px;
  vertical-align: middle;
  margin-left: 8px; }

.web__toggle__block__flyout__inner:hover {
  background-color: #3f3f3e;
  border-bottom: 3px solid #c5db86; }

.web__toggle__block__flyout__inner--broker {
  width: 134px; }

.web__toggle__block__flyout__inner--companies {
  width: 153px; }

.login__container {
  position: relative; }

.login__container__link {
  padding: 0 20px;
  cursor: pointer;
  border-right: 1px solid #bdbdbc;
  border-left: 1px solid #bdbdbc;
  line-height: 10px;
  margin-top: 18px;
  width: 95px; }

.login__container__link:hover {
  background-color: #474746;
  padding: 18px 20px;
  margin-top: 0;
  border-right: 1px solid #474746;
  border-left: 1px solid #474746;
  color: #FFFFFF; }

.icon-login {
  position: relative;
  top: -1px; }

.lt-ie10 .login__container__link:hover {
  padding: 18px 20px 17.5px 20px; }

.login__container__link--hover {
  background-color: #474746;
  color: #FFFFFF;
  padding: 18px 20px 17.5px 20px;
  margin-top: 0;
  border-right: 1px solid #474746;
  border-left: 1px solid #474746; }

.login__container__link:hover .icon-login {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 11px;
  height: 11px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1271px; }

.login__container__link--hover .icon-login {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 11px;
  height: 11px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1271px; }

.login__container__u__p {
  background-color: #474746;
  padding: 20px;
  width: 280px;
  position: absolute;
  top: 48px;
  left: 0;
  z-index: 10; }

.login__input__field {
  width: 204px;
  padding: 0 9px;
  height: 35px;
  border: 0;
  color: #80807e;
  font-size: 12px; }

.lt-ie9 .login__input__field {
  width: 204px;
  padding: 10px 9px;
  height: 35px; }

.login__input__field--password {
  width: 168px;
  padding: 0 9px;
  height: 35px;
  border: 0;
  color: #80807e;
  font-size: 12px; }

.lt-ie9 .login__input__field--password {
  width: 168px;
  padding: 10px 9px;
  height: 35px; }

.login__container__u__p__link {
  color: #80807e;
  font-size: 14px;
  margin-top: 10px; }
  .login__container__u__p__link:hover {
    color: #b9b9b7; }

/* Profile ===============================================
=======================================================================*/
.profile__settings_container {
  padding: 0 19px;
  cursor: pointer;
  border-right: 1px solid #bdbdbc;
  border-left: 1px solid #bdbdbc;
  line-height: 10px;
  margin-top: 18px; }
  .profile__settings_container:hover {
    background-color: #474746;
    padding: 17.5px 19px;
    margin-top: 0;
    border-right: 1px solid #474746;
    border-left: 1px solid #474746;
    border-bottom: 1px solid #3b3b3a;
    color: #FFFFFF; }

.profile__settings_container--hover {
  background-color: #474746;
  padding: 17.5px 19px;
  margin-top: 0;
  border-right: 1px solid #474746;
  border-left: 1px solid #474746;
  border-bottom: 1px solid #3b3b3a;
  color: #FFFFFF;
  width: 190px; }

.profile__settings_dropdown {
  position: absolute;
  width: 190px;
  z-index: 20; }

.profile__settings_dropdown__item {
  background-color: #474746;
  border-bottom: 1px solid #414140;
  line-height: 0; }
  .profile__settings_dropdown__item:hover {
    background-color: #4b4b4a;
    border-bottom: 1px solid #3b3b3a;
    color: #FFFFFF; }

.profile__settings_dropdown__item--settings {
  padding: 15px 0 0 19px;
  height: 41px; }

.profile__settings_dropdown__item--help {
  padding: 13px 0 0 19px;
  height: 41px; }

.profile__settings_dropdown__item--feedback {
  padding: 16px 0 0 19px;
  height: 43px; }

.profile__settings_dropdown__item--logout {
  padding: 12px 0 0 19px;
  height: 40px;
  border-bottom: 2px solid #00a88e; }
  .profile__settings_dropdown__item--logout:hover {
    border-bottom: 2px solid #00a88e; }

.profile__settings_dropdown__item--settings:hover .icon-settings {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 14px;
  height: 12px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1917px; }

.profile__settings_dropdown__item--help:hover .icon-help {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 16px;
  height: 16px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -973px; }

.profile__settings_dropdown__item--feedback:hover .icon-feedback {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 14px;
  height: 14px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -739px; }

.profile__settings_dropdown__item--logout:hover .icon-logout {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 16px;
  height: 16px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1351px; }

.profile__settings_container:hover .icon-login {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 11px;
  height: 11px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1271px; }

.profile__settings_container--hover .icon-login {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 11px;
  height: 11px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1271px; }

.profile__settings_dropdown__text {
  color: #FFFFFF;
  opacity: 0.7;
  margin-left: 12px; }

.profile__settings_dropdown__item:hover .profile__settings_dropdown__text {
  color: #FFFFFF;
  opacity: 1; }

/* Validation ===============================================
=======================================================================*/
.error .input__field__login--error {
  display: block; }

.error .input__field__login--error--username {
  display: block; }

.error .input__field__login--error--password {
  display: block; }

.input__field__login--error {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 36px;
  height: 35px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -2241px;
  width: 36px;
  height: 35px;
  position: absolute;
  left: 20px;
  z-index: 1;
  display: none; }

.input__field__login--error--username {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 160px;
  height: 35px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -2205px;
  width: 170px;
  height: 35px;
  position: absolute;
  right: -158px;
  display: none; }

.input__field__login--error--password {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 36px;
  height: 35px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1757px;
  width: 36px;
  height: 35px;
  position: absolute;
  right: 20px;
  display: none; }

/* Logged In ===============================================
=======================================================================*/
.logged__in__container {
  padding: 0 20px;
  cursor: pointer;
  border-right: 1px solid #bdbdbc;
  border-left: 1px solid #bdbdbc;
  line-height: 10px;
  margin-top: 18px;
  width: 190px; }

.logged__in__container:hover .icon-login {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 11px;
  height: 11px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1247px; }

/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
.register__container {
  position: relative; }

.register__container__link {
  padding: 0 20px;
  cursor: pointer;
  border-right: 1px solid #bdbdbc;
  line-height: 12px;
  margin-top: 18px;
  width: 95px; }
  .register__container__link:hover {
    background-color: #474746;
    color: #FFFFFF;
    padding: 18px 20px;
    margin-top: 0;
    border-right: 1px solid #bdbdbc;
    position: relative;
    left: -1px; }

.lt-ie10 .register__container__link:hover {
  padding: 18px 20px 18px 20px; }

.register__container__link--hover {
  background-color: #474746;
  color: #FFFFFF;
  padding: 18px 20px;
  margin-top: 0;
  position: relative;
  left: -1px; }

.register__form__block {
  background-color: #474746;
  padding: 30px;
  width: 301px;
  position: absolute;
  top: 48px;
  left: -1px;
  z-index: 10; }

.input__field--register {
  width: 240px;
  margin-bottom: 10px; }

/* XXXXXXXXXXXXXXXXXXXXX */
.register__form__text {
  color: #80807e;
  width: 206px;
  margin-left: 15px;
  font-size: 14px; }

.register__checkbox {
  margin-top: 9px; }

.register__form__link {
  color: #b9b9b7;
  text-decoration: underline; }
  .register__form__link:hover {
    color: #b9b9b7; }

.register__form__btn:hover .icon-btn-register {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 119px;
  height: 35px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -391px; }

.nosui-form-checkbox {
  background: url("../../JSESnippets/images/checkbox.png") no-repeat;
  width: 19px;
  height: 18px; }
  .nosui-form-checkbox.nosui-form-checkbox--checked {
    background: url("../../JSESnippets/images/checkbox-checked.png") no-repeat;
    height: 18px;
    width: 19px; }

.error .input__field--error {
  display: block; }

.error .input__field--error-password {
  display: block; }

.success .input__field--success {
  display: block; }

.input__field--error {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 36px;
  height: 35px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -2241px;
  width: 36px;
  height: 35px;
  position: absolute;
  right: 31px;
  z-index: 1;
  display: none; }

.input__field--error-password {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 170px;
  height: 35px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -2133px;
  width: 170px;
  height: 35px;
  position: absolute;
  left: -150px;
  display: none; }

.input__field--success {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 36px;
  height: 35px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -2277px;
  width: 36px;
  height: 35px;
  position: absolute;
  right: 31px;
  z-index: 1;
  display: none; }

/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
.ihvOverlay {
  position: absolute;
  top: 105px;
  left: 2px;
  background-color: black;
  color: white;
  height: 21px;
  width: 20px; }

/* MEASURING TOOL (Find in CSS and Toolbelt.ts) */
div[class^="15131JSe"] {
  font-size: 1.15em;
  font-family: "calibriregular";
  position: absolute;
  left: -20px;
  top: 0; }

.header__inner {
  margin-left: 19%; }

#navtoJSe > .icon-logo_R {
  display: none; }

/* DESKTOP */
.header__inner-block {
  position: relative;
  padding: 15px 20px; }

.header__inner-devider {
  border-right: 1px solid #bdbdbc;
  height: 10px;
  float: left;
  margin: 21px 0 0 0; }

textarea:focus, input:focus {
  outline: none;
  /*border-right: 1px solid #c4da85;*/
  -moz-appearance: none; }

.search-bar-container-open .icon-icon-search-open {
  /* You may have to set 'display: block' */
  width: 13px;
  height: 13px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1018px; }

.icon-logo {
  /* You may have to set 'display: block' */
  width: 126px;
  height: 50px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
  display: inline-block;
  /*left: -39px;
	position: relative;*/ }

.SearchBox {
  float: left;
  width: 60px;
  top: 1px;
  height: 48px; }
  .SearchBox.active {
    background-color: #a3cf62; }

.header__inner-search-bar {
  height: 5px;
  background-color: #c5db86;
  width: 585px;
  float: left;
  margin: 21px 40px 0 0;
  cursor: pointer; }

.search__bar__block {
  float: left;
  height: 48px;
  position: relative;
  width: 695px;
  padding: 0 20px 0 40px; }

.search-bar-container-open {
  background: #b1cf5e;
  margin: 0 -1px 0 40px;
  width: 655px; }
  .search-bar-container-open .header__inner-search-bar {
    /* REMOVE THIN GREEN LINE*/
    background: inherit; }

.input__search {
  width: 585px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 16px;
  font-family: "calibriregular";
  position: absolute;
  top: 13px;
  left: 11px; }

.icon-company-search {
  cursor: pointer;
  margin-top: 3px; }

.company__search {
  background: #b1cf5e;
  padding: 12px 20px;
  border: 1px solid #dfdfdf;
  margin-top: 0;
  float: left;
  position: relative; }

.company__search__input {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  font-family: "calibrilight";
  padding: 0 5px;
  width: 653px; }

.SearchAreA__thin {
  height: 5px;
  background-color: #c5db86;
  width: 585px;
  float: left;
  margin: 21px 40px 0 0;
  cursor: pointer; }

.SearchArea {
  width: 625px;
  float: left;
  margin: 21px 0 0 0;
  height: 44px;
  display: inline-block;
  position: relative;
  top: -20px; }

.SearchInput {
  width: 100%;
  background-color: #a3cf62;
  height: 48px;
  border: none;
  position: absolute;
  top: -1px;
  font-size: 1.5em;
  padding-left: 10px; }

.rSearchFind {
  text-decoration: none; }

body {
  min-width: 320px !important; }

.arrow-right {
  /* You may have to set 'display: block' */
  width: 6px;
  height: 9px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -105px;
  float: left;
  margin-top: 7px;
  position: relative;
  left: -4px; }

/* ------------- DESKTOP --------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 25px) {
  #navtoJSe {
    /*width: 1006px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .L1NES {
    display: none; }
  #navtoJSe > .icon-logo {
    display: none; }
  .rSearchArea, .rSearchBox, .rSearchFind, .rSearchInput, .web__toggle__icon_R {
    display: none; }
  .navigation {
    width: 100%;
    font-size: 16px;
    font-family: "calibriregular";
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat;
    border-top: 1px solid #e9e9e9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .navigation ul ul {
      position: absolute;
      top: 100%; }
    .navigation > ul > li {
      display: inline-block; }
    .navigation ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      font-size: 16px; }
      .navigation ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .navigation ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .navigation div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .navigation ul {
      list-style: none;
      position: relative;
      display: inline-table; }
      .navigation ul li {
        padding: 0; }
      .navigation ul div {
        float: right; }
      .navigation ul ul > li a {
        background-color: inherit;
        height: 41px; }
      .navigation ul ul > li {
        background-color: inherit; }
  .mactive {
    display: block !important;
    position: absolute;
    z-index: 99999; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .navigation-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .NavDeviderT {
    top: -26px !important; }
  .NavDevider {
    /*border-right: 2px solid #e5e5e5;
		height: 17px;
		position: relative;
		top: -22px;*/
    display: none; }
  .navigation-block {
    border-left: 25px #FBFBFB solid;
    border-right: 2px #E8E8E8 solid;
    border-bottom: 3px #E8E8E8 solid;
    padding-top: 25px;
    background-image: url("../../JSESnippets/images/nav_flyout_bg.png");
    background-repeat: repeat-x;
    margin-bottom: 18px; }
  .navigation-block, navigation-sub-menu {
    background-color: inherit; }
  .navigation-sub-menu {
    position: relative; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .navigation-has-submenu {
    float: left;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 25px; }
  .header__background {
    background: url("../../JSESnippets/images/header-bg.png") #f4f4f4 repeat-y; }
  .icon-icon-search {
    /* You may have to set 'display: block' */
    width: 13px;
    height: 13px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
    cursor: pointer;
    z-index: 0;
    margin-top: 18px;
    margin-left: 20px; } }

@media screen and (min-width: 1480px) {
  /* DESKTOP Manage Controls for SMALLER Window Widths*/
  .header {
    /*width:76%;*/
    margin: 0 auto !important;
    padding: 30px 0; }
  .header__inner-link {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 4%;
    /*margin-left: 11%;*/ }
  .header__inner-links {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 78%;
    margin-left: 7%; }
  .JSETitleMain {
    float: left;
    font-size: medium;
    padding-left: 15px; } }

@media screen and (max-width: 1480px) and (min-width: 1076px) {
  /* DESKTOP Manage Controls for SMALLER Window Widths*/
  .header {
    width: 100%;
    margin: 0 auto !important;
    padding: 30px 0; }
  .header__inner {
    padding-left: 35px; }
  .header__inner-link {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }
  .header__inner-links {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    /*width: 78%;*/
    margin-left: 7%; }
  .JSETitleMain {
    float: right;
    font-size: medium;
    padding-left: 60px; } }

@media screen and (max-width: 1076px) {
  /* DESKTOP Manage Controls for SMALLER Window Widths*/
  .header {
    width: 100%;
    padding: 30px 0; }
  .header__inner-link {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-left: 6px; }
  .header__inner-links {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-left: 12px;
    width: 80%; }
  .JSETitleMain {
    float: none; } }

@media screen and (max-width: 1176px) {
  .header__inner {
    margin-left: 15% !important; }
  .header__inner-link {
    margin-left: -50px;
    margin-right: 50px; } }

/* ------------------------------------------------------------------------------------------------------------------------------- */
.navigation-MainHolder {
  padding: 15px 0 0 0;
  position: absolute;
  height: 53px;
  margin-top: 4px;
  cursor: pointer; }
  .navigation-MainHolder > div:nth-child(1) {
    text-transform: uppercase; }
  .navigation-MainHolder:hover {
    background-color: #FBFBFB; }

/* IPHONE 4,4S Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 4,4S Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 4,4S Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 5,5S Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 5,5S Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 5,5S Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 6 - Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 6 - Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 6 - Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* SAMSUNG */
@media (device-height: 360px) and (device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

@media (device-height: 640px) and (device-width: 360px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 6PLUS - Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 6PLUS - Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPHONE 6PLUS - Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPAD MINI - Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPAD MINI - Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPAD MINI - Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPAD 1,2 - Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPAD 1,2 - Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPAD 1,2 - Landscape; */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPAD 1,2 - Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPAD 1,2 - Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

/* IPAD 1,2 - Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #navigation.navigation {
    display: none; }
  .L1NES {
    display: inline-block !important; }
  .L1NES {
    font-size: 24px;
    width: 56px;
    float: right;
    height: 52px;
    padding-left: 15px;
    padding-top: 8px;
    margin-top: 6px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  /* THREE LINE MENU CONFIG */
  .responsivesizers {
    display: none;
    /* Hidden until 3Lines are Tapped */
    position: relative;
    /*width: 350px;*/
    /*left: -350px;*/
    top: 4px;
    background-color: #f5f5f5;
    font-family: "calibriregular";
    font-size: 20px;
    z-index: 99999;
    margin-right: 72px;
    padding-right: 21px;
    margin-left: 34%; }
    .responsivesizers.ShowMenu {
      display: block !important;
      z-index: 99999; }
    .responsivesizers > ul > li {
      display: inline-block; }
    .responsivesizers ul li a {
      /* MENU ITEMS */
      display: block;
      text-decoration: none;
      color: #000;
      margin-right: 19px; }
      .responsivesizers ul li a:hover .arrow-right {
        color: #111111 !important;
        cursor: pointer;
        /* You may have to set 'display: block' */
        width: 6px;
        height: 9px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }
    .responsivesizers ul li ul li {
      font-size: 14px;
      font-family: "calibriregular";
      color: #555554; }
    .responsivesizers div > div + div {
      display: none;
      /*display: inline-table; /* REMOVE THIS TO HIDE EVERYTHING */ }
    .responsivesizers ul {
      list-style: none;
      position: relative;
      display: inline-table;
      width: 100%; }
      .responsivesizers ul li {
        padding: 0; }
      .responsivesizers ul div {
        float: right; }
    .responsivesizers ul ul > li {
      /*background-color: $containerbar-background;*/ }
    .responsivesizers ul ul > li a {
      /*height: auto;*/
      background-color: inherit; }
  .mactive {
    display: block !important;
    position: relative;
    z-index: 99999; }
    .mactive ul {
      width: 100%; }
      .mactive ul li {
        width: 100%; }
  .nmhSelected {
    background-color: #FBFBFB; }
  .responsivesizers-MainHolder {
    text-align: left; }
    .responsivesizers-MainHolder > div:nth-child(1) {
      text-transform: uppercase; }
  .responsivesizers-header {
    height: 38px; }
  .nhSelected {
    border-bottom: 5px solid #c5db86;
    position: relative; }
  .responsivesizers-block {
    /*background-image: url('../../JSESnippets/images/nav_flyout_bg.png');*/
    background-repeat: repeat-x; }
  .responsivesizers-block, navigation-sub-menu {
    background-color: inherit; }
  .responsivesizers-sub-menu {
    /*position: relative;*/
    margin-bottom: 13px; }
  .navigation-has-submenu > a {
    font-family: "calibribold"; }
  .responsivesizers-has-submenu {
    margin-left: 10px; }
    .responsivesizers-has-submenu > a {
      border-bottom: 1px solid #80807e;
      color: #80807e !important; }
  #navigation.navigation {
    display: none !important; }
  #navtoJSe {
    height: 58px;
    background: url("../../JSESnippets/images/header_shadow.png") #f5f5f5 50% 0 no-repeat; }
  .header__inner-links {
    /*width: 25% !important;*/ }
  .header {
    display: none; }
  #navtoJSe > .icon-logo_R {
    /* You may have to set 'display: block' */
    width: 126px;
    height: 50px;
    background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1283px no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: 14px;
    left: 0;
    top: 0; }
  .rSearchBox {
    position: absolute;
    right: 112px;
    width: 56px;
    height: 52px;
    display: inline-block !important;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 6px; }
    .rSearchBox > .icon-icon-search {
      /* You may have to set 'display: block' */
      width: 13px;
      height: 13px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
      width: 36px;
      margin-top: 0; }
  .web__toggle__area {
    display: inline-block;
    width: 56px;
    height: 52px;
    float: right;
    margin-top: 6px; }
    .web__toggle__area > .web__toggle__block_R {
      display: inline-block !important;
      cursor: pointer;
      /*padding-top: 4px;*/ }
      .web__toggle__area > .web__toggle__block_R .icon-files {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        /* You may have to set 'display: block' */
        width: 57px;
        height: 48px;
        background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
        width: 56px;
        height: 52px;
        height: 49px; }
    .web__toggle__area .web__toggle__block_R--hover {
      width: 56px;
      height: 52px; }
    .web__toggle__area .web__toggle__block_R--hover .icon-files {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -3px -799px;
      /*background: url('/Style Library/rJSCS/CS2/sprits/jseSprites.png') -1px -803px;*/
      width: 56px;
      height: 52px; }
  /* ICON */
  .web__toggle__icon_R {
    display: inline-block;
    width: 56px;
    height: 52px;
    height: 51px; }
    .web__toggle__icon_R > .icon-files {
      cursor: pointer;
      z-index: 9999;
      /* You may have to set 'display: block' */
      width: 57px;
      height: 48px;
      background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -754px;
      width: 56px;
      height: 52px; }
  /* FLYOUT */
  .web__toggle__block__flyout_R {
    background-color: #474746;
    width: 156px;
    z-index: 12;
    position: relative;
    right: 100px;
    top: 1px; }
    .web__toggle__block__flyout_R > div {
      width: 156px; }
  .web__toggle__block__flyout__inner_R {
    padding: 18px 20px;
    background-color: #3f3f3e;
    border-bottom: 3px solid #c5db86; }
    .web__toggle__block__flyout__inner_R a {
      text-decoration: none !important; }
    .web__toggle__block__flyout__inner_R a:visited {
      color: white; }
  .web__toggle__block__flyout__inner__text_R {
    color: #FFFFFF;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    text-decoration: none; }
  .rSearchArea {
    display: none; }
    .rSearchArea.show__rSearch {
      display: inline-block !important;
      z-index: 99999;
      width: 100%;
      height: 44px;
      position: absolute;
      top: 55px;
      right: 0;
      background-color: #c5db86; }
      .rSearchArea.show__rSearch .rSearchInput {
        display: inline-block !important;
        background-color: #c5db86;
        height: 43px;
        border: none;
        font-size: 1.5em;
        width: 95%;
        float: left; }
      .rSearchArea.show__rSearch .doSearch {
        position: relative;
        height: 46px;
        width: 5%;
        float: left;
        right: 0; }
        .rSearchArea.show__rSearch .doSearch .icon-icon-doSearch {
          /* You may have to set 'display: block' */
          width: 13px;
          height: 13px;
          background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1032px;
          position: absolute;
          right: 27px;
          top: 17px;
          cursor: pointer;
          z-index: 0; }
  .rSearchFind {
    text-decoration: none; }
  /* THREE LINE MENU CONFIG */
  #navtoJSe .web__toggle__block_R, .rSearchBox, .rSearchArea {
    display: none; }
  .header__inner-link {
    margin-left: 43px; }
  .SearchAreA__thin {
    height: 5px;
    background-color: #c5db86;
    width: 585px;
    float: left;
    margin: 21px 40px 0 112px;
    cursor: pointer; }
  .JSETitleMain {
    right: 0 !important; }
  .SearchArea {
    width: 585px;
    float: left;
    margin: 21px 0 0 115px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: -20px; } }

.web__toggle__area {
  /*border: 1px solid red;*/ }

.rSearchBox {
  /*border: 1px solid green;*/ }

.L1NES {
  /*border: 1px solid orange;*/ }

.breadcrumbs {
  padding: 30px 0; }

.breadbrumbs__item {
  float: left;
  border-right: 1px solid #c7c7c5;
  border-left: 1px solid #cececd;
  padding: 0 10px; }
  .breadbrumbs__item:first-child {
    border-left: none;
    padding: 0 10px 0 0; }

.breadbrumbs__item--link {
  color: #b9b9b7; }
  .breadbrumbs__item--link.current {
    color: #80807e; }

.notification__primary {
  background: #5d5d5c;
  padding: 30px;
  position: relative;
  border-right: 53px solid #a2be56; }
  .notification__primary .icon-notify {
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -13.5px; }
  .notification__primary .notification__title {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #d5d5d5; }
    .notification__primary .notification__title span {
      color: #a2be56; }
  .notification__primary .notification__copy {
    font-size: 15px;
    color: #b9b9b7; }
  .notification__primary .notification__notify {
    padding: 0 13px;
    background: #a2be56;
    height: 100%; }

.notification__secondary {
  background: #dedede;
  padding: 30px; }
  .notification__secondary .notification__copy {
    color: #959593;
    font-size: 15px; }

.disabled {
  display: none; }

.tabs__col {
  float: left;
  width: 490px; }

.tabs__col.col__divider {
  border-right: 1px solid #ededec; }

.tabs__col .tabs__col__items {
  margin-top: 5px; }

.tabs__col .tabs__col__item {
  padding: 0 5px;
  float: left;
  line-height: 14px; }

.tabs__col .tabs__col__item:first-child {
  border-right: 2px solid #dededd; }

.tabs__col .tabs__col__link {
  color: #b9b9b7; }

.tabs__col .tabs__col__link:hover {
  color: #111111; }

.tabs__col .tabs__col__link.tabs__col__link--active {
  color: #00a88e; }

.tabs__col .instrument__tabs .instrument__tabs__item {
  float: left;
  padding: 5px;
  color: #5d5d5c;
  border: 1px solid #ededed; }

.tabs__col .instrument__tabs .instrument__tabs__item.instrument__tabs__item--active {
  background: #f1f1f2; }

.tabs__col .tabs__col__btn {
  color: #555554;
  font-size: 15px;
  line-height: 24px;
  margin-left: 10px;
  margin-right: 15px; }

.tabs__col .tabs__col__btn .icon {
  margin-right: 5px;
  margin-bottom: -5px; }

.tabs__col--profile--shares #btnFullProfile {
  /*border: 1px solid red;*/ }

.tabs__col .tabs__col__btn--share:hover {
  color: #00a88e; }
  .tabs__col .tabs__col__btn--share:hover .icon {
    background-position: 0 -7px; }

.tabs__col .tabs__col__btn--share--remove:hover {
  color: #00a88e; }
  .tabs__col .tabs__col__btn--share--remove:hover .icon {
    background-position: 0 -1698px; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item--mod--broker-home {
  color: #555554;
  font-size: 13px !important;
  background: #f8f8f8;
  padding: 10px 9px;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb; }

.tabs__col--profile .tabs__col__tabs--mod--broker-home {
  border-top: 1px solid #eaeaea;
  position: relative;
  bottom: 0; }

.tabs__col .tabs__col__btn--profile:hover {
  color: #00a88e; }
  .tabs__col .tabs__col__btn--profile:hover .icon {
    background-position: 0 -2209px; }

.tabs__col--shares {
  padding: 20px 30px 30px;
  height: 490px; }
  .tabs__col--shares .tabs__col__head {
    margin-bottom: 7px; }
  .tabs__col--shares .tabs__col__inner-container {
    border: 1px solid #ededed; }

#sens {
  border-top: 15px solid #ededed; }

.tabs__col--profile {
  /*padding: 20px 0 58px;*/
  /*width: 490px;*/
  height: 406px;
  position: relative;
  background: #fff; }
  .tabs__col--profile .tabs__col__head {
    margin-bottom: 30px;
    padding: 0 30px; }
  .tabs__col--profile .tabs__col__inner-container {
    padding: 0 30px; }
  .tabs__col--profile .tabs__col__tabs {
    border-top: 1px solid #eaeaea;
    position: absolute;
    bottom: 0; }
  .tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item {
    color: #555554;
    float: left;
    font-size: 14px;
    background: #f8f8f8;
    padding: 20px 25px;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #fff; }

.lt-ie10 .tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item {
  padding: 22px 18.9px; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item:hover {
  color: #4a4a4a;
  cursor: pointer; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item:first-child {
  border-left: none; }

.lt-ie10 .tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item:first-child {
  padding: 20px 25px; }

.ie10 .tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item {
  padding: 20px 25px; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
  padding: 18px 25px 18px 25px;
  background: #fff;
  border-bottom: 4px solid #c5db86; }

.lt-ie10 .tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item.tabs__col__tabs__item--active {
  padding: 18px 25px 18px 25px; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item--last {
  border-right: none;
  padding: 20px 25px 20px 25px; }

.ie10 .tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item--last {
  padding: 20px 25px 20px 25px; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item--mod--broker-home {
  color: #555554;
  float: left;
  font-size: 14px;
  background: #f8f8f8;
  padding: 10px 9px;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item--mod--broker-home:hover {
  color: #4a4a4a;
  cursor: pointer; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item--mod--broker-home.tabs__col__tabs__item--active {
  padding: 8px 11px;
  background: #fff;
  border-bottom: 4px solid #c5db86; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item--mod--company-home {
  color: #555554;
  float: left;
  font-size: 14px;
  background: #f8f8f8;
  padding: 20px 46px;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  font-family: calibriregular; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item--mod--company-home:hover {
  color: #4a4a4a;
  cursor: pointer; }

.tabs__col--profile .tabs__col__tabs .tabs__col__tabs__item--mod--company-home.tabs__col__tabs__item--active {
  padding: 18px 45px;
  background: #fff;
  border-bottom: 4px solid #c5db86; }

.tabs__col--profile .tabs__col__tabs--mod--broker-home {
  border-top: 1px solid #eaeaea;
  position: relative;
  bottom: 0; }

.tabs__col--profile .tabs__col__tabs--mod--company--home {
  border-top: 1px solid #eaeaea;
  position: relative;
  bottom: 0; }

.instrument__market__cap {
  height: 260px; }

.tabs__col--profile--mod {
  padding: 0;
  width: 310px;
  height: auto;
  position: relative;
  float: left;
  margin-right: 20px; }

.tabs__col--profile--company--home {
  padding: 0;
  width: 100%;
  height: auto;
  position: relative;
  background: none; }

.tabs__col--profile--shares {
  padding: 51px 0 58px;
  width: 490px;
  height: 491px !important;
  position: relative;
  background: #FFFFFF; }

.tabs__col--profile--shares .shares__add__remove__container {
  position: absolute;
  left: 11px;
  top: 13px;
  /*width: 183px;*/
  width: 100%; }

.data__table__heading__block {
  border-bottom: 1px solid #000; }

.table__row__heading {
  font-size: 12px;
  text-align: right;
  text-transform: uppercase;
  font-weight: normal; }

.table__row__heading__future {
  font-size: 14px;
  text-align: right;
  text-transform: uppercase;
  font-weight: normal; }

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

#indicatorsDetail td.table__row:nth-child(2) {
  /* VALUE COLUMN */
  width: 112px; }

#indicatorsDetail td.table__row:nth-child(3), #indicatorsDetail td.table__row:nth-child(4) {
  /* CHANGE COLUMN */
  width: 60px; }

.table__row {
  font-size: 12px;
  border-bottom: 1px solid #EEEEEE;
  text-align: right; }

.col__inner__container.divide__green {
  margin-bottom: 15px; }

.sens--broker {
  padding-left: 0; }
  .sens--broker > div {
    padding-left: 0; }

a.sens__link {
  color: #49b6e6 !important; }

.sens__slider {
  width: 425px; }

.slider {
  position: relative;
  overflow: hidden; }

.slider__news {
  /*width: 485px;*/
  padding-right: 25px; }
  .slider__news .dots {
    /*margin: -31px 30px 0 0;*/
    /*float: right;*/
    position: relative;
    z-index: 99; }

/*.dots {
    margin: 25px 0 5px -10px;
    padding: 0;
    float: left;
    width: 100%;
}*/
.slider__default {
  /*width: 485px;*/ }

.slider__default--477 {
  width: 100%; }

.slides {
  overflow: hidden; }
  .slides li {
    min-height: 175px; }
  .slides li .homepage__news__content {
    min-height: 175px; }
    .slides li .homepage__news__content .homepage__news__heading {
      font-size: 18px;
      font-family: calibribold;
      color: black;
      line-height: 22px; }

.slider li {
  list-style: none;
  width: 100%; }

.slider ul li {
  float: left; }

.border-bot__green {
  border-bottom: 5px solid #b1cf5e; }

#highsandlows, #instrumentpricegraphcontainer, #dividendinformation, #dividendinformation .price__list__container {
  border-top: 12px solid #ededed; }

.iProfileLeft {
  border-right: 5px solid #ededed; }

.iProfileRight {
  border-left: 5px solid #ededed; }

.dot {
  cursor: pointer; }

li.dot {
  margin-top: 8px; }

.dot, .slidesjs-pagination li a {
  display: block;
  float: left;
  overflow: hidden;
  background-image: url("/Style Library/JSESnippets/images/icon/scroller-inactive.png");
  width: 7px;
  height: 7px; }

.dotActive {
  background-image: url("/Style Library/JSESnippets/images/icon/scroller-active.png"); }

.dot, .slidesjs-pagination li {
  float: left;
  /*margin: 0 0 0 10px;*/ }

.dots.left {
  margin-left: 37px; }

/* INDIVIDUAL INVESTOR GRAPHS */
.notification__primary {
  background: #5d5d5c;
  padding: 30px;
  position: relative;
  border-right: 53px solid #a2be56; }

.notification__primary .icon-notify {
  position: absolute;
  right: -40px;
  top: 50%;
  margin-top: -13.5px; }

.notification__primary .notification__title {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #d5d5d5; }

.notification__primary .notification__title span {
  color: #a2be56; }

.notification__primary .notification__copy {
  font-size: 15px;
  color: #b9b9b7; }

.notification__primary .notification__notify {
  padding: 0 13px;
  background: #a2be56;
  height: 100%; }

.notification__primary:hover {
  border-right: 53px solid #e86971; }

.notification__primary:hover .icon-notify {
  background-position: 0 -1369px;
  cursor: pointer; }

.padLRNone {
  padding-left: 0;
  padding-right: 0; }

.notification__secondary {
  background: #dedede;
  /*padding: 30px;*/ }

.notification__secondary .notification__copy {
  color: #959593;
  font-size: 15px; }

.tabs__section {
  background: #fff;
  margin-bottom: 10px;
  border-bottom: 1px solid #d5d5d5;
  position: relative; }

.tab__container {
  background: #686867; }

.tab__container .tabs {
  float: left; }

.tab__container .tabs__item {
  float: left;
  background: #5d5d5c;
  padding: 13px 24px 15px 23px;
  color: #fff;
  border-top: 2px solid #5d5d5c;
  border-left: 1px solid #6c6c6b;
  border-right: 1px solid #545453; }

.tab__container .tabs__item:first-child {
  border-left: none; }

.tab__container .tabs__item:hover {
  color: #c5db86;
  cursor: pointer; }

.tab__container .tabs__item.tabs__item--active {
  background: #fff;
  color: #555554; }

.tab__container .icon-search-light {
  position: relative;
  top: 13px;
  left: 24px; }

.tab__container .tabs__search {
  background: #727271;
  float: right;
  padding: 15px 0;
  cursor: pointer;
  position: relative; }

.tab__container .tabs__search--open {
  background: #c5db86;
  width: 490px;
  text-align: right;
  padding: 15px 15px 15px 0;
  height: 49px !important;
  position: absolute;
  right: 0;
  z-index: 10; }

.tab__container .tabs__input__search {
  width: 460px;
  border: none;
  background: transparent;
  color: white;
  font-size: 16px;
  font-family: "calibriregular";
  position: absolute;
  padding: 0 20px !important;
  left: 0; }

.tab__container .tabs__input__search:focus {
  border-right: 1px solid #d3e4a3; }

#tabs-search-bar-container {
  height: 0; }

ul.dots.left {
  width: 51px; }

#IssuerProfileTemplate .dots {
  float: right;
  margin: 0 26px 0 0;
  padding: 0; }

.company__profile__row {
  margin: 0 0 0 0; }

.company__profile__row .col-6 {
  padding: 0; }

.company__profile__container {
  padding: 30px;
  background: #fff; }

.company__profile__container.company__profile__container--grey {
  background: #fbfbfb; }

.company__profile__numbers {
  font-size: 40px;
  font-family: "calibribold";
  text-align: center;
  line-height: 35px; }

.company__profile__numbers.company__profile__numbers--light {
  color: #b9b9b7; }

.company__profile__numbers.company__profile__numbers--teal {
  color: #00a88e; }

.company__profile__numbers.company__profile__numbers--small-red {
  color: #ef3945;
  font-size: 38px;
  font-family: "calibrilight"; }

.company__profile__numbers.company__profile__numbers--martb {
  margin: 30px 0 20px; }

.company__profile__numbers.company__profile__numbers--up {
  background: url("/Style Library/JSESnippets/images/icon/arrow-up.png") no-repeat right;
  color: #00a88e;
  padding-right: 35px; }

.company__profile__numbers.company__profile__numbers--down {
  background: url("/Style Library/JSESnippets/images/icon/arrow-down.png") no-repeat right;
  color: #00a88e;
  padding-right: 35px; }

.company__profile__numbers.company__profile__numbers--no--change {
  background: url("/Style Library/JSESnippets/images/icon/arrow-no-change.png") no-repeat right;
  color: #00a88e;
  padding-right: 35px; }

.company__profile__numbers__description {
  position: relative;
  overflow: hidden;
  font-family: "calibrilight";
  font-size: 14px;
  text-align: center;
  margin-top: 20px; }

.company__profile__numbers__description span {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  position: relative;
  padding: 0 20px; }

.company__profile__numbers__description span:before, .company__profile__numbers__description span:after {
  content: '';
  display: block;
  width: 1000px;
  position: absolute;
  top: 0.73em;
  border-top: 1px solid #f0f0f0; }

.company__profile__numbers__description span:before {
  right: 100%; }

.company__profile__numbers__description span:after {
  left: 100%; }

.homepage__news {
  float: left;
  margin-right: 10px;
  width: 484px; }

.homepage__news__content {
  background-color: #FFFFFF;
  padding: 31px 30px 25px 30px;
  /*border-bottom: 1px solid #d8d8d8;*/ }

@-moz-document url-prefix() {
  .homepage__news__content {
    padding: 27px 30px 25px 30px; } }

.homepage__news__heading {
  font-family: "calibribold";
  font-size: 18px;
  line-height: 21px;
  color: black; }

.homepage__news__date {
  font-family: "calibriregular";
  font-size: 14px;
  color: #b9b9b7;
  line-height: 11px; }

.homepage__news__content .read__more:hover {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 6px;
  height: 9px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -128px; }

/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
#slides {
  display: none;
  position: relative; }

.slidesjs-pagination {
  list-style: none;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 999999; }

.slidesjs-pagination li {
  float: left;
  margin: 0 0 0 10px; }

.slidesjs-pagination li a {
  display: block;
  float: left;
  overflow: hidden;
  background-image: url("../../JSESnippets/images/icon/scroller-inactive.png");
  width: 7px;
  height: 7px; }

.slidesjs-pagination li a .dotActive,
.slidesjs-pagination li a:hover .dotActive {
  background-image: url("../../JSESnippets/images/icon/scroller-active.png");
  width: 7px;
  height: 7px; }

.slidesjs-pagination li a:hover {
  background-image: url("../../JSESnippets/images/icon/scroller-active.png");
  width: 7px;
  height: 7px; }

.homepage__events {
  background-color: #FFFFFF;
  float: left;
  padding: 34px 30px;
  width: 237px;
  border-bottom: 1px solid #d8d8d8;
  margin-right: 10px;
  /*margin-top: 13px;*/ }

/*.homepage__events:last-child {
    margin-bottom: 15px;
}*/
.event__heading {
  font-family: "calibribold";
  font-size: 18px;
  line-height: 23px;
  color: black; }

.homepage__events__date {
  font-family: "calibriregular";
  font-size: 14px;
  color: #b9b9b7;
  vertical-align: bottom;
  line-height: 15px; }

.documents__detailed--i {
  /*PDF ICON*/
  float: left !important; }

/*.ShowDetail {
    float: right;
    background-color: #a3cf62;
    border-radius: 6px;
    width: 17px;
    text-align: center;
}*/
.documents__detailed--c {
  /*ENTRY CONTAINER*/
  float: left;
  width: 100%;
  /*border: 1px solid black;*/
  height: 20px; }

#leftcol .documents__detailed {
  width: 600px; }
  #leftcol .documents__detailed div {
    margin-left: 5px; }
  #leftcol .documents__detailed a {
    margin-left: 5px; }

#rightcol .documents__detailed {
  width: 254px; }
  #rightcol .documents__detailed div {
    margin-left: 5px; }
  #rightcol .documents__detailed a {
    margin-left: 5px; }

.homepage__events {
  padding-top: 20px;
  padding-bottom: 18px;
  width: 100%; }
  .homepage__events .margin-tb-30 {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }

.read__more__info__documents--c, .read__more__info__documents--issuer--c {
  float: left;
  height: 22px;
  width: 216px;
  /*padding-top: 5px;*/ }

.read__more__info__documents--c:last-child, .read__more__info__documents--issuer--c:last-child {
  /*margin-bottom: 15px;*/ }

.read__more__info__documents--i, .read__more__info__documents--issuer--i {
  /* File Type Icon Logo*/
  width: 16px;
  height: 16px;
  float: left;
  /*padding-top: 5px;*/ }

#rightcol .read__more__info__documents--i, .read__more__info__documents--issuer--i {
  /* File Type Icon Logo*/
  /*padding-top: 5px;*/ }

.read__more__info__documents--issuer--c {
  /*read__more__info__documents--issuer--s*/
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

/* RIGHTCOL */
#rightcol div.read__more__info__documents--c, #rightcol .documents__detailed--c, #rightcol .read__more__info__documents--issuer--c, .RelatedDocs div.read__more__info__documents--c, .RelatedDocs .documents__detailed--c, .RelatedDocs .read__more__info__documents--issuer--c, #webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
  padding-left: 0;
  /*margin-left: -16px;*/
  width: 215px;
  margin-top: 9px; }

#rightcol div.read__more__info__documents--a, #rightcol .documents__detailed, #rightcol .read__more__info__documents--issuer--a, .RelatedDocs div.read__more__info__documents--a, .RelatedDocs .documents__detailed, .RelatedDocs .read__more__info__documents--issuer--a, #webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
  white-space: normal;
  padding-left: 5px;
  width: 173px;
  float: left;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

#rightcol a.read__more__info__documents, #rightcol a.read__more__info__documents--issuer, .RelatedDocs a.read__more__info__documents, .RelatedDocs a.read__more__info__documents--issuer, #webstir a.read__more__info__documents, #webstir a.read__more__info__documents--issuer {
  /* child */
  white-space: normal;
  width: 125px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

#rightcol .documents__detailed a, .RelatedDocs .documents__detailed a, #webstir .documents__detailed a {
  /* child */
  white-space: nowrap;
  width: 125px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

/* BOTWIDE :: IndividualHomeTemplate */
.BOTWide div.read__more__info__documents--c, .BOTWide .documents__detailed--c, .BOTWide .read__more__info__documents--issuer--c {
  padding-left: 0;
  width: 215px;
  margin-top: 9px; }

.BOTWide div.read__more__info__documents--a, .BOTWide .documents__detailed, .BOTWide .read__more__info__documents--issuer--a {
  white-space: normal;
  padding-left: 5px;
  width: 173px;
  float: left;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.BOTWide a.read__more__info__documents, .BOTWide a.read__more__info__documents--issuer {
  /* child */
  white-space: normal;
  width: 125px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.BOTWide .documents__detailed a {
  /* child */
  white-space: nowrap;
  width: 125px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.BOTWide .ExpBorderShow a {
  white-space: normal; }

/* LEFTCOL */
#leftcol .documents__detailed--i {
  padding-top: 5px; }

#leftcol div.read__more__info__documents--c, #leftcol .documents__detailed--c, #leftcol .read__more__info__documents--issuer--c {
  padding-left: 13px;
  width: 600px;
  margin-top: 10px; }

#leftcol div.read__more__info__documents--a, #leftcol .documents__detailed, #leftcol .read__more__info__documents--issuer--a {
  white-space: normal;
  padding-left: 5px;
  width: 544px;
  float: left;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

#leftcol a.read__more__info__documents, #leftcol .documents__detailed a, #leftcol a.read__more__info__documents--issuer {
  white-space: normal;
  height: 18px;
  width: 510px; }

/* WEBSTIR */
#webstir .documents__detailed--i {
  padding-top: 5px; }

#webstir div.read__more__info__documents--c, #webstir .documents__detailed--c, #webstir .read__more__info__documents--issuer--c {
  padding-left: 13px;
  width: 445px;
  margin-top: 10px; }

#webstir div.read__more__info__documents--a, #webstir .documents__detailed, #webstir .read__more__info__documents--issuer--a {
  white-space: normal;
  padding-left: 5px;
  width: 389px;
  float: left;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

#webstir a.read__more__info__documents, #webstir .documents__detailed a, #webstir a.read__more__info__documents--issuer {
  white-space: normal;
  height: 18px;
  width: 355px; }

.homepage__sidenav {
  width: 100%;
  background-color: white !important;
  padding-right: 11px;
  padding-bottom: 15px; }
  .homepage__sidenav .right {
    margin-bottom: 15px !important; }
  .homepage__sidenav ul {
    background-color: white !important;
    padding-left: 0;
    padding-right: 5px; }
    .homepage__sidenav ul li {
      margin-top: 5px; }

.homepage__sidenav__item__last > .read__more__info__documents--c {
  /*padding-top: 13px;*/
  /*border-top: 1px solid rgb(238, 238, 238);*/ }

.homepage__sidenav__item__last {
  padding-bottom: 15px;
  margin-top: 5px; }

.homepage__sidenav.margin-bot-10 {
  padding-left: 15px;
  padding-bottom: 19px; }

.homepage__sidenav__item {
  padding-top: 5px; }
  .homepage__sidenav__item a {
    width: 118px; }
  .homepage__sidenav__item img {
    margin-top: -3px; }

.homepage__sidenav__item .divider {
  border-bottom: 1px solid #EEEEEE;
  width: 100%; }

#leftcol .homepage__sidenav.margin-bot-10 {
  padding-left: 28px;
  padding-bottom: 19px;
  padding-top: 15px; }

.homepage__social {
  background-color: #FFFFFF;
  padding: 14px 20px;
  line-height: 0;
  border-bottom: 1px solid #d8d8d8; }

.social__widget__head {
  background: #49b6e6;
  font-size: 16px;
  font-family: "calibrilight";
  color: #fff;
  margin-bottom: 8px;
  padding: 0 25px 0 12px;
  height: 42px;
  line-height: 39px; }

.social__widget__sidenav {
  background-color: #FFFFFF;
  padding: 20px 30px;
  border-bottom: 1px solid #d8d8d8; }

.social__widget__sidenav__item {
  line-height: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 15px; }

.social__widget__sidenav__item :hover {
  font-family: calibribold !important; }

.social__widget__link {
  /*&:hover {
		.icon-fb {
            @include inline-block;
			@include icon-fb_hover;
		}
		.icon-twitter {
            @include inline-block;
			@include icon-twitter_hover;
		}
		.icon-in {
            @include inline-block;
			@include icon-in_hover;
		}
		.icon-fin24 {
            @include inline-block;
			@include icon-fin24_hover;
		}
	}*/ }

.feed__events {
  background: #fff;
  padding: 30px;
  float: left; }
  .lt-ie10 .feed__events {
    padding: 32px 30px; }

.feed__primary-event__title {
  font-size: 26px;
  color: #555554;
  font-weight: bold; }

.feed__secondary-event {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.feed__primary-event__name {
  color: #49b6e6;
  font-size: 15px; }

.feed__container {
  background: #fbfbfb url(../../JSESnippets/images/feed_bg.png) no-repeat left;
  float: left;
  padding: 28px 30px; }

@-moz-document url-prefix() {
  .feed__container {
    padding: 23.5px 30px; } }

.feed {
  margin-bottom: 10px; }

.feed__name {
  font-size: 18px;
  font-weight: bold;
  color: #555554;
  margin-bottom: 10px; }

.feed__copy {
  color: #4a4a4a;
  font-family: "calibrilight";
  margin-bottom: 10px; }

.feed__date {
  font-family: "calibriregular";
  font-size: 14px;
  color: #b9b9b7;
  line-height: 16px; }

/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
/* REMEMBER: ... submenu and has-submenu must be preceded by the component name i.e. footer or navigation; it must also be instantiated in TypeScript using the same MagnetLink values*/
.homepage__footer {
  width: 100%;
  background-color: #555554;
  /*border-top:35px solid #ededed;*/ }

.footer__container__bar {
  background-color: #a3cf62;
  height: "41px";
  width: 100%;
  text-align: center;
  padding: 14px 0; }

div#jseFooter {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  background-color: #555554;
  height: 348px;
  /*height: unquote( string($footerHeight - 182) ) + 'px';
    background-color: green;*/ }

nav.footer {
  width: 1200px;
  background-color: #555554;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /*height: unquote( $footer_containerHeight - 75 ) + 'px';
        margin-left: $footerMargin_LR;*/
  float: left; }
  nav.footer > .footer-block {
    float: left; }
    nav.footer > .footer-block:nth-child(1) {
      width: 180px; }
    nav.footer > .footer-block:nth-child(3) {
      width: 180px; }
    nav.footer > .footer-block:nth-child(5) {
      width: 230px; }
    nav.footer > .footer-block:nth-child(7) {
      width: 155px; }
    nav.footer > .footer-block:nth-child(9) {
      width: 155px; }

.footer-link {
  display: none; }

.footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: inline-table;
  vertical-align: top;
  /*width: 150px;*/ }

.footer > li > ul.footer-sub-menu {
  min-width: 10em;
  padding: 4px 0; }

.footer ul li {
  padding: 0; }

.footer > ul > li {
  display: inline-block; }

.footer ul li a {
  /* HEADINGS */
  display: block;
  color: #ffffff;
  font-size: 16px;
  font-family: "calibriregular";
  text-decoration: none; }

.footer ul li > a {
  height: 58px;
  padding: 19px 12px; }

/* FOOTER ITEMS AREAS */
.footer ul ul {
  display: inline-block;
  min-width: 160px; }

.footer ul ul > li {
  position: relative; }

.footer ul ul > li a {
  /* FOOTER ITEMS */
  padding: 5px 15px 5px 10px;
  height: auto;
  color: #ffffff !important;
  text-decoration: none;
  font-size: 14px;
  opacity: 0.7; }
  .footer ul ul > li a:hover {
    color: #a2be56 !important; }

.footer ul ul ul {
  position: absolute;
  left: 100%;
  top: 0; }

.footer__divider {
  border-right: 1px solid #626261;
  height: 150px;
  margin-top: 55px;
  margin-right: 1.5vw;
  float: left; }

.footer-has-submenu a {
  color: #fff !important; }

.footer-has-submenu a:visited {
  color: #fff !important; }

.footer__copyright {
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  border-top: 1px solid #626261;
  padding: 27px 30px 0 30px;
  background-color: #555554;
  height: 56px;
  width: 1200px;
  float: none; }

/*
* 
* 
* 
* Base scss file for all site wide styles.
*
* Please keep file consistent, # colours must be in CAPS.
* This file must be imported before loading html5-boilerplate
*/
/* Base
***********************************/
/* Fonts
**********************************/
/* Colours
**********************************/
/* Links
**********************************/
/* FOOTER BAR */
/* Buttons
**********************************/
/*
@import this file directly into your existing Scss files to use these mixins
*/
.inlb > .vstack {
  display: inline-block; }

.box {
  padding: 52px 0 0;
  text-align: center; }

.midsplit {
  height: 100px;
  padding-top: 72px;
  margin-bottom: 50px; }

.devider {
  border-right: 2px solid white;
  height: 50px;
  margin-right: 4vw;
  margin-left: 4vw; }

.icon-title-link {
  color: white !important;
  font-family: Calibri;
  font-size: 20px; }

div.img-investors {
  margin: auto auto 13px;
  background: transparent url(../../JSESnippets/images/jseSprites.png) repeat scroll -1px -1102px;
  width: 63px;
  height: 63px;
  display: block; }

div.img-investors:hover {
  margin: auto auto 13px;
  background: transparent url(../../JSESnippets/images/jseSprites.png) repeat scroll -1px -1166px;
  width: 63px;
  height: 63px;
  display: block; }

div.img-iinvestors {
  margin: auto auto 13px;
  background: transparent url(../../JSESnippets/images/jseSprites.png) repeat scroll -1px -207px;
  width: 64px;
  height: 62px;
  display: block; }

div.img-iinvestors:hover {
  margin: auto auto 13px;
  background: transparent url(../../JSESnippets/images/jseSprites.png) repeat scroll -1px -270px;
  width: 64px;
  height: 62px;
  display: block; }

div.img-companies {
  margin: auto auto 13px;
  background: transparent url(../../JSESnippets/images/jseSprites.png) repeat scroll -1px -469px;
  width: 64px;
  height: 62px;
  display: block; }

div.img-companies:hover {
  margin: auto auto 13px;
  background: transparent url(../../JSESnippets/images/jseSprites.png) repeat scroll -1px -533px;
  width: 64px;
  height: 62px;
  display: block; }

.nav ul {
  margin: 0;
  padding: 0;
  display: none;
  list-style: none outside;
  font-weight: bold;
  text-align: center; }

.anchor-link {
  margin: 3px;
  padding: 10px 15px;
  text-align: center;
  color: #ffffff;
  background-color: #0084b4;
  text-decoration: none;
  float: right; }

#jse-choose-xs {
  display: block; }

#jse-choose-xs ul {
  margin: 0;
  padding: 0;
  list-style: none outside; }

#jse-choose-xs ul li {
  list-style: none outside;
  text-align: center; }

#jse-choose-xs ul li a {
  /*border-bottom: 1px solid #cccccc;*/
  padding: 20px 10px;
  display: block;
  text-decoration: none;
  color: #F7F5F5;
  font-family: Calibri;
  font-size: 1.5em; }

#jse-choose-xs ul li a:hover {
  color: white;
  font-family: Calibri; }

.img-home-banner {
  background: transparent url(../../JSESnippets/images/banner-bg.jpg) no-repeat scroll 0%;
  height: 424px; }

.img-home-banner-mobile {
  background: transparent url(../../JSESnippets/images/banner-bg.jpg) no-repeat scroll;
  height: 420px;
  padding-top: 27px; }

.homepage__banner__inner {
  margin: 0 auto; }

a.homepage__banner__blocks__link {
  width: 133px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #d3d3d3 !important; }
  a.homepage__banner__blocks__link:hover {
    border-bottom: 5px solid #c5db86;
    color: #ffffff !important; }
  a.homepage__banner__blocks__link h2.homepage__banner__blocks__title {
    padding: 30px 0 20px 0;
    font-family: "calibriregular";
    font-size: 18px;
    color: inherit;
    text-decoration: none; }
    a.homepage__banner__blocks__link h2.homepage__banner__blocks__title:hover {
      color: #FFFFFF !important; }

.homepage__banner__blocks:hover .icon-investors {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 63px;
  height: 63px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1166px; }

.homepage__banner__blocks:hover .icon-brokers {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 64px;
  height: 62px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -270px; }

.homepage__banner__blocks:hover .icon-companies {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 64px;
  height: 63px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -533px; }

.homepage__banner__blocks__devider {
  border-left: 2px solid #d6d6d6;
  height: 50px;
  margin: 50px 68px 0 68px; }

/* THREE ICONS */
.icon-investors {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 63px;
  height: 63px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -1102px; }

.icon-brokers {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 64px;
  height: 62px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -207px; }

.icon-companies {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  /* You may have to set 'display: block' */
  width: 64px;
  height: 63px;
  background: url("/Style Library/rJSCS/CS2/sprits/jseSprites.png") -1px -469px; }

.ImgSzr {
  max-width: 100% !important;
  height: auto !important;
  width: auto\9;
  width: 100%; }

#findabroker {
  /*width: 237px;*/ }

.title-large {
  padding: 40px 0 0;
  font-family: "calibribold";
  color: #ffffff !important;
  padding-bottom: 35px;
  font-size: 2em; }

.center-block .title-large {
  color: white !important; }

/* Overrides
****************************************************/
/* THANKS: h t t p : / / zooma.io/articles/sharepoint/better-placement-sharepoint-web-part-properties-toolpane-and-its-draggable   */
/* web part tool pane */
.ms-ToolPaneOuter {
  position: fixed;
  bottom: 30px;
  right: 0; }

.ms-ToolPaneBody {
  overflow: auto !important;
  max-height: 100%; }

#MSOTlPn_ToolPaneCaption {
  cursor: move; }

/* end web part tool pane */
/*@import "partials/jsnav/newnav";      TEST CSS FOR MULTITOGGLE MENU  ......  */
.row {
  margin-right: 0;
  margin-left: 0; }


#Search_Links:visited {
 color: white !important; 
}

/*This is to be added to the footer SASS file*/
.footer-has-submenu label{
	color: #fff !important;
    height: 58px;
    padding: 19px 12px;
    display: block;
    font-size: 16px;
    font-family: "calibriregular";
    font-weight: 100;
    margin-bottom: 0px;}
	
	/*This is to be added to the main SASS file (manipulates the search bar)*/
.SearchAreA__thin{
	cursor: default;
}

.defaultPointer:hover{
cursor: default!Important;
}
@media (min-width:1281px){
	.calcPosition{
	margin-left:45%;
	}
}


.btn_submit{
	margin-left: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #fffff0 !important;
    background-color: #c5db86 !important;
    display: inline-block;
    width: 150px;
    /* width: 70px; */
    text-decoration: none;
    text-align: center;
    /* padding: 11px 32px; */
    /* padding: 4px 10px!important; */
    border: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    /* font-weight: bold; */
    font-size: 16px !important;
    -webkit-box-shadow: 0px 0px 2px #5d5d5c, inset 0px 0px 1px #5d5d5c !important;
    -moz-box-shadow: 0px 0px 2px #5d5d5c, inset 0px 0px 1px #5d5d5c !important;
    box-shadow: 0px 0px 2px #5d5d5c, inset 0px 0px 1px #5d5d5c !important;
}

div.footer-block {
		width: 20%!Important;
	}

.col-half-offset{
	margin-left:0%s
}
.ui-accordion .ui-accordion-content{
	background-color: #555554;
	border: 0px;
	cursor: default;
	color: #B4B4B4;
	font-size: 14px;
	opacity: 0.7;
	font-family: "calibriregular";
}

.footerItem{
	padding: 5px 15px 5px 10px!Important;
	height: auto;
	color: #ffffff !important;
	text-decoration: none;
	font-size: 13px;
	<!--opacity: 0.7;-->
}

.footerItem:hover{
	cursor: pointer !important;
	opacity: 0.5;
}

.footerHeader{
	color: #fff !important;
	height: 58px;
	padding: 19px 5px!Important;
	display: block;
	font-size: 16px;
	font-family: "calibriregular"!Important;
	cursor: pointer !important;
	text-decoration: none !important;
	background-color: #555554;
	border: none;
	font-weight: normal!Important;
}

.footerItemContainer{
	height: auto!Important;
	border-radius: 0px;
	border-right: 1px solid #626261!Important;
}

.footerHeader:hover{
	color: #839455 !important;
}

.ui-accordion .ui-accordion-icons{
	padding: 0px;
}

.ui-accordion .ui-accordion-icons{
	padding: 0px;
}

.footer-block{
	margin-bottom: 20px;
}

@media screen and (max-device-width: 1024px) and (min-device-width: 768px){

	div.footer-block {
		width: 20%!Important;
	}
	
	div.footer-block-mobile {
		width: 100%!Important;
		border-bottom: 1px solid white;
	}
	
	.footerHeader {
		border-bottom: 1px solid #626261!Important;
		
	}
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border: 0px solid #d3d3d3!Important; 
    font-weight: normal!Important;
    color: #fff !important;
	background: #555554!Important;
}

.documentRedirectlabel{
	//background-color: #A3CF62;
	background-color: #a3cf62;
	//background-color: #555554;
	color: black;
	padding: 10px;
	font-family:calibri;
}
a.redirectLink{
		color: black!Important;
}