/* ------------------------------
main stylesheet
------------------------------- */
/* --------------------
colours
--------------------- */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* duplicated in widget.less */
.title-font {
  font-family: "MuseoSans-500", sans-serif;
}
.body-font {
  font-family: Helvetica, Arial, sans-serif;
}
/* --------------------
global mixins
--------------------- */
.bodyOverflowHidden {
  overflow: hidden;
}
.notificationBar {
  box-sizing: border-box;
}
/* --------------------
global styles
--------------------- */
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #222222;
}
body.no-scrollbar {
  overflow: hidden;
}
.clip {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -o-background-clip: padding;
  background-clip: padding-box;
}
.clear {
  /* for use on :after */

  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
br.clear {
  clear: both;
}
.background-texture {
  background: url(../images/style1/background-texture.jpg) repeat;
}
/* --------------------
global typography
--------------------- */
a {
  color: #106aa7;
  text-decoration: none;
}
a:focus,
a:active {
  outline: none;
}
a:hover {
  cursor: pointer;
  color: #1a7fc3;
}
p {
  margin-bottom: 10px;
}
em {
  font-style: italic;
}
em a {
  color: #0c3557;
}
strong {
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-family: "MuseoSans-500", sans-serif;
}
h1 {
  font-size: 35px;
  line-height: 40px;
  color: #0c3557;
}
h2 {
  font-size: 25px;
  line-height: 29px;
}
h3 {
  font-size: 18px;
  line-height: 22px;
}
h3.print {
  visibility: hidden;
  display: none;
}
h4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  margin: 5px 0;
  font-family: Helvetica, Arial, sans-serif;
}
h5 {
  font-size: 16px;
  line-height: 23px;
  color: #888888;
  font-family: Helvetica, Arial, sans-serif;
}
h5 a {
  color: #0c3557;
}
h5.paragraph {
  margin: 10px 0 15px;
}
h6 {
  font-size: 15px;
  line-height: 24px;
}
h6.paragraph {
  margin-bottom: 20px;
}
ul,
ol {
  list-style: none;
}
ul.bullet {
  list-style: disc;
  line-height: 15px;
  margin-bottom: 15px;
}
ul.bullet li {
  margin-left: 20px;
  margin-bottom: 3px;
}
.small {
  font-size: 10px;
  line-height: 14px;
  color: #888888;
}
.small a {
  color: #888888;
  text-decoration: underline;
}
.grey {
  color: #888888;
}
.smallText {
  font-size: 10px;
  line-height: 14px;
  font-style: italic;
}
blockquote {
  font-size: 15px;
  font-style: italic;
  color: #888888;
  background: url(../images/style1/quote.png) no-repeat 0 0;
  padding: 0 0 5px 40px;
}
cite {
  padding: 0 10px 0 40px;
  background: url(../images/style1/link-arrow.png) no-repeat 100% 4px;
}
.thumb {
  float: left;
  margin: 0 20px 20px 0;
  width: 95px;
}
.thumb table tr td {
  vertical-align: top;
}
.thumb img {
  border: 1px solid #c8c8c8;
  max-height: 95px;
  max-width: 95px;
}
.thumb .small {
  float: left;
}
.no-border img {
  border: none !important;
}
a.linkArrow {
  padding: 0 10px 0 0;
  background: url(../images/style1/link-arrow.png) no-repeat 100% 4px;
}
/* --------------------
global form components
--------------------- */
.text {
  font-size: 14px;
}
/* --------------------
global layout components
--------------------- */
.showHide {
  text-transform: uppercase;
  display: none;
}
.slidingDiv {
  width: 100%;
  box-sizing: border-box;
  color: #888888;
  padding: 20px;
  margin-top: 10px;
  background-color: #ffffff;
  border-bottom: 2px solid #c8c8c8;
}
.mainContent {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
.mainContent.popupContent {
  width: auto;
  max-width: 800px;
  display: block;
  margin: 0 50px;
}
.mainContent.popupContent .contentLeftWide {
  margin: 0;
  width: auto;
}
img#printLogo {
  display: none;
}
.button,
.buttonHome,
.buttonSmall,
.buttonVerySmall,
.buttonDisabled {
  position: relative;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  line-height: 1em;
  color: #ffffff;
  padding: 8px 18px;
  margin: 0;
  text-decoration: none;
  font-size: 18px;
  font-weight: normal;
  border: 4px solid #cad1d8;
  cursor: pointer;
  display: inline-block;
  font-family: "MuseoSans-500", sans-serif;
  background: #106aa7;
  background-image: -moz-linear-gradient(top, #0477f4 5%, #064891 8%, #0c3557 100%);
  background-image: -ms-linear-gradient(top, #0477f4 5%, #064891 8%, #0c3557 100%);
  background-image: -o-linear-gradient(top, #0477f4 5%, #064891 8%, #0c3557 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#0477f4 5%), color-stop(#0477f4 8%), color-stop(#0c3557 100%));
  background-image: -webkit-linear-gradient(top, #0477f4 5%, #064891 8%, #0c3557 100%);
  background-image: linear-gradient(top, #0477f4 5%, #064891 8%, #0c3557 100%);
  -pie-background: linear-gradient(270deg, top, #0477f4 5%, #064891 8%, #0c3557 100%);
  -webkit-box-shadow: inset 0 0 1px #0c3557;
  -moz-box-shadow: inset 0 0 1px #0c3557;
  -o-box-shadow: inset 0 0 1px #0c3557;
  box-shadow: inset 0 0 1px #0c3557;
  behavior: url(/pie.htc);
}
.button:hover,
.buttonSmall:hover {
  background: #288fff;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  background-image: -moz-linear-gradient(top, #2084f1 5%, #145daf 6%, #1e538f 100%);
  background-image: -ms-linear-gradient(top, #2084f1 5%, #145daf 6%, #1e538f 100%);
  background-image: -o-linear-gradient(top, #2084f1 5%, #145daf 6%, #1e538f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#2084f1 5%), color-stop(#145daf 8%), color-stop(#1e538f 100%));
  background-image: -webkit-linear-gradient(top, #2084f1 5%, #145daf 8%, #1e538f 100%);
  background-image: linear-gradient(top, #2084f1 5%, #145daf 6%, #1e538f 100%);
  -pie-background: linear-gradient(top, #2084f1 5%, #145daf 6%, #1e538f 100%);
  behavior: url(/pie.htc);
}
.greenbutton {
  border: 4px solid #d2ecd3;
  background-color: #35a93b;
  background-image: -moz-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -ms-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -o-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#46b74c 5%), color-stop(#108f16 100%));
  background-image: -webkit-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: linear-gradient(top, #46b74c 5%, #108f16 100%);
  -pie-background: linear-gradient(top, #46b74c 5%, #108f16 100%);
  -webkit-box-shadow: inset 0 0 1px #104312;
  -moz-box-shadow: inset 0 0 1px #104312;
  -o-box-shadow: inset 0 0 1px #104312;
  box-shadow: inset 0 0 1px #104312;
  behavior: url(/pie.htc);
}
.greenbutton:hover {
  position: relative;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  border: 4px solid #d2ecd3;
  background-color: #35a93b;
  background-image: -moz-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -ms-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -o-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#46b74c 5%), color-stop(#108f16 100%));
  background-image: -webkit-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: linear-gradient(top, #46b74c 5%, #108f16 100%);
  -pie-background: linear-gradient(top, #46b74c 5%, #108f16 100%);
  -webkit-box-shadow: inset 0 0 1px #104312;
  -moz-box-shadow: inset 0 0 1px #104312;
  -o-box-shadow: inset 0 0 1px #104312;
  box-shadow: inset 0 0 1px #104312;
  behavior: url(/pie.htc);
}
.buttonDisabled {
  background: #c8c8c8;
  background-image: -moz-linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  background-image: -ms-linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  background-image: -o-linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#e0e0e0 5%), color-stop(#c8c8c8 6%), color-stop(#b3b3b3 100%));
  background-image: -webkit-linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  background-image: linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  -pie-background: linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  -webkit-box-shadow: inset 0 0 1px #9c9c9c;
  -moz-box-shadow: inset 0 0 1px #9c9c9c;
  -o-box-shadow: inset 0 0 1px #9c9c9c;
  box-shadow: inset 0 0 1px #9c9c9c;
  behavior: url(/pie.htc);
  border: 4px solid #e9e9e9;
}
.buttonDisabled:hover {
  background: #e0e0e0;
  border: 4px solid #e9e9e9;
  cursor: default;
  background-image: -moz-linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  background-image: -ms-linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  background-image: -o-linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#e0e0e0 5%), color-stop(#c8c8c8 6%), color-stop(#b3b3b3 100%));
  background-image: -webkit-linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  background-image: linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  -pie-background: linear-gradient(top, #e0e0e0 5%, #c8c8c8 6%, #b3b3b3 100%);
  -webkit-box-shadow: inset 0 0 1px #9c9c9c;
  -moz-box-shadow: inset 0 0 1px #9c9c9c;
  -o-box-shadow: inset 0 0 1px #9c9c9c;
  box-shadow: inset 0 0 1px #9c9c9c;
  behavior: url(/pie.htc);
}
.buttonSmall {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  behavior: url(/pie.htc);
  position: relative;
  font-size: 12px;
  padding: 6px 12px;
  border: 3px solid #cad1d8;
}
.buttonVerySmall {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  font-size: 11px;
  padding: 5px 10px;
  color: #0c3557;
  border: 2px solid #ededed;
  background: #f9f9f9;
  background-image: -moz-linear-gradient(top, #ffffff 5%, #f9f9f9 8%, #e0e0e0 100%);
  background-image: -ms-linear-gradient(top, #ffffff 5%, #f9f9f9 8%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 5%, #f9f9f9 8%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#ffffff 5%), color-stop(#f9f9f9 8%), color-stop(#e0e0e0 100%));
  background-image: -webkit-linear-gradient(top, #ffffff 5%, #f9f9f9 8%, #e0e0e0 100%);
  background-image: linear-gradient(top, #ffffff 5%, #f9f9f9 8%, #e0e0e0 100%);
  -pie-background: linear-gradient(top, #ffffff 5%, #f9f9f9 8%, #e0e0e0 100%);
  -webkit-box-shadow: inset 0 0 1px #888888;
  -moz-box-shadow: inset 0 0 1px #888888;
  -o-box-shadow: inset 0 0 1px #888888;
  box-shadow: inset 0 0 1px #888888;
  behavior: url(/pie.htc);
}
.buttonVerySmall:hover {
  color: #0c3557;
  background: #ffffff;
  cursor: pointer;
  background-image: -moz-linear-gradient(top, #ffffff 40%, #e0e0e0 100%);
  background-image: -ms-linear-gradient(top, #ffffff 40%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 40%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#ffffff 40%), color-stop(#e0e0e0 100%));
  background-image: -webkit-linear-gradient(top, #ffffff 40%, #e0e0e0 100%);
  background-image: linear-gradient(top, #ffffff 40%, #e0e0e0 100%);
  -pie-background: linear-gradient(top, #ffffff 40%, #e0e0e0 100%);
  behavior: url(/pie.htc);
}
.pdfButton span {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-bottom: -1px;
  padding-left: 2px;
  background: url(../images/style1/pdf-tiny.png) no-repeat 100% 50%;
}
.buttonHome,
.buttonGreen {
  background: #35a93b;
  font-size: 24px;
  color: #ffffff;
  padding: 10px 24px 9px;
  border: 5px solid #d2ecd3;
  top: 0px;
  z-index: 4;
  margin-bottom: 5px;
  background-image: -moz-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -ms-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -o-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#46b74c 5%), color-stop(#108f16 100%));
  background-image: -webkit-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: linear-gradient(top, #46b74c 5%, #108f16 100%);
  -pie-background: linear-gradient(top, #46b74c 5%, #108f16 100%);
  -webkit-box-shadow: inset 0 0 1px #104312;
  -moz-box-shadow: inset 0 0 1px #104312;
  -o-box-shadow: inset 0 0 1px #104312;
  box-shadow: inset 0 0 1px #104312;
  position: relative;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  behavior: url(/pie.htc);
}
.buttonHome span,
.buttonGreen span {
  display: block;
  font-size: 12px;
  opacity: 0.8;
}
.buttonHome:hover,
.buttonGreen:hover {
  background-color: #57d35d;
  color: #ffffff;
  cursor: pointer;
  background-image: -moz-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  background-image: -ms-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  background-image: -o-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#47be4d 5%), color-stop(#1a9d21 100%));
  background-image: -webkit-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  background-image: linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  -pie-background: linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  behavior: url(/pie.htc);
}
/* --------------------
global navigation
--------------------- */
.infoLists li strong {
  width: 130px;
  display: block;
  float: left;
}
/* --------------------
model page
--------------------- */
.modelHead {
  margin: 20px 0 30px;
  overflow: hidden;
}
.modelHead .thumb {
  height: 87px;
}
.modelHead .bundleThumb img {
  width: 26px;
  height: auto;
  float: left;
  margin: 0 3px 3px 0;
}
.modelHead .blockquote {
  margin-top: 20px;
  width: 380px;
  float: right;
}
.modelHead .investor {
  width: 440px;
  padding-right: 20px;
  float: left;
}
.modelHead .investor .infoLists li {
  overflow: hidden;
  margin-bottom: 6px;
}
.modelHead .investor .infoLists li strong {
  width: 150px;
}
.modelHead .investor .infoLists li span {
  display: block;
  float: left;
  width: 200px;
  line-height: 1.3em;
}
.modelMenu {
  float: right;
  overflow: hidden;
  width: 100%;
  background: url(../images/style1/model-menu.png) repeat-x 0 100%;
  position: relative;
  margin: -25px 0 15px;
}
.modelMenu li {
  float: right;
  margin-left: 5px;
}
.modelMenu li a {
  float: left;
  color: #0c3557;
  padding: 5px 10px;
  border: 1px solid #c8c8c8;
  border-bottom: none;
  position: relative;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: #f8f8f8;
  background-image: -moz-linear-gradient(top, #f8f8f8 90%, #c8c8c8 100%);
  background-image: -ms-linear-gradient(top, #f8f8f8 90%, #c8c8c8 100%);
  background-image: -o-linear-gradient(top, #f8f8f8 90%, #c8c8c8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8 90%), to(#c8c8c8 100%));
  background-image: -webkit-linear-gradient(top, #f8f8f8 90%, #c8c8c8 100%);
  background-image: linear-gradient(top, #f8f8f8 90%, #c8c8c8 100%);
  -pie-background: linear-gradient(top, #f8f8f8 90%, #c8c8c8 100%);
  behavior: url(/pie.htc);
}
.modelMenu li a.selected,
.modelMenu li a:hover {
  text-decoration: none;
  background: #ffffff;
  -pie-background: linear-gradient(top, #ffffff 90%, #ffffff 100%);
  behavior: url(/pie.htc);
}
.modelInfo {
  width: 520px;
  float: left;
  margin-right: 40px;
  min-height: 100px;
  font-size: 15px;
  line-height: 24px;
}
.modelSummary {
  background-color: #f8f8f8;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 20px 0;
  margin: 20px 0;
  width: 100%;
  display: inline-block;
  -webkit-box-shadow: 0 1px 1px rgba(225, 225, 225, 0.9);
  -moz-box-shadow: 0 1px 1px rgba(225, 225, 225, 0.9);
  -o-box-shadow: 0 1px 1px rgba(225, 225, 225, 0.9);
  box-shadow: 0 1px 1px rgba(225, 225, 225, 0.9);
  behavior: url(/pie.htc);
}
.modelSummary.shorty {
  padding: 10px 0;
  margin: 0 0 20px;
}
.modelSummary.shorty h2 {
  float: left;
  padding-top: 25px;
}
.modelSummary.shorty .smallText {
  float: left;
  margin: 0 25px;
  padding-top: 20px;
}
.modelSummary.shorty .smallText .existingSubDetail {
  margin-bottom: 4px;
}
.riskRating {
  float: left;
  margin-right: 20px;
  width: 220px;
}
.riskRating h3 {
  color: #888;
}
.riskRating .positive {
  color: #00753d;
}
.riskRating .negative {
  color: #A20810;
}
.riskRating .riskMeter {
  float: left;
  height: 49px;
  width: 130px;
  padding-top: 4px;
}
.riskRating .riskMeter img {
  float: left;
}
.riskRating .riskMeter .riskScore {
  float: left;
  font-size: 35px;
  padding-left: 4px;
  width: 20px;
  position: absolute;
  top: 45px;
  left: 105px;
}
.wealthClientRiskScoreMessage {
  padding: 50px 240px 100px 240px;
}
.RiskScoreRating {
  position: absolute;
  top: -20px;
  left: 380px;
}
.RiskScoreRating img {
  float: left;
}
.RiskScoreRating a.info {
  position: absolute;
  top: 30px;
  left: 130px;
}
.RiskScoreRating .riskScore {
  float: left;
  font-size: 35px;
  padding-left: 4px;
  width: 20px;
  position: absolute;
  left: 105px;
}
/* --------------------
riskScore colours
--------------------- */
.RiskScoreRating .riskMeter.risk-1 .riskScore {
  color: #00753D;
}
.RiskScoreRating .riskMeter.risk-2 .riskScore {
  color: #A6BC3C;
}
.RiskScoreRating .riskMeter.risk-3 .riskScore {
  color: #FFC75C;
}
.RiskScoreRating .riskMeter.risk-4 .riskScore {
  color: #C35700;
}
.RiskScoreRating .riskMeter.risk-5 .riskScore {
  color: #A4070F;
}
.riskRating .riskMeter.risk-1 .riskScore,
.riskRating .riskMeter.risk-1 .riskNumber {
  color: #00753D;
}
.riskRating .riskMeter.risk-2 .riskScore,
.riskRating .riskMeter.risk-2 .riskNumber {
  color: #A6BC3C;
}
.riskRating .riskMeter.risk-3 .riskScore,
.riskRating .riskMeter.risk-3 .riskNumber {
  color: #FFC75C;
}
.riskRating .riskMeter.risk-4 .riskScore,
.riskRating .riskMeter.risk-4 .riskNumber {
  color: #C35700;
}
.riskRating .riskMeter.risk-5 .riskScore,
.riskRating .riskMeter.risk-5 .riskNumber {
  color: #A4070F;
}
.riskRating .leverage {
  color: #888888;
  font-size: 16px;
  left: 0;
  line-height: 23px;
  position: absolute;
  top: 90px;
}
.riskRating .riskMeter .pointer {
  background: url(../images/style1/risk-pointer.png) no-repeat scroll 0 0 transparent;
  height: 50px;
  left: 13px;
  position: absolute;
  top: 48px;
  width: 80px;
}
.riskRating .riskMeter.risk-2 .pointer {
  background-position: -84px 0px;
}
.riskRating .riskMeter.risk-3 .pointer {
  background-position: -159px 0px;
}
.riskRating .riskMeter.risk-4 .pointer {
  background-position: -236px 0px;
}
.riskRating .riskMeter.risk-5 .pointer {
  background-position: -320px 0px;
}
.riskRating .bestWorst {
  float: right;
  text-align: right;
  width: 80px;
}
.bestWorst .value {
  font-size: 18px;
  line-height: 22px;
}
.performance {
  float: left;
  width: 320px;
}
/* positive */
.performance .positive,
.performanceRate.positive,
.positive {
  color: #00753d;
}
/* negative */
.performance .negative,
.performanceRate.negative,
.negative {
  color: #a20810;
}
/* neutral */
.performanceRate .neutral,
.neutral {
  color: #222222;
}
.modelSummary .performanceRate {
  font-size: 25px;
  line-height: 29px;
}
.performance ul {
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  padding: 0 20px 20px 0;
  margin-top: 5px;
  overflow: hidden;
}
.performance ul li {
  float: left;
  padding: 10px 0 0 0;
  text-align: right;
  width: 99px;
}
.vsSAndP {
  float: left;
  width: 220px;
}
.vsSAndP .graph {
  width: 165px;
  height: 50px;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-top: 20px;
}
.vsSAndP .graph img {
  margin-left: -10px;
}
.vsSAndP .versusPerformance {
  color: #00753d;
  float: left;
  padding-right: 5px;
  padding-left: 20px;
}
.vsSAndP .versusPerformance.negative {
  color: #a20810;
}
.modelSummary .versusPerformance {
  font-size: 18px;
  line-height: 20px;
}
/* interact */
.interact {
  float: left;
  width: 140px;
  position: relative;
}
.interact .smallText li {
  border: none;
  padding: 0;
}
.interact .share {
  position: relative;
  z-index: 7;
}
.interact a.mail,
.interact a.facebook,
.interact a.twitter {
  background: url(../images/style1/share-icons.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -999999px;
  margin-left: 3px;
}
.interact a.facebook {
  background-position: -20px 0;
  margin-left: 0;
}
.interact a.twitter {
  background-position: -38px 0;
  margin-left: 0;
}
.interact a.button {
  margin: 5px 0;
  position: relative;
  z-index: 5;
}
.interact .limitedSpaces,
.interact .noVacancies {
  background: url(../images/style1/limited-spaces.png) no-repeat 0 0;
  width: 118px;
  height: 108px;
  position: absolute;
  top: -65px;
  right: -50px;
  z-index: 6;
}
.interact .noVacancies {
  background-image: url(../images/style1/no-vacancies.png);
}
/* subscribe panel */
.subscribePanel {
  z-index: 4;
  position: absolute;
  top: -25px;
  right: -27px;
  width: 140px;
  background: #ffffff;
  padding: 100px 30px 20px;
  border: 5px solid #ced6dc;
  -webkit-box-shadow: inset 0 0 1px #0c3557;
  -moz-box-shadow: inset 0 0 1px #0c3557;
  -o-box-shadow: inset 0 0 1px #0c3557;
  box-shadow: inset 0 0 1px #0c3557;
  behavior: url(/pie.htc);
}
.subscribePanelContainer a.button + div.subscribePanel {
  display: none;
}
#subscribePanel2 {
  position: relative;
}
.subscribePanel p.or,
#subscribePanel2 p.or {
  text-align: center;
  color: #888888;
  font-size: 15px;
  font-weight: 300;
}
.replicability {
  width: 220px;
  float: left;
  padding-right: 20px;
  overflow: hidden;
  padding-bottom: 20px;
  position: relative;
}
/* ----- top holdings ----- */
.topHoldings {
  width: 320px;
  float: left;
  overflow: hidden;
  padding-bottom: 20px;
  position: relative;
}
.topHoldings h4 a {
  font-size: 12px;
  font-weight: normal;
  line-height: 0;
  margin-left: 4px;
}
.topHoldings .modelOverlay {
  width: 240px;
  height: 310px;
}
.topHoldings .modelOverlay.autoWidth {
  width: auto;
}
/* --------------------
tables
--------------------- */
.table {
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #c8c8c8;
  -moz-box-shadow: 0 1px 2px #c8c8c8;
  -webkit-box-shadow: 0 1px 2px #c8c8c8;
  box-shadow: 0 1px 2px #c8c8c8;
}
.table tr.titleBar {
  border-bottom: 1px solid #c8c8c8;
}
.table tr.odd {
  background-color: #f8f8f8;
}
.table td {
  border-bottom: 1px solid #c8c8c8;
  padding: 3px 5px;
}
.table td.numeric {
  text-align: right;
  width: 80px;
}
.table td.PandMValue {
  width: 80px;
}
.table td.center {
  text-align: center;
}
.table td.title {
  font-weight: bold;
  text-align: right;
  padding-top: 6px;
}
.table td.titleLeft {
  font-weight: bold;
  text-align: left;
  padding-top: 6px;
}
.table td.titleRight {
  font-weight: bold;
  text-align: right;
  padding-top: 6px;
}
.table td a {
  font-size: 10px;
  text-transform: uppercase;
}
.table th {
  padding: 3px 5px;
  border-bottom: 2px solid #c8c8c8;
}
.table th.title {
  text-align: right;
}
.table th.titleLeft {
  text-align: left;
  font-weight: bold;
}
.table th.titleRight {
  text-align: right;
  font-weight: bold;
}
.ViewAllTransactions {
  font-size: 12px;
  font-weight: normal;
}
.PandMValue {
  width: 80px;
  text-align: right;
}
.relatedContent {
  width: 380px;
  float: right;
}
.relatedContent ul li {
  padding: 5px;
  border-top: 1px solid #c8c8c8;
}
.relatedContent ul li img {
  margin-right: 5px;
  margin-top: 0px;
}
.relatedContent h5 {
  padding-bottom: 5px;
}
.relatedContent .otherStrategies {
  background-color: #boxgrey;
  padding: 10px;
  border: 1px solid #c8c8c8;
  margin-top: 32px;
  margin-bottom: 10px;
  -moz-box-shadow: 0 1px 2px #c8c8c8;
  -webkit-box-shadow: 0 1px 2px #c8c8c8;
  box-shadow: 0 1px 2px #c8c8c8;
}
.relatedContent .alsoLike {
  background-color: #f8f8f8;
  padding: 10px;
  border: 1px solid #c8c8c8;
  -moz-box-shadow: 0 1px 2px #c8c8c8;
  -webkit-box-shadow: 0 1px 2px #c8c8c8;
  box-shadow: 0 1px 2px #c8c8c8;
}
.relatedContent .interact {
  margin: 40px 30px 40px 0;
  float: right;
}
.importantInfo {
  clear: both;
  border-top: 1px solid #c8c8c8;
  padding-top: 10px;
  width: 100%;
  margin: 40px 0;
}
.importantInfo div {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}
.importantInfo div ol {
  counter-reset: item;
}
.importantInfo div ol li {
  display: block;
  font-size: 10px;
  line-height: 14px;
  color: #888888;
}
.importantInfo div ol li a {
  color: #888888;
  text-decoration: underline;
}
.importantInfo div ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
}
.importantInfoSingleColumn {
  border-top: 1px solid #c8c8c8;
  padding-top: 10px;
  clear: both;
  width: 100%;
  margin: 40px 0;
}
/* links to pdf downloads */
a.pdf {
  background: url(../images/style1/pdf.png) no-repeat 5px 0px;
  padding-left: 25px;
}
/* --------------------
.sitePages additions
--------------------- */
.careers img {
  margin: 0 0 20px -40px;
}
.careers .jobs {
  width: 300px;
  padding: 30px;
  min-height: 230px;
  position: absolute;
  top: 110px;
  right: 0px;
  border: 1px solid #c8c8c8;
  background: #f8f8f8;
}
.careers .staticContent {
  width: 450px;
  float: left;
  padding: 0 60px 50px 0;
}
.careers .staticContent.mainPoints {
  padding-right: 0;
}
.contentBox {
  width: 508px;
  background: #f8f8f8;
  padding: 15px;
  margin: 20px 0 40px;
  border: 1px solid #c8c8c8;
  -moz-box-shadow: 0 1px 2px #c8c8c8;
  -webkit-box-shadow: 0 1px 2px #c8c8c8;
  box-shadow: 0 1px 2px #c8c8c8;
}
.contentBox ul li {
  font-size: 14px;
}
.contentBox ul li a {
  display: block;
  padding: 8px 0 8px 22px;
}
.contentBox ul li a.pdf {
  background-position: 0% 12px;
}
.sitePages {
  margin: 50px 0;
}
.sitePages h1.space {
  margin-bottom: 20px;
}
.sitePages h2.space {
  margin: 20px 0;
}
.sitePages h3.space {
  margin-bottom: 10px;
}
.sitePages .staticContent {
  padding-top: 20px;
}
.sitePages .contentLeftWide {
  width: 720px;
}
.sitePages .contentLeft {
  width: 540px;
  margin: 0 0 50px;
}
.sitePages .contentLeft img {
  margin-left: 0;
}
.sitePages .contentLeft img.webinar-link {
  margin: 10px 0 0;
}
.sitePages .pdficon {
  background: url('/images/clientsignup/pdf.gif') right 0px no-repeat;
  display: inline-block;
  padding-right: 20px;
  height: 15px;
}
.sitePages .formsAndAgreements,
.sitePages .termsList {
  margin-bottom: 20px;
}
.sitePages .formsAndAgreements li,
.sitePages .termsList li {
  line-height: 2.0em;
}
.sitePages .formsAndAgreements li .arrow,
.sitePages .termsList li .arrow {
  padding-right: 5px;
}
.sitePages .termsList {
  margin-bottom: 0;
}
.sitePages .first {
  margin-top: 0px;
}
.sitePages .standard li {
  margin-bottom: 10px;
}
.sitePages .managerSummary {
  margin: 30px 0;
}
.sitePages .managerSummary li {
  margin-bottom: 20px;
}
.symbolSearch {
  margin: 30px 0 0;
}
.symbolSearch label {
  font-weight: bold;
}
.symbolSearch input {
  margin: 0 5px 0 8px;
}
/* ----- trial comparison additions (Jena) - for old style page ----- */
.insidewrap h2.trial-comparison,
.insidewrap h2.support {
  padding-top: 50px;
}
.insidewrap h3.lastUpdated {
  margin-top: 20px;
}
.insidewrap .footnotes {
  padding-bottom: 50px;
}
.footnotes .button {
  margin-top: 15px;
}
.five-column {
  width: 1017px;
}
.five-column li {
  float: left;
  margin: 0 42px 42px 0;
  width: 466px;
  overflow: hidden;
}
.five-column li,
.five-column li .usegrid li {
  width: 174px;
  margin: 15px 20px 20px 0;
  float: left;
}
.five-column li li,
.five-column li .usegrid li li {
  float: none;
  width: auto;
  margin: 0;
}
.five-column li.double-width,
.five-column li li.double-width {
  width: 374px;
}
.five-column li.triple-width,
.five-column li li.triple-width {
  width: 574px;
}
.five-column li.quadruple-width,
.five-column li li.quadruple-width {
  width: 774px;
}
table.tickytable {
  margin: 0px 0 10px 0;
}
table.tickytable td {
  padding: 4px 10px 6px 0;
  vertical-align: top;
  line-height: 18px;
}
.ticky {
  width: 17px;
  height: 21px;
  background: url(../images/support/tick.gif) no-repeat;
}
/* ----------------------------
logged in view / new dashboard
----------------------------- */
/* latest & statement headers */
.latestHeader,
.statementHeader {
  width: 480px;
  float: left;
}
.latestHeader h3,
.statementHeader h3 {
  padding-bottom: 3px;
  margin-top: 50px;
  color: #0c3557;
  border-bottom: 4px solid #0c3557;
}
.latestHeader h3 span,
.statementHeader h3 span {
  font-style: italic;
}
.latestHeader .small,
.statementHeader .small {
  font-size: 12px;
}
/* statementInfo */
.statementHeader h3 {
  border-color: #888888;
  color: #888888;
}
.dashboardbg {
  position: absolute;
  top: 100px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 300px;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  background: url(../images/style1/background-texture.png) repeat;
}
.mainDashboard {
  width: 958px;
  border: 1px solid #c8c8c8;
  border-top: none;
  background: #ffffff url(../images/style1/dashboard-grey-bg.png) repeat-y 100% 0;
}
/* ----- logged in view / dashboard ----- */
.dashboardSummary {
  padding: 0;
  margin-top: 10px;
  position: relative;
  /* onboarding */

}
.dashboardSummary .table td {
  padding: 10px 5px;
  vertical-align: middle;
}
.dashboardSummary .table td.title,
.dashboardSummary .table td.titleLeft {
  padding-bottom: 2px;
}
.dashboardSummary .table td.name {
  padding-left: 38px;
  position: relative;
}
.dashboardSummary .table td.model {
  width: 200px;
}
.dashboardSummary .table td.numeric,
.dashboardSummary .table td.perform {
  width: 80px;
}
.dashboardSummary .table td.image {
  width: 30px;
}
.dashboardSummary .table td .avatar {
  margin: 0;
  position: absolute;
  top: 12px;
  left: 6px;
}
.dashboardSummary .onboarding {
  width: 250px;
  border: 1px solid #5a5a5a;
  background: #ffffff;
  padding: 50px 20px 40px 20px;
  position: absolute;
  left: 138px;
  z-index: 1000;
  -moz-box-shadow: 0 1px 2px #888888;
  -webkit-box-shadow: 0 1px 2px #888888;
  box-shadow: 0 1px 2px #888888;
}
.dashboardSummary .onboarding .onboardingTitle {
  color: #ffffff;
  background: #1a7fc3;
  padding: 2px 20px 2px 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
}
.dashboardSummary .onboarding .onboardingTitle h3 {
  font-size: 14px;
  float: left;
  margin: 0;
  padding: 0;
}
.dashboardSummary .onboarding .onboardingTitle span {
  color: #add6f3;
  float: right;
  margin-top: 2px;
  font-family: "MuseoSans-500", sans-serif;
}
.dashboardSummary .onboarding h4 {
  margin-bottom: 25px;
}
.dashboardSummary .onboarding .arrow {
  position: absolute;
  left: -16px;
  top: 54px;
  background: url('../images/style1/onboarding-arrow.png') no-repeat;
  width: 17px;
  height: 25px;
}
.dashboardSummary .onboarding .buttonSmall {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.dashboardSummary h1 {
  float: left;
}
.dashboardSummary .topDetails {
  position: static;
  margin-top: 40px;
}
.dashboardSummary .topDetails h1 {
  float: left;
  margin-top: 0px;
  margin-bottom: -10px;
  width: 180px;
}
.dashboardSummary .positiveAmount,
.dashboardSummary .negativeAmount {
  font-family: "MuseoSans-500", sans-serif;
  font-size: 16px;
  padding-left: 20px;
}
.dashboardSummary .positiveAmount {
  color: #00753d;
  background: url('../images/style1/positive-up-arrow.png') no-repeat 0px 3px;
}
.dashboardSummary .negativeAmount {
  color: #a20810;
  background: url('../images/style1/negative-down-arrow.png') no-repeat 0px 3px;
}
.dashboardSummary .subText {
  font-size: 12px;
  color: #888888;
  font-style: italic;
  margin: 0;
  padding: 0;
}
.dashboardSummary .right {
  float: right;
  overflow: hidden;
  margin-top: 19px;
}
.dashboardSummary .interact {
  float: right;
  margin-top: 40px;
}
.dashboardSummary .interact .buttonSmall {
  float: right;
}
.dashboardSummary #tip {
  background-image: url('../images/style1/put-this-money-to-work.png');
  position: absolute;
  top: -82px;
  right: -42px;
  width: 135px;
  height: 128px;
}
.dashboardSummary .greyBox {
  position: absolute;
  right: 0;
  bottom: -1px;
  font-size: 10px;
}
.dashboardSummary .greyBox a,
.dashboardSummary .greyBox a:active {
  color: #106aa7;
  padding: 0 10px 0 0;
  background: url(../images/style1/blue-arrow-right.png) 100% 3px no-repeat;
}
.dashboardSummary .greyBox a:hover,
.dashboardSummary .greyBox a:active:hover {
  color: #1a7fc3;
}
.dashboardSummary .riskRating {
  float: right;
  position: relative;
  width: 120px;
  margin: 0;
  height: 200px;
}
.dashboardSummary .riskRating img {
  margin: 0;
  padding-right: 12px;
}
.dashboardSummary .riskRating .riskMeter {
  margin-top: 20px;
}
.dashboardSummary .riskRating .riskMeter .pointer {
  margin-top: 5px;
}
.dashboardSummary .riskRating .riskMeter .riskScore {
  padding: 0;
  margin: 0;
  top: 78px;
  left: 98px;
  line-height: 28px;
  font-size: 28px;
}
.dashboardSummary .performance {
  position: relative;
  float: left;
  width: 320px;
  height: 200px;
}
.dashboardSummary .performance ul {
  padding: 0 20px 5px 0;
  margin-top: 5px;
  overflow: hidden;
}
.dashboardSummary .performance ul li {
  float: left;
  padding: 15px 0 0 0;
  text-align: right;
  width: 99px;
}
.dashboardSummary .onboarding {
  width: 250px;
  border: 1px solid #5a5a5a;
  background: #ffffff;
  padding: 50px 20px 40px 20px;
  position: absolute;
  left: 138px;
  z-index: 1000;
  -moz-box-shadow: 0 1px 2px #888888;
  -webkit-box-shadow: 0 1px 2px #888888;
  box-shadow: 0 1px 2px #888888;
}
.dashboardSummary .onboarding .onboardingTitle {
  color: #ffffff;
  background: #1a7fc3;
  padding: 2px 20px 2px 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
}
.dashboardSummary .onboarding .onboardingTitle h3 {
  font-size: 14px;
  float: left;
  margin: 0;
  padding: 0;
}
.dashboardSummary .onboarding .onboardingTitle span {
  color: #add6f3;
  float: right;
  margin-top: 2px;
  font-family: "MuseoSans-500", sans-serif;
}
.dashboardSummary .onboarding h4 {
  margin-bottom: 25px;
}
.dashboardSummary .onboarding .arrow {
  position: absolute;
  left: -16px;
  top: 54px;
  background: url('../images/style1/onboarding-arrow.png') no-repeat;
  width: 17px;
  height: 25px;
}
.dashboardSummary .onboarding .buttonSmall {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.dashboardSummary h1 {
  float: left;
}
.dashboardSummary .topDetails {
  position: static;
  margin-top: 40px;
}
.dashboardSummary .topDetails h1 {
  float: left;
}
.dashboardSummary .positiveAmount,
.dashboardSummary .negativeAmount {
  font-family: "MuseoSans-500", sans-serif;
  font-size: 16px;
  padding-left: 20px;
}
.dashboardSummary .positiveAmount {
  color: #00753d;
  background: url('../images/style1/positive-up-arrow.png') no-repeat 0px 3px;
}
.dashboardSummary .negativeAmount {
  color: #a20810;
  background: url('../images/style1/negative-down-arrow.png') no-repeat 0px 3px;
}
.dashboardSummary .subText {
  font-size: 12px;
  color: #888888;
  font-style: italic;
  margin: 0;
  padding: 0;
}
.dashboardSummary .right {
  float: right;
  overflow: hidden;
  margin-top: 19px;
}
.dashboardSummary .interact {
  float: right;
  margin-top: 40px;
}
.dashboardSummary .interact .buttonSmall {
  float: right;
}
.dashboardSummary #tip {
  background-image: url('../images/style1/put-this-money-to-work.png');
  position: absolute;
  top: -82px;
  right: -42px;
  width: 135px;
  height: 128px;
}
.dashboardSummary .greyBox {
  position: absolute;
  right: 0;
  bottom: -1px;
  font-size: 10px;
}
.dashboardSummary .greyBox a,
.dashboardSummary .greyBox a:active {
  color: #106aa7;
  padding: 0 10px 0 0;
  background: url(../images/style1/blue-arrow-right.png) 100% 3px no-repeat;
}
.dashboardSummary .greyBox a:hover,
.dashboardSummary .greyBox a:active:hover {
  color: #1a7fc3;
}
.dashboardSummary .riskRating {
  float: right;
  position: relative;
  width: 120px;
  margin: 0;
  height: 200px;
}
.dashboardSummary .riskRating img {
  margin: 0;
  padding-right: 12px;
}
.dashboardSummary .riskRating .riskMeter {
  margin-top: 20px;
}
.dashboardSummary .riskRating .riskMeter .pointer {
  margin-top: 5px;
}
.dashboardSummary .riskRating .riskMeter .riskScore {
  padding: 0;
  margin: 0;
  top: 78px;
  left: 98px;
  line-height: 28px;
  font-size: 28px;
}
.dashboardSummary .performance {
  position: relative;
  float: left;
  width: 320px;
  height: 200px;
}
.dashboardSummary .performance ul {
  padding: 0 20px 5px 0;
  margin-top: 5px;
  overflow: hidden;
}
.dashboardSummary .performance ul li {
  float: left;
  padding: 15px 0 0 0;
  text-align: right;
  width: 99px;
}
.dashboardSummary .yourMoney {
  position: relative;
  float: left;
  height: 200px;
  width: 280px;
}
.dashboardSummary .yourMoney h1 {
  font-size: 28px;
  margin-top: 10px;
}
.dashboardSummary .yourMoney .investedAmount,
.dashboardSummary .yourMoney .pendingAmount,
.dashboardSummary .yourMoney .availableAmount {
  font-family: "MuseoSans-500", sans-serif;
  font-size: 16px;
  position: absolute;
  top: 104px;
}
.dashboardSummary .yourMoney .investedAmount span,
.dashboardSummary .yourMoney .pendingAmount span,
.dashboardSummary .yourMoney .availableAmount span {
  margin-top: -1px;
  font-family: Helvetica, Arial, sans-serif;
}
.dashboardSummary .yourMoney .investedAmount {
  color: #00753d;
  left: 0;
}
.dashboardSummary .yourMoney .pendingAmount {
  color: #a6bc3c;
  left: 130px;
}
.dashboardSummary .yourMoney .pendingAmount a.info {
  top: 3px;
}
.dashboardSummary .yourMoney .availableAmount {
  color: #888888;
  right: 0;
}
.dashboardSummary .yourMoney span {
  color: #222;
  font-size: 12px;
  display: block;
  line-height: 10px;
}
.dashboardSummary .yourMoney .statusBar {
  float: left;
  border: 1px solid #c8c8c8;
  width: 270px;
  padding: 4px;
}
.dashboardSummary .yourMoney .statusBar .invested,
.dashboardSummary .yourMoney .statusBar .pending,
.dashboardSummary .yourMoney .statusBar .available {
  height: 10px;
  float: left;
  margin-right: 4px;
}
.dashboardSummary .yourMoney .statusBar .invested,
.dashboardSummary .yourMoney .statusBar .pending {
  margin-right: 4px;
}
.dashboardSummary .yourMoney .statusBar .invested {
  background: #00753d;
}
.dashboardSummary .yourMoney .statusBar .pending {
  background: #a6bc3c;
}
.dashboardSummary .yourMoney .statusBar .available {
  background: #888888;
}
.contentLeft {
  width: 540px;
  margin: 20px 0 40px 0;
  z-index: -1;
  float: left;
}
.contentLeft img {
  margin: 0 0 0 -30px;
}
/* ----- directory page ----- */
.letterBox {
  font-size: 16px;
  margin: 40px 0 10px;
}
.directory td {
  padding: 5px 30px 5px 0;
  vertical-align: top;
}
.directory td .sectionTitle {
  padding-top: 20px;
}
.directory td .avatar,
.directory td .managerName,
.directory td .modelName {
  vertical-align: middle;
  padding: 0;
}
.directory td .avatar {
  padding-right: 15px;
}
.directory td .imageResults {
  vertical-align: top;
}
/* ----- portfolio view ----- */
.portfolioMenu {
  width: 960px;
  margin: 0 auto;
  margin-top: 40px;
  position: relative;
  padding: 0;
}
/* ie7 and ie8 fixes */
* + html .selectBar {
  margin-top: -19px;
}
.ie8 .selectBar {
  margin-top: -19px;
}
.ie8 .timeLine.selectBar {
  margin-top: 0px;
}
.portfolioView {
  margin-bottom: 10px;
}
.portfolioView p.small {
  width: 540px;
}
.portfolioView h1 {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0px;
}
.portfolioView .subText {
  color: #888888;
  overflow: hidden;
  font-size: 12px;
  font-style: italic;
  position: absolute;
  right: 0;
  top: 20px;
}
.portfolioView.menu {
  float: left;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: none;
  margin: 10px 0 0 0;
}
.portfolioView.menu li {
  float: left;
  margin-left: 5px;
}
.portfolioView.menu li.first {
  margin-left: 160px;
}
.portfolioView.menu li a {
  float: left;
  color: #708398;
  font-size: 16px;
  padding: 6px 11px 5px 11px;
  border: 0;
  border-bottom: none;
  position: relative;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -o-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  behavior: url(/pie.htc);
}
.portfolioView.menu li a.selected,
.portfolioView.menu li a:hover {
  border: 1px solid #c8c8c8;
  border-bottom: none;
  color: #222222;
  padding: 5px 10px;
  text-decoration: none;
  background: #ffffff;
}
.portfolioView table {
  margin-bottom: 0px !important;
  /*.smallText{
	    font-style: normal;
	    display: block;
	    font-size: 9px;
	    margin-top: 2px;
	  }*/

}
.portfolioView table td {
  padding: 3px 5px 8px;
}
.portfolioView table td.model {
  width: 180px;
}
.portfolioView table td.numeric {
  width: 100px;
  vertical-align: middle;
}
.portfolioView table td.numericPercentage {
  vertical-align: middle;
}
.portfolioView table td.more {
  width: 70px;
  text-align: right;
  padding-right: 15px;
  vertical-align: middle;
}
.portfolioView table td.modelname {
  vertical-align: middle;
  width: 180px;
}
.portfolioView table td.simpleReturns {
  width: 105px;
}
.portfolioView table td.gainLoss {
  padding-right: 35px;
}
.portfolioView table td.perform {
  vertical-align: middle;
  width: 120px;
  margin-right: 10px;
  padding-left: 30px;
}
.portfolioView table .avatar {
  float: left;
  overflow: auto;
  width: 100%;
}
.portfolioView table div.modelname {
  float: left;
  width: 150px;
}
.portfolioView table img.avatar {
  float: left;
  margin: 0 0 0 2px;
  width: 25px;
}
.portfolioView table img.graph {
  position: relative;
  left: 0;
  top: 3px;
  margin-right: 5px;
}
.portfolioView table .move {
  margin-left: 40px;
}
.portfolioView table .negative {
  color: #a20810;
}
.portfolioView table .positive,
.portfolioView table .negative {
  font-weight: bold;
}
.portfolioView table .positivePercentage {
  padding-left: 14px;
  background: url('../images/style1/green-arrow-small.png') no-repeat 0 2px;
}
.portfolioView table .negativePercentage {
  padding-left: 14px;
  background: url('../images/style1/red-arrow-small.png') no-repeat 0 2px;
}
.portfolioView table a {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: bold;
}
.portfolioView table a.change {
  font-size: 10px;
  text-transform: lowercase;
  display: block;
  background: url('../images/style1/pencil-small.png') no-repeat 50px 4px;
}
.portfolioView table a.small {
  font-size: 10px;
  color: #1a7fc3;
  display: block;
}
.portfolioView table a.info {
  top: 2px;
  left: 2px;
}
.portfolioView table a.name {
  margin: 0;
  padding: 0;
  display: inline-block;
  color: #0c3557;
  padding-right: 11px;
  background: url('../images/style1/grey-arrow.png') no-repeat 0 0;
  background-position: right;
  float: left;
}
.portfolioView .totals {
  margin-bottom: 0px;
  background-color: #e9f3f8;
}
.portfolioView .totals td {
  padding: 10px 5px;
}
.portfolioView .finalTotals {
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #8ebee0;
  background: #e9f3f8;
  box-shadow: none;
  border-top: 1px solid #dadfe1;
  margin-bottom: 25px;
}
.portfolioView .finalTotals td {
  padding: 8px 5px;
  vertical-align: middle;
  border-bottom: none;
}
.portfolioView .finalTotals td.performance {
  font-size: 12px;
}
.portfolioView .finalTotals .smallText {
  font-weight: normal;
}
.portfolioView .finalTotals .positivePercentage {
  padding-left: 14px;
  background: url('../images/style1/green-arrow-small.png') no-repeat 0 4px;
}
.portfolioView .finalTotals .negativePercentage {
  padding-left: 14px;
  background: url('../images/style1/red-arrow-small.png') no-repeat 0 4px;
}
.portfolioView .finalTotals .positiveSmall {
  font-size: 12px;
  background: url('../images/style1/green-arrow-small.png') no-repeat 0 2px;
}
.portfolioView .finalTotals .negativeSmall {
  font-size: 12px;
  background: url('../images/style1/red-arrow-small.png') no-repeat 0 2px;
}
.portfolioView.importantInformation {
  border-top: 1px solid #c8c8c8;
  padding-top: 15px;
  margin-bottom: 10%;
}
.portfolioView.importantInformation p {
  margin-top: 6px;
}
.portfolioView .addRedeem a {
  font-size: 10px;
  text-transform: lowercase;
  font-weight: normal;
}
.portfolioView table#subscriptionTable tr.titleBar td.perform {
  padding-left: 0px;
}
.portfolioView table#subscriptionTable td.name {
  display: block;
}
.portfolioView table#subscriptionTable .gainLoss {
  width: 75px;
  padding-right: 5px;
}
/* ie7 */
* + html .portfolioView table a.change {
  background-position: 44px 4px;
}
.selectBar {
  height: 48px;
  border-top: 1px solid #c8c8c8;
  margin: -1px 0 0 0;
}
.selectBar select {
  margin-top: 18px;
}
.holdingsView table {
  margin-bottom: 0;
}
.holdingsView table a {
  font-size: 12px;
}
.holdingsView .finalTotals {
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #8ebee0;
  background: #e9f3f8;
  box-shadow: none;
  border-top: 1px solid #dadfe1;
  margin-bottom: 25px;
}
.holdingsView .finalTotals td {
  padding: 8px 5px;
  border-bottom: none;
}
.transactionsView table {
  width: 100%;
  margin-bottom: 0;
}
.transactionsView table a {
  font-size: 12px;
}
.transactionsView .finalTotals {
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #8ebee0;
  background: #e9f3f8;
  box-shadow: none;
  border-top: 1px solid #dadfe1;
  margin-bottom: 25px;
}
.transactionsView .finalTotals td {
  padding: 8px 5px;
  border-bottom: none;
}
.transactionsView p {
  margin-top: 8px;
  font-size: 14px;
  float: left;
}
.transactionsView p a.dateCalendar {
  padding-right: 18px;
  margin-right: 7px;
  display: inline;
  background: url(../images/style1/date-calendar.png) no-repeat right 0;
}
.transactionsView p.pagination {
  border: 0;
  background: none;
  float: right;
  padding: 0;
}
.transactionsView p.pagination a {
  margin-right: 6px;
}
.transactionsView p.pagination a.selected {
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/pie.htc);
  border: 1px solid #c8c8c8;
  padding: 2px 4px 0 4px;
}
.transactionsView p.pagination a.next {
  margin-right: 0;
  padding-right: 12px;
  background: url('../images/style1/right-arrow-blue.png') no-repeat right 2px;
}
/* ie7 fixes */
* + html .transactionsView p.pagination {
  margin-top: 5px;
}
* + html .transactionsView p.pagination a.selected {
  padding-top: 1px;
}
/* changes to transactions page */
.transactions .transactionControl {
  background: #f8f8f8;
  border: 1px solid #c8c8c8;
  height: 80px;
  position: relative;
}
.transactions .transactionControl .datePicker {
  float: left;
  width: 185px;
}
.transactions .transactionControl .datePicker p {
  float: left;
  width: 100px;
  font-size: 15px;
  line-height: 24px;
  padding: 15px 10px 15px 15px;
  text-align: right;
  margin-bottom: 0;
}
.transactions .transactionControl .datePicker .buttonVerySmall {
  float: left;
  margin-top: 25px;
}
.transactions .transactionControl .filterBySecurity,
.transactions .transactionControl .replicableTrades {
  position: absolute;
  top: 50%;
  height: 22px;
  margin-top: -11px;
}
.transactions .transactionControl .filterBySecurity {
  left: 180px;
  padding: 0 60px;
}
.transactions .transactionControl .replicableTrades {
  left: 430px;
  padding: 2px 0 0;
}
/* ----- risk form ----- */
p.mismatchedSubscriptions {
  padding: 20px;
  margin: 20px 0px 0px 0px;
  background-color: #ffc75c;
  border: 1px solid #c35700;
}
p.updateMessage {
  padding: 20px;
  margin: 20px 0px 0px 0px;
  background-color: #d7f1d6;
  border: 1px solid #3a8c4f;
}
.mismatchedSubscriptions table td {
  padding: 10px 5px;
  vertical-align: middle;
}
.mismatchedSubscriptions table td.model {
  width: 300px;
}
.mismatchedSubscriptions table td.numeric {
  width: 120px;
  vertical-align: middle;
}
.mismatchedSubscriptions table td.numericPercentage {
  vertical-align: middle;
}
.mismatchedSubscriptions table td.more {
  width: 120px;
  text-align: right;
  padding-right: 15px;
  vertical-align: middle;
}
.mismatchedSubscriptions table td.modelname {
  vertical-align: middle;
  width: 180px;
}
.mismatchedSubscriptions table td.simpleReturns {
  width: 105px;
}
.mismatchedSubscriptions table td.gainLoss {
  padding-right: 35px;
}
.mismatchedSubscriptions table td.perform {
  width: 165px;
  margin-right: 10px;
}
.mismatchedSubscriptions table td.avatar {
  float: left;
  overflow: auto;
  width: 100%;
}
.mismatchedSubscriptions table td img {
  float: left;
  margin: 4px 0 0 2px;
  width: 25px;
}
.mismatchedSubscriptions table td .move {
  margin-left: 40px;
}
.mismatchedSubscriptions table td .smallText {
  font-style: normal;
  display: block;
  font-size: 9px;
  margin-top: 2px;
}
.mismatchedSubscriptions table td .negative {
  color: #a20810;
}
.mismatchedSubscriptions table td .positive,
.mismatchedSubscriptions table td .negative {
  font-weight: bold;
}
.mismatchedSubscriptions table td .positivePercentage {
  padding-left: 14px;
  background: url('../images/style1/green-arrow-small.png') no-repeat 0 2px;
}
.mismatchedSubscriptions table td .negativePercentage {
  padding-left: 14px;
  background: url('../images/style1/red-arrow-small.png') no-repeat 0 2px;
}
.mismatchedSubscriptions table td a {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: bold;
}
.mismatchedSubscriptions table td a.change {
  font-size: 10px;
  text-transform: lowercase;
  display: block;
  background: url('../images/style1/pencil-small.png') no-repeat 50px 4px;
}
.mismatchedSubscriptions table td a.small {
  font-size: 10px;
  color: #1a7fc3;
  display: block;
}
.mismatchedSubscriptions table td a.info {
  top: 2px;
  left: 2px;
}
.mismatchedSubscriptions table td a.name {
  margin: 0;
  padding: 0;
  display: inline-block;
  color: #0c3557;
  padding-right: 11px;
  background: url('../images/style1/grey-arrow.png') no-repeat 0 0;
  background-position: right;
}
.mismatchedSubscriptions table td a.button {
  font-weight: normal;
}
/*.subContent{
  width: 380px;
  float: right;   
  padding: 0;
  margin-top: 20px;
  p{
		margin-bottom: 20px;
  }
  h4{
		margin-bottom: 25px;
  }
}*/
.topDetails {
  margin-top: 50px;
}
/* risk form FORM STYLE */
.riskForm .formStyle {
  padding: 30px 60px;
  width: 402px;
  border: 1px solid #c8c8c8;
  background: #f8f8f8;
}
.riskForm .formStyle label {
  line-height: 1.3;
  font-size: 18px;
  margin-bottom: 2px;
  font-weight: bold;
}
.riskForm .formStyle input[type="radio"] {
  vertical-align: middle;
}
.riskForm .formStyle .button {
  float: right;
}
.riskForm .formStyle ul li {
  font-size: 14px;
  margin-bottom: 15px;
}
.riskForm .formStyle ul li.label {
  margin-bottom: 0px;
}
.riskForm .formStyle ul.radioGroup {
  margin-bottom: 25px;
}
.riskForm .formStyle ul.radioGroup li {
  margin-bottom: 0;
}
.riskForm .formStyle ul.radioGroup li .radioLabel {
  font-size: 14px;
  display: inline;
  font-weight: normal;
  margin-left: 6px;
  vertical-align: middle;
}
/* ie7 */
* + html .transactionsView p.pagination a.selected {
  padding-top: 1px;
}
/* ----- subscribe ----- */
.subscribe .searchResult {
  width: 100%;
  margin-top: 10px;
  border-top: 1px solid #c8c8c8;
  margin-bottom: 10px;
  background: url(../images/style1/search-results.png) no-repeat 185px 15px;
}
.subscribe .searchResult h3 {
  width: 100%;
}
.subscribe .searchResult .riskRating {
  float: left;
}
.subscribe .searchResult .vsSAndP {
  margin-left: 20px;
}
.subscribe .searchResult .riskRating {
  padding-left: 15px;
}
.subscribe .searchResult .changeModel {
  float: left;
  width: 150px;
  margin-right: 30px;
}
.subscribe .searchResult .changeModel h4 {
  margin-bottom: 8px;
}
.subscribe .searchResult .changeModel .buttonSmall {
  float: left;
  margin-top: 0;
}
.subscribe .searchResult .changeModel .bracket {
  width: 24px;
  height: 94px;
  margin-top: -5px;
  display: block;
  float: right;
  background: url(../images/style1/bracket.png) no-repeat 100% 0%;
}
.placeOrder .right {
  float: right;
}
.placeOrder .subText {
  font-size: 12px;
  color: #888888;
  font-style: italic;
}
.placeOrder .small {
  color: #222222;
  font-style: italic;
}
.placeOrder .button {
  margin: 15px 0 0;
}
.placeOrder .formStyle {
  padding: 50px 60px;
  width: 278px;
  border: 1px solid #c8c8c8;
  background: #f8f8f8;
  margin: 0;
}
.placeOrder .formStyle li {
  margin-bottom: 14px;
}
.placeOrder .formStyle h4 {
  margin-bottom: 6px;
}
.placeOrder .formStyle h4.noSpace {
  margin-bottom: 2px;
}
.placeOrder .formStyle label {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
}
.placeOrder .formStyle .select {
  width: 160px;
}
.placeOrder .formStyle .text {
  padding: 5px;
  width: 180px;
}
.placeOrder .subscribeMenu {
  float: left;
  position: relative;
  width: 140px;
}
.placeOrder .subscribeMenu li a {
  display: block;
  width: 124px;
  padding: 10px 0 10px 15px;
  border: 1px solid #c8c8c8;
  border-right: none;
  font-weight: 300;
  background: #fcfbfb;
  font-size: 18px;
  position: absolute;
  left: 0;
}
.placeOrder .subscribeMenu li a:hover,
.placeOrder .subscribeMenu li a.current {
  width: 125px;
  color: #888888;
  background: #f8f8f8;
  -moz-box-shadow: 0 1px 0 #c8c8c8;
  -webkit-box-shadow: 0 1px 0 #c8c8c8;
  box-shadow: 0 1px 0 #c8c8c8;
}
.placeOrder .subscribeMenu li a.addMoney {
  top: 0;
}
.placeOrder .subscribeMenu li a.redeem {
  top: 53px;
}
.placeOrder .subscribeMenu li a.unsubscribe {
  top: 106px;
}
.contentRight {
  width: 300px;
  float: right;
  padding: 0;
  /*margin-top: 20px;*/

}
.contentRight .contact {
  width: 260px;
}
.contentRight .contact h4,
.contentRight .contact h2 {
  font-weight: normal;
}
.riskBox {
  padding: 15px 15px 0 16px;
  margin-bottom: 50px;
  position: relative;
}
.riskBox h3 {
  color: #0c3557;
}
.riskBox .blueArrow {
  width: 65px;
  height: 95px;
  display: block;
  position: absolute;
  top: -70px;
  right: -12px;
  background: url(../images/style1/blue-arrow.png) no-repeat;
}
.riskBox table {
  margin-top: 15px;
  width: 100%;
  background-color: #ffffff;
  -moz-box-shadow: 0 1px 2px #c8c8c8;
  -webkit-box-shadow: 0 1px 2px #c8c8c8;
  box-shadow: 0 1px 2px #c8c8c8;
}
.riskBox table tr td {
  padding: 2px 5px;
  border: 1px solid #c8c8c8;
}
.riskBox table tr td.title {
  font-weight: bold;
}
.riskBox table tr td.numeric {
  text-align: right;
}
.riskBox table tr td.emphasis {
  background: #f8f8f8;
}
/* ----- stock page ----- */
.stockPage .topDetails {
  margin-bottom: 0px;
}
.stockPage .topDetails h1 {
  float: left;
  width: 580px;
  line-height: 40px;
}
.stockPage .topDetails h1 .stockInfo {
  display: block;
  font-style: italic;
  font-size: 12px;
  color: #888888;
  line-height: 12px;
}
.stockPage .topDetails h1 .h2 {
  font-size: 25px;
  color: #222222;
}
.stockPage .topDetails .subText {
  float: right;
  color: #888888;
  padding-top: 9px;
  margin-bottom: 0;
  width: 380px;
}
.stockPage .relatedContent img.imgAd {
  display: block;
  margin: 35px auto;
}
.stockPage h4 {
  margin-bottom: 10px;
}
.stockPage h4.space {
  margin-top: 20px;
}
.stockPage .searchResult .infoLists {
  width: 85px;
  margin-right: 0;
  padding-right: 15px;
}
.stockPage .searchResult .infoLists li span {
  width: auto;
}
/* horrible non-semantic space div for themes pages... sorry! :| */
.spacer {
  display: inline-block;
  width: 100%;
  height: 25px;
}
.activity a {
  padding-bottom: 5px;
  margin-bottom: auto;
  display: block;
}
.advert {
  width: 508px;
  background: #f3f8fb;
  font-size: 14px;
  padding: 15px;
  margin: 20px 0 40px;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 1px 2px #888888;
  -moz-box-shadow: 0 1px 2px #888888;
  -o-box-shadow: 0 1px 2px #888888;
  box-shadow: 0 1px 2px #888888;
  behavior: url(/pie.htc);
}
.advert .emphasise {
  font-weight: bold;
  color: #0c3557;
}
.advert .actions {
  float: right;
}
.advert a.small {
  color: #0c3557;
  text-decoration: underline;
  margin-right: 3px;
}
.advert .buttonVerySmall {
  margin-left: 3px;
}
#customChart {
  padding: 10px 0 20px;
  vertical-align: top;
}
#customChart tbody,
#customChart tr,
#customChart td {
  vertical-align: top;
}
#customChart .chart {
  width: 540px;
  float: left;
  margin-top: 0px;
}
#customChart .numbersTable {
  width: 380px;
  margin-left: 40px;
  float: left;
  color: #222222;
}
#customChart .numbersTable .even {
  background-color: #E3E3E3;
}
#customChart .numbersTable td.c1 {
  width: 80px;
}
#customChart .numbersTable td.c2 {
  width: 110px;
}
#customChart .numbersTable td.c3 {
  width: 80px;
}
#customChart .numbersTable td.c4 {
  width: 110px;
}
/* ----- expired trial pop up box ----- */
.popUp {
  z-index: 10003;
  background: #ffffff;
  padding: 0 20px;
  height: auto;
}
.popUp .topDetails {
  margin: 10px 0 20px;
}
.popUp .topDetails .finalValue {
  float: left;
  width: 80px;
  margin-right: 10px;
}
.popUp h1,
.popUp h2 {
  font-family: "MuseoSans-500", sans-serif;
}
.popUp h3 {
  margin-bottom: 6px;
}
.popUp ul.bullet li {
  margin-left: 0;
}
.popUp .actions {
  padding-top: 10px;
  margin: 0 auto;
  margin-bottom: 0;
  text-align: center;
}
.popUp .actions p a {
  color: #0c3557;
  text-decoration: underline;
}
/* ----- sign-up (happy path) FORM STYLE ----- */
.breadcrumbMenu {
  background: url(../images/style1/background-texture.png) repeat;
  margin: 10px 0 40px;
}
.breadcrumbMenu ul {
  width: 960px;
  border-left: 2px solid #ffffff;
  margin: 0 auto;
  font-size: 14px;
}
.breadcrumbMenu ul li {
  display: inline;
  float: left;
  position: relative;
  color: #4d4d4d;
  padding: 8px 12px 7px 20px;
}
.breadcrumbMenu ul li .arrow {
  position: absolute;
  z-index: 10;
  right: -9px;
  top: 0;
  display: inline-block;
  width: 9px;
  height: 36px;
  background: url(../images/style1/breadcrumb-arrow.png) no-repeat 100% 0;
}
.breadcrumbMenu ul li a {
  color: #4d4d4d;
  padding: 8px 0 7px 0;
}
.breadcrumbMenu ul li:first-child,
.breadcrumbMenu ul li.first {
  padding-left: 13px;
}
.breadcrumbMenu ul li.completed {
  color: #8e8e8e;
}
.breadcrumbMenu ul li.current {
  background: url(../images/style1/bc-bg.jpg) repeat;
}
.breadcrumbMenu ul li.current .arrow {
  background: url(../images/style1/breadcrumb-arrow-2.png) no-repeat 100% 0;
}
/* forms */
.signUp {
  margin-bottom: 50px;
}
.signUp .formStyle,
.signUp .formStyle2 {
  padding: 50px 60px;
  width: 418px;
  border: 1px solid #c8c8c8;
  background: #f8f8f8;
  margin-top: 10px;
  float: left;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  behavior: url(/pie.htc);
}
.signUp .formStyle .testresult,
.signUp .formStyle2 .testresult {
  right: 110px;
  top: 33px;
}
.signUp .formStyle ul li,
.signUp .formStyle2 ul li {
  margin-bottom: 10px;
}
.signUp .formStyle ul li.yourName,
.signUp .formStyle2 ul li.yourName {
  margin-bottom: 0px;
}
.signUp .formStyle ul li.space,
.signUp .formStyle2 ul li.space {
  margin-bottom: 30px;
}
.signUp .formStyle ul li.time,
.signUp .formStyle2 ul li.time {
  float: left;
  margin-right: 10px;
}
.signUp .formStyle ul li.time .error,
.signUp .formStyle2 ul li.time .error {
  max-width: 100px;
}
.signUp .formStyle ul li.agreements,
.signUp .formStyle2 ul li.agreements {
  margin-bottom: 20px;
}
.signUp .formStyle ul li.agreements p,
.signUp .formStyle2 ul li.agreements p {
  font-size: 14px;
}
.signUp .formStyle ul li.agreements ol,
.signUp .formStyle2 ul li.agreements ol {
  list-style: decimal;
}
.signUp .formStyle ul li.agreements ol li,
.signUp .formStyle2 ul li.agreements ol li {
  font-size: 14px;
  margin-left: 20px;
}
.signUp .formStyle ul.documentList li,
.signUp .formStyle2 ul.documentList li {
  margin-bottom: 5px;
}
.signUp .formStyle ul li.agreements ol li ul,
.signUp .formStyle2 ul li.agreements ol li ul {
	margin: 4px 0 0 0;
}
.signUp .formStyle ul li.agreements ol li ul li,
.signUp .formStyle2 ul li.agreements ol li ul li {
	margin-bottom: 0;
}
.signUp .formStyle .indent,
.signUp .formStyle2 .indent {
  margin-left: 20px;
}
.signUp .formStyle .actions,
.signUp .formStyle2 .actions {
  padding-top: 15px;
}
.signUp .formStyle .actions .option,
.signUp .formStyle2 .actions .option {
  margin-top: 10px;
}
.signUp .formStyle .actions .small,
.signUp .formStyle2 .actions .small {
  padding-top: 10px;
}
.signUp .formStyle .actions .accept,
.signUp .formStyle2 .actions .accept {
  display: inline-block;
  padding-bottom: 10px;
}
.signUp .formStyle .actions .or,
.signUp .formStyle2 .actions .or {
  margin: 0 5px;
}
.signUp .formStyle h3,
.signUp .formStyle2 h3,
.signUp .formStyle h4,
.signUp .formStyle2 h4 {
  margin-bottom: 14px;
}
.signUp .formStyle h6,
.signUp .formStyle2 h6 {
  font-size: 18px;
  margin: 56px 0 6px 0;
}
.signUp .formStyle .large,
.signUp .formStyle2 .large {
  font-size: 16px;
}
.signUp .formStyle label,
.signUp .formStyle2 label {
  font-size: 14px;
  font-weight: normal;
  display: block;
}
.signUp .formStyle label.required span,
.signUp .formStyle2 label.required span {
  color: #a20810;
  padding-left: 3px;
  font-weight: bold;
}
.signUp .formStyle label span.info,
.signUp .formStyle2 label span.info {
  width: 280px;
  display: block;
  margin: 0 0 10px 20px;
  font-size: 12px;
  color: #888888;
}
.signUp .formStyle label span.last,
.signUp .formStyle2 label span.last {
  margin-bottom: 0;
}
.signUp .formStyle .select,
.signUp .formStyle2 .select {
  width: 180px;
}
.signUp .formStyle .select.short,
.signUp .formStyle2 .select.short {
  width: 100px;
}
.signUp .formStyle .select.wide,
.signUp .formStyle2 .select.wide {
  width: 312px;
}
.signUp .formStyle select,
.signUp .formStyle2 select {
  margin-bottom: 5px;
  font-size: 14px;
}
.signUp .formStyle .text,
.signUp .formStyle2 .text {
  padding: 7px 5px;
  width: 300px;
  margin-bottom: 5px;
}
.signUp .formStyle input.state,
.signUp .formStyle2 input.state,
.signUp .formStyle input.region,
.signUp .formStyle2 input.region {
  text-transform: none;
}
.signUp .formStyle input.state,
.signUp .formStyle2 input.state {
  width: 30px;
}
.signUp .formStyle input.dependants,
.signUp .formStyle2 input.dependants {
  width: 20px;
}
.signUp .formStyle input.zip,
.signUp .formStyle2 input.zip {
  width: 40px;
}
.signUp .formStyle .textarea,
.signUp .formStyle2 .textarea {
  width: 300px;
  height: 160px;
}
.signUp .formStyle .smalltextarea,
.signUp .formStyle2 .smalltextarea {
  width: 300px;
  height: 60px;
}
.signUp .formStyle input[type="radio"],
.signUp .formStyle2 input[type="radio"] {
  margin: -2px 5px 0 0;
}
.signUp .formStyle .radioGroup li,
.signUp .formStyle2 .radioGroup li {
  margin-bottom: 0;
}
.signUp .formStyle .radioGroup li label,
.signUp .formStyle2 .radioGroup li label {
  display: inline;
}
.signUp .formStyle .radioGroup li label.required,
.signUp .formStyle2 .radioGroup li label.required {
  display: block;
  margin-bottom: 10px;
}
.callout {
  width: 382px;
  height: 58px;
  display: inline-block;
  position: absolute;
  top: 26px;
  left: 136px;
  background: url(../images/style1/callout.png) no-repeat;
}
/* required asterisk */
.signUp .formStyle label.required span,
.signUp .formStyle2 label.required span {
  color: #a20810;
  padding-left: 3px;
  font-weight: bold;
}
.signUp ul li.h4 h4,
.signUp2 ul li.h4 h4 {
  margin-bottom: 0px;
}
.signUp ul li.h4 h4 span,
.signUp2 ul li.h4 h4 span {
  color: #a20810;
}
.signUp ul li.declarations,
.signUp2 ul li.declarations {
  margin-bottom: 20px;
}
/* for secondary questions that expand down */
.secondary {
  border-left: 5px solid #e2e2e2;
  padding-left: 20px;
}
.signUp .expand {
  margin: 20px 0;
}
.signUp .checklist {
  width: 100%;
  font-size: 14px;
  background: url(../images/style1/checklist-line.png) no-repeat 14px 60px;
}
.signUp .checklist tr.complete td.icon,
.signUp .checklist tr.pending td.icon,
.signUp .checklist tr.active td.icon,
.signUp .checklist tr.failed td.icon {
  width: 55px;
}
.signUp .checklist tr.complete .icon {
  background: url(../images/style1/complete.png) no-repeat 0% 50%;
}
.signUp .checklist tr.pending {
  color: #888888;
}
.signUp .checklist tr.pending .icon {
  background: url(../images/style1/pending.png) no-repeat 0% 50%;
}
.signUp .checklist tr.pending .small {
  width: 220px;
}
.signUp .checklist tr.active {
  color: #1a7fc3;
  background: none;
}
.signUp .checklist tr.active .icon {
  background: url(../images/style1/active.png) no-repeat 0% 50%;
}
.signUp .checklist tr.failed {
  color: #a20810;
}
.signUp .checklist tr.failed .icon {
  background: url(../images/style1/failed.png) no-repeat 0% 50%;
}
.signUp .checklist tr td {
  vertical-align: middle;
  padding: 8px 0;
}
.signUp .checklist tr td h4 {
  margin: 15px 0 0 0;
  padding: 0;
}
.signUp .checklist tr td.arrow {
  background: #f8f8f8 url(../images/style1/checklist-arrow.png) no-repeat 14px -55px;
}
.signUp .checklist tr td.dropDown {
  padding: 5px 50px 12px 0;
}
.signUp .checklist tr td.dropDown .success {
  font-size: 12px;
  color: #00753d;
}
.signUp .checklist tr td.verify .small {
  margin-bottom: 0;
}
.signUp .checklist tr td.verify .small a {
  color: #106aa7;
  text-decoration: none;
}
.signUp .checklist tr td.verify .small a:hover {
  color: #1a7fc3;
}
.signUp .checklist tr td .resend {
  padding: 0;
  margin-top: 0;
  width: 100%;
  border: none !important;
  box-shadow: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.signUp .checklist tr td .resend span {
  color: #222222;
  font-size: 14px;
}
.signUp .checklist tr td .resend input {
  width: 100%;
  margin-bottom: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.signUp .checklist tr td .resend .buttonSmall {
  float: right;
}
/* sub content (on right) */
.signUp .contactUs,
.signUp .extraInfo {
  padding: 0 0 20px 35px;
  width: 260px;
}
.signUp .active {
  position: relative;
  background: #e9f3f8;
  padding: 20px;
  margin: 0 0 20px 15px;
}
.signUp .active .actions {
  position: absolute;
  top: 22px;
  right: 20px;
}
.signUp .active .actions .buttonVerySmall {
  float: left;
}
.signUp .active .actions img {
  float: right;
  padding: 4px 0 0 5px;
}
.signUp .contactUs {
  background: url(../images/style1/contact-icons.png) no-repeat 0 6px;
}
.signUp .contactUs.phone h2 {
  margin: 0;
}
.signUp .contactUs.phone h4,
.signUp .contactUs.phone p {
  font-weight: normal;
}
.signUp .contactUs.phone p {
  font-size: 12px;
}
.signUp .contactUs.phone p.small {
  font-size: 10px;
}
.signUp .extraInfo p {
  font-size: 12px;
  line-height: 1.5em;
}
.setupBrokerage {
  background: #e9f3f8;
  border: 1px solid #c8c8c8;
  text-align: center;
  padding: 5px 10px 10px;
  margin: 15px 0;
}
.setupBrokerage .button {
  margin-bottom: 10px;
}
.setupBrokerage .external {
  border: 1px solid red;
}
.setupBrokerage .infoPopup {
  background: red !important;
}
.setupBrokerage p {
  color: #222222;
  font-size: 12px;
}
/* ----- settings ----- */
.settings {
  /* FORM STYLE */

}
.settings .riskScore .risk {
  padding: 0;
  min-height: 55px !important;
  border-right: 0;
}
.settings .riskRating {
  width: 100%;
  position: relative;
  height: 100%;
}
.settings .riskRating img {
  margin-left: 0px;
  padding-right: 12px;
}
.settings .riskRating .riskScore {
  top: 98px;
  left: 96px;
}
.settings .riskRating .buttonVerySmall {
  position: absolute;
  left: 130px;
  bottom: 2px;
}
.settings .formStyle {
  padding: 50px 60px;
  width: 338px;
  border: 1px solid #c8c8c8;
  background: #f8f8f8;
  margin-top: 10px;
  margin-bottom: 22px;
}
.settings .formStyle h4 {
  margin-bottom: 14px;
}
.settings .formStyle h6 {
  font-size: 18px;
  margin: 56px 0 6px 0;
}
.settings .formStyle label {
  font-size: 14px;
  font-weight: normal;
}
.settings .formStyle .select {
  width: 160px;
}
.settings .formStyle .buttonVerySmall {
  margin-top: 6px;
}
.settings .formStyle .text {
  padding: 5px;
  width: 300px;
}
.settings .formStyle .textarea {
  width: 300px;
  height: 160px;
}
.settings .formStyle ul li {
  font-size: 14px;
  margin-bottom: 10px;
}
.settings .formStyle ul li.label {
  margin-bottom: 0px;
}
.settingsLeft {
  width: 480px;
  margin-bottom: 80px;
  float: left;
}
.settingsRight {
  float: right;
}
/* ie7 fixes */
* + html .settings .riskRating .buttonVerySmall {
  width: 70px;
  bottom: 6px;
}
* + html .settings .riskRating .riskScore {
  top: 110px;
}
/* ----- get started steps -----
span.getStartedHeader{
  color:@black;
}

.getStarted{
  position: relative;
  p.subText{
    margin-top: 20px;
  }
  .helper{
    position: absolute;
    top: -88px;
    right: -52px;
    width: 177px;
    height: 120px;
    background: url(../images/style1/3-easy-steps.png) no-repeat;
    z-index: 10;
  }
  .active{
    background: @lightblue;
  }
  .inactive{
    background: @boxgrey;
  }
  .complete{
    .tick{
      position: absolute;
      top: 50%;
      right: 15px;
      height: 25px;
      width: 25px;
      margin-top: -10px;
      background: url(../images/style1/step-complete.png) no-repeat;
    }
  }
  .step{ 
    position: relative;
    margin-top: 10px;
    border: 1px solid @lightgrey;
    width: 439px;
    height: 88px;
    display: table;
    .shadow (0 1px 2px rgba(200,200,200,1));
    .number-1, .number-2, .number-3{
      border-right: 1px solid @lightgrey;
      width: 78px;
      height: 88px;
    }
    .number-1{
      background: url(../images/style1/step-1.png) 50% 8px no-repeat;
    }
    .number-2{
      background: url(../images/style1/step-2.png) 50% 8px no-repeat;
    }
    .number-3{
      background: url(../images/style1/step-3.png) 50% 8px no-repeat;
    }
    .stepContent, .stepContentWide{
      display: table;
      position: absolute;
      width: 359px;
      top: 0;
      left: 79px;
      height: 88px;
      border-left: 1px solid @white;
    }
    .button{
      position: absolute;
      top: 24px;
      right: 15px;
    }
    p, a.stepText{
      font-size: 14px;
      font-weight: bold;
      padding-left: 12px;
      display: table-cell;
      vertical-align: middle;
    }
    p{
      font-style: italic;
      font-weight: normal;
      width: 360px;
      .grey{
        display: block;
      }
    }
    a.stepText{
      width: 280px;
    }
    /* for order processed boxes
    &.processed{
      width: 420px;
      height: 48px;
      padding: 20px;
    }
    .stepContentWide{
      width: 460px;
      left: 0;
      border-left: 0;
      a.stepText{
        margin-left: 20px;
      }
    }
  }
}*/
/* ----- get started steps ----- */
span.getStartedHeader {
  color: #222222;
}
.getStarted {
  position: relative;
}
.getStarted .helper-3,
.getStarted .helper-4 {
  position: absolute;
  top: -95px;
  right: -52px;
  width: 177px;
  height: 120px;
  background: url(../images/style1/3-easy-steps.png) no-repeat;
  z-index: 10;
}
.getStarted .helper-4 {
  background: url(../images/style1/4-easy-steps.png) no-repeat;
}
.getStarted .active {
  background: #e9f3f8;
}
.getStarted .inactive {
  background: #ffffff;
}
.getStarted .inactiveAlt {
  padding-left: 12px;
  padding-top: 26px;
  padding-bottom: 26px;
}
.getStarted .complete .tick {
  position: absolute;
  top: 50%;
  right: 15px;
  height: 25px;
  width: 25px;
  margin-top: -10px;
  background: url(../images/style1/step-complete.png) no-repeat;
}
.getStarted .step {
  box-sizing: border-box;
  display: table;
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #c8c8c8;
  width: 100%;
  -webkit-box-shadow: 0 1px 2px #c8c8c8;
  -moz-box-shadow: 0 1px 2px #c8c8c8;
  -o-box-shadow: 0 1px 2px #c8c8c8;
  box-shadow: 0 1px 2px #c8c8c8;
  behavior: url(/pie.htc);
  /* for order processed boxes */

}
.getStarted .step .number-1,
.getStarted .step .number-2,
.getStarted .step .number-3 {
  display: table-cell;
  border-right: 1px solid #c8c8c8;
  width: 78px;
  height: 88px;
}
.getStarted .step .number-1 {
  background: url(../images/style1/step-1.png) 50% 8px no-repeat;
}
.getStarted .step .number-2 {
  background: url(../images/style1/step-2.png) 50% 8px no-repeat;
}
.getStarted .step .number-3 {
  background: url(../images/style1/step-3.png) 50% 8px no-repeat;
}
.getStarted .step .stepContent,
.getStarted .step .stepContentWide {
  display: table-cell;
  vertical-align: middle;
}
.getStarted .step .button {
  position: absolute;
  right: 12px;
}
.getStarted .step p,
.getStarted .step a.stepText {
  font-size: 14px;
  font-weight: bold;
  padding-left: 12px;
  margin-bottom: 0;
  max-width: 280px;
}
.getStarted .step p {
  font-style: italic;
  font-weight: normal;
}
.getStarted .step p .grey {
  display: block;
}
.getStarted .step a.stepText {
  display: inline-block;
}
.getStarted .step.processed {
  width: 420px;
  height: 48px;
  padding: 20px;
}
.getStarted .step .stepContentWide {
  width: 460px;
  left: 0;
  border-left: 0;
}
.getStarted .step .stepContentWide a.stepText {
  margin-left: 20px;
}
/* ----- deposit/withdraw ----- */
.depositWithdraw {
  margin-top: 50px;
  margin-bottom: 50px;
}
.depositWithdraw h1 {
  margin-bottom: 20px;
}
.depositWithdraw h2 {
  width: 470px;
}
.depositWithdraw .deposit,
.depositWithdraw .withdraw {
  margin-top: 30px;
  width: 470px;
  float: left;
}
.depositWithdraw .deposit {
  margin-right: 80px;
}
.depositWithdraw .deposit h3 {
  margin-bottom: 8px;
  padding-left: 28px;
  background: url(../images/style1/deposit-plus.png) no-repeat 0% 50%;
}
.depositWithdraw .withdraw {
  width: 400px;
}
.depositWithdraw .withdraw h3 {
  margin-bottom: 8px;
  padding-left: 28px;
  background: url(../images/style1/withdraw-minus.png) no-repeat 0% 50%;
}
/* ----- timeline ----- */
.titleText {
  margin-top: 50px;
}
.titleText h1,
.titleText .subText {
  overflow: hidden;
  margin-bottom: 5px;
}
.titleText h1 {
  float: left;
}
.titleText .subText {
  color: #888888;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  text-align: right;
  margin-top: 20px;
  float: right;
}
.timeLine.selectBar {
  padding: 0;
  margin-bottom: 0;
  height: 0;
}
.timeLine.sidebar {
  padding-top: 0px;
  background: #f8f8f8;
}
.timeLine.sidebar .number,
.timeLine.sidebar .modelName {
  color: #888888;
}
.timeLine.sidebar .buttonVerySmall {
  margin: 16px 0 0 10px;
}
.timeLine.sidebar .modelName {
  font-style: italic;
  display: block;
  margin-top: -4px;
}
.timeLine.sidebar h2 {
  padding: 22px 0 8px 0;
  border-bottom: 1px solid #dfdfdf;
}
.timeLine.sidebar p {
  font-size: 15px;
  line-height: 24px;
  padding-top: 10px;
  text-align: right;
  float: left;
}
.timeLine.sidebar p a.dateCalendar {
  padding-right: 20px;
  margin-right: 0px;
  display: inline;
  background: url(../images/style1/date-calendar.png) no-repeat right 0;
}
.timeLine .latestActivity {
  width: 100%;
  margin: 0 0 10px 0;
  float: right;
}
.timeLine .latestActivity ul {
  margin-top: 0px;
  width: 100%;
  font-size: 14px;
}
.timeLine .latestActivity ul .subText {
  font-size: 10px;
  display: inline;
  position: static;
  margin-top: 0px;
}
.timeLine .latestActivity ul .subText a {
  font-weight: normal;
  font-style: normal;
  padding-left: 12px;
  font-size: 14px;
  margin: 0 4px 0 2px;
  background: url('../images/style1/grey-arrow.png') no-repeat 0px 2px;
}
.timeLine .latestActivity ul .activity {
  width: 265px;
  margin: 0 10px 0 0;
  display: block;
  float: left;
  line-height: 1.3em;
}
.timeLine .latestActivity ul .managerModel {
  width: 255px;
  margin-right: 10px;
  padding: 0;
  text-align: left;
  display: block;
  float: left;
}
.timeLine .latestActivity ul .date {
  width: 130px;
  display: block;
  float: left;
  text-align: left;
  margin-right: 0;
}
.timeLine .latestActivity ul .date.small {
  display: inline-block;
  font-style: italic;
  margin-top: 3px;
}
.timeLine .latestActivity ul .date.indent {
  width: auto;
  margin-left: 35px;
}
.timeLine .latestActivity ul .smallText {
  color: #888888;
}
.timeLine .latestActivity ul .name a {
  color: #0c3557;
  background: none;
  padding: 0 4px 0 0;
  margin: 0;
}
.timeLine .latestActivity ul .name a:hover {
  color: #106aa7;
}
.timeLine .latestActivity ul p.articleText {
  font-size: 12px;
  color: #888888;
  width: 512px;
  margin-top: 4px;
}
.timeLine .latestActivity ul li {
  margin-top: 10px;
  border-bottom: 1px solid #c8c8c8;
  padding: 0 0 10px 35px;
  position: relative;
  overflow: hidden;
}
.timeLine .latestActivity ul li.titles {
  font-size: 12px;
  border: 1px solid #c9c9c9;
  font-weight: bold;
  padding: 3px 0 3px 0;
  margin: 0 0 10px;
}
.timeLine .latestActivity ul li.titles .activity {
  width: 265px;
  margin-left: 34px;
  line-height: 1.5;
}
.timeLine .latestActivity ul li.titles .date {
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  color: #222222;
}
.timeLine .latestActivity ul li.titles .arrow {
  padding-right: 13px;
  margin-right: 2px;
  background: url('../images/style1/grey-arrow.png') no-repeat 100% 2px;
}
.timeLine .latestActivity ul li.standOut {
  border: 1px solid #c8c8c8;
  background: #f3f8fa;
  margin-top: -1px;
  padding: 6px 0 6px 30px;
  -webkit-box-shadow: 0 1px 2px #c8c8c8;
  -moz-box-shadow: 0 1px 2px #c8c8c8;
  -o-box-shadow: 0 1px 2px #c8c8c8;
  box-shadow: 0 1px 2px #c8c8c8;
  behavior: url(/pie.htc);
}
.timeLine .latestActivity ul li.standOut img.avatar {
  display: none;
}
.timeLine .latestActivity ul li.standOut:nth-child(2) {
  border-top: 1px solid #c8c8c8;
}
.timeLine .latestActivity ul li.standOut .activity {
  margin-left: 4px;
}
.timeLine .latestActivity ul li.standOut .date {
  margin-right: 0px;
}
.timeLine .latestActivity ul li img.conversation {
  position: absolute;
  right: 0;
  top: 5px;
}
.timeLine .latestActivity ul li img.avatar {
  position: absolute;
  top: 3px;
  left: 0;
  width: 25px;
  margin-right: 10px;
  float: left;
}
/* ie7 fixes */
* + html .timeLine.selectBar {
  margin-top: 0px;
}
* + html .timeLine .subText {
  top: 18px;
}
/* ----- mini dashboard bar ----- */
#miniBar {
  padding: 10px 0;
  height: 64px;
  background: #f8f8f8;
  border-top: 1px solid #c8c8c8;
  /* your money */

}
#miniBar .yourMoney,
#miniBar .subscriptions,
#miniBar .performance,
#miniBar .riskRating {
  float: left;
  margin: 0;
  padding: 0;
}
#miniBar .riskMeter {
  margin-top: 8px;
}
#miniBar .yourMoney {
  position: relative;
  margin-right: 20px;
}
#miniBar .yourMoney .moneyTotal {
  margin-right: 40px;
}
#miniBar .yourMoney .moneyTotal,
#miniBar .yourMoney .moneyStatus {
  float: left;
  position: relative;
}
#miniBar .yourMoney .totalAmount {
  font-weight: bold;
  display: block;
  font-size: 18px;
}
#miniBar .yourMoney .positive {
  padding-left: 16px;
  background: url('../images/style1/green-arrow-small.png') no-repeat 0 4px;
}
#miniBar .yourMoney .negative {
  padding-left: 14px;
  background: url('../images/style1/red-arrow-small.png') no-repeat 0 2px;
}
#miniBar .yourMoney .italic {
  margin-left: 2px;
  font-style: italic;
}
#miniBar .yourMoney .statusBar {
  float: left;
  position: relative;
  border: 1px solid #c8c8c8;
  margin: 10px 0 0;
  width: 228px;
  padding: 3px;
}
#miniBar .yourMoney .statusBar .invested,
#miniBar .yourMoney .statusBar .pending,
#miniBar .yourMoney .statusBar .available {
  height: 10px;
  float: left;
  margin-right: 3px;
}
#miniBar .yourMoney .statusBar .invested {
  background: #00753d;
  width: 130px;
}
#miniBar .yourMoney .statusBar .pending {
  background: #a6bc3c;
  width: 22px;
}
#miniBar .yourMoney .statusBar .available {
  background: #888888;
  width: 70px;
  margin-right: 0;
}
#miniBar .yourMoney .amounts {
  width: 236px;
}
#miniBar .yourMoney .investedAmount,
#miniBar .yourMoney .pendingAmount,
#miniBar .yourMoney .availableAmount {
  font-size: 12px;
  font-family: "MuseoSans-500", sans-serif;
  position: static;
  margin-top: 2px;
}
#miniBar .yourMoney .investedAmount span,
#miniBar .yourMoney .pendingAmount span,
#miniBar .yourMoney .availableAmount span {
  color: #222222;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  display: block;
  line-height: 10px;
}
#miniBar .yourMoney .investedAmount {
  color: #00753d;
  float: left;
}
#miniBar .yourMoney .pendingAmount {
  color: #a6bc3c;
  float: left;
  margin-left: 40px;
}
#miniBar .yourMoney .pendingAmount span {
  margin-top: -4px;
}
#miniBar .yourMoney .pendingAmount a.info {
  top: 3px;
}
#miniBar .yourMoney .availableAmount {
  color: #888888;
  float: right;
}
#miniBar {
  /* subscriptions */

  /* performance */

  /*.performance{   
    padding: 0 14px 0;
    margin: 0;
    width: 188px;
    border-left: 1px solid @lightgrey;
    border-right: 1px solid @lightgrey;
    ul{
      border: 0;
      padding: 0;
      margin: 0;
      margin-top: 8px;
      li{
        margin: 0;
        line-height: 15px;
        float: left;
        padding: 0;
        width: 60px;
        .performanceRate{
          font-size: 15px;
        }
        .small{
          .body-font;
        }
      }
    }
  }*/

}
#miniBar .subscriptions {
  width: 220px;
  height: 44px;
  position: relative;
  margin: 8px 10px 0 0;
}
#miniBar .subscriptions ul li {
  font-size: 10px;
  height: 14px;
  padding-left: 6px;
  overflow: hidden;
  font-family: Helvetica, Arial, sans-serif;
}
#miniBar .subscriptions ul li a.name,
#miniBar .subscriptions ul li a.model {
  font-weight: bold;
  margin-right: 5px;
}
#miniBar .subscriptions ul li a.name {
  color: #0c3557;
  padding-right: 11px;
  background: url('../images/style1/grey-arrow.png') no-repeat 100% 50%;
}
#miniBar .subscriptions ul li a.more {
  font-style: italic;
}
#miniBar .subscriptions ul li .percentage {
  font-style: italic;
}
#miniBar .subscriptions .greyBox {
  color: #0c3557;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: -20px;
  font-size: 10px;
}
#miniBar .subscriptions .greyBox a,
#miniBar .subscriptions .greyBox a:active {
  color: #0c3557;
  background: #efeeee;
  border: 1px solid #c8c8c8;
  border-bottom: 0;
  padding: 5px 8px 4px;
}
#miniBar .subscriptions .greyBox a:hover {
  background: #ffffff;
}
/* risk rating */
.riskRating {
  float: left;
  width: 220px;
}
.riskMeter {
  width: 100%;
  height: 18px;
}
.riskMeter .riskNumber {
  float: left;
  margin-left: 6px;
  font-size: 20px;
  line-height: 18px;
  font-weight: normal;
  padding-left: 0;
  white-space: nowrap;
}
/* ie7 and ie8 fixes */
* + html #miniBar .subscriptions .greyBox {
  position: absolute;
  bottom: -21px;
}
.ie8 #miniBar .subscriptions .greyBox {
  bottom: -17px;
}
/* end */
ul.withdraw {
  list-style: disc;
  margin-bottom: 10px;
}
ul.withdraw li {
  margin-bottom: 5px;
}
/* ----- datepicker ----- */
#ui-datepicker-div {
  display: none;
  padding: 1.5em;
  font-family: Helvetica, Arial, sans-serif;
}
#ui-datepicker-div .ui-datepicker-header {
  border: none;
  background: #ffffff;
  color: #222222;
}
#ui-datepicker-div .ui-datepicker-header .ui-icon {
  background-image: url(../images/ui-icons_106aa7_256x240.png);
}
#ui-datepicker-div .ui-datepicker-title {
  color: #222222;
  font-weight: normal;
  font-size: 14px;
}
#ui-datepicker-div .ui-state-default {
  border: 1px solid #c5dbec;
  background: #e9f3f8;
  color: #106aa7;
}
#ui-datepicker-div .ui-state-hover {
  border: 1px solid #106aa7;
  background: #D0E5F5;
  color: #106aa7;
}
#ui-datepicker-div .ui-state-highlight {
  border: 1px solid #ffc75c;
  background: #FFF9EE;
  color: #222222;
}
/* ----- sidebar ----- */
.sidebar {
  width: 198px;
  float: left;
  position: relative;
  background: url(../images/style1/background-texture.jpg) repeat;
  border: 1px solid #c8c8c8;
  border-top: none;
  padding: 100px 10px 15px 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 1px 2px #c8c8c8;
  -moz-box-shadow: 0 1px 2px #c8c8c8;
  -o-box-shadow: 0 1px 2px #c8c8c8;
  box-shadow: 0 1px 2px #c8c8c8;
  behavior: url(/pie.htc);
  /* cta contact box */

}
.sidebar h3 {
  float: left;
  display: block;
  width: 100%;
}
.sidebar .search-header {
  border-top: 1px solid #dfdfdf;
  margin-top: 12px;
  display: block;
  width: 100%;
  line-height: 44px;
  height: 35px;
}
.sidebar .search-header h3 {
  margin: 0 5px 0 0;
  float: left;
  width: auto;
  border: 0;
}
.sidebar .search-link {
  clear: both;
  display: block;
  width: 100%;
  color: #888888;
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  z-index: 6;
  margin-bottom: 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  behavior: url(/pie.htc);
}
.sidebar .search-link a,
.sidebar .search-link p {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  padding: 0 0 0 1.9em;
  z-index: 5;
  margin: 0;
  line-height: 1.5em;
}
.sidebar .search-link input {
  z-index: 2;
  position: absolute;
  top: -1px;
  left: 0;
}
.sidebar .contact-us-cta {
  position: absolute;
  top: 0;
  left: -6px;
  padding: 10px 10px 10px 16px;
  background: #c7e8c9;
  border: 1px solid #93d097;
  color: #00753d;
  width: 202px;
}
.sidebar .contact-us-cta .call-us {
  display: inline-block;
  padding-bottom: 8px;
}
.sidebar .contact-us-cta h2 {
  line-height: 1;
}
.sidebar .contact-us-cta .small {
  font-style: italic;
  color: #00753d;
}
.sidebar .contact-us-cta .corner-1,
.sidebar .contact-us-cta .corner-2 {
  width: 5px;
  height: 6px;
  position: absolute;
  display: block;
}
.sidebar .contact-us-cta .corner-1 {
  right: -1px;
  bottom: -6px;
  background: url(../images/style1/blue-corner-1.png) no-repeat;
}
.sidebar .contact-us-cta .corner-2 {
  left: -1px;
  bottom: -6px;
  background: url(../images/style1/blue-corner-2.png) no-repeat;
}
.sidebar input.checkbox,
.sidebar input.radiobutton {
  float: left;
  margin-right: 5px;
}
.sidebar label {
  width: 170px;
  display: block;
  float: left;
  line-height: 20px;
}
.sidebar label.disabled {
  color: #888888;
}
.sidebar h3 {
  border-top: 1px solid #dfdfdf;
  padding: 10px 0;
  clear: both;
  margin-top: 12px;
}
.sidebar a.reset {
  font-size: 11px;
  float: right;
  color: #888888;
  margin-top: 2px;
  background-color: transparent;
  font-family: Helvetica, Arial, sans-serif;
}
.sidebar a.reset:hover {
  color: #888888;
}
.sidebar h2 a.reset {
  margin-top: 5px;
}
.sidebar span.resultCount {
  float: right;
  color: #888888;
}
.searchGroup {
  margin-bottom: 20px;
}
.searchGroup div {
  overflow: hidden;
}
/* ie7 fixes */
* + html .sidebar h2 a.reset {
  margin-top: -25px;
}
* + html .sidebar h3 a.reset {
  margin-top: -28px;
}
.termID {
  color: #888888;
}
.termID_available {
  color: #222222;
}
/* sliders */
#SliderWrapper {
  background: url(../images/style1/risk-selector-2.png) no-repeat 0 0;
  padding: 0 20px 5px 20px;
  height: 30px;
  width: 142px;
  float: left;
}
#SliderWrapper #slider {
  width: 137px !important;
  position: relative;
  top: 2px;
}
#SliderWrapper #slider .ui-slider-horizontal .ui-slider-range {
  top: -3px;
}
#SliderWrapper ol {
  list-style: none !important;
  margin-top: -10px;
  overflow: hidden;
  width: 200px;
  margin-left: -20px;
  margin-right: -20px;
  color: #888888;
}
#SliderWrapper ol li {
  float: left;
  margin-top: 15px;
  padding: 0px 14px;
}
/* for testing only */
a.ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  background-color: #e6e6e6;
}
/* end testing */
#riskFilter ol {
  overflow: hidden;
  margin: 15px -20px 0;
}
#riskFilter ol li {
  float: left;
  width: 39px;
  text-align: center;
  font-weight: bold;
}
#sharpeFilter ol {
  overflow: hidden;
  margin: 15px 0 0;
}
#sharpeFilter ol li {
  float: left;
}
#sharpeFilter ol li.right {
  float: right;
  padding-right: 10px;
}
.sidebar #slider.ui-slider,
#sliderSharpe.ui-slider {
  width: 200px !important;
  position: relative;
  display: block;
  height: 17px;
  background: none;
  border: none !important;
}
.sidebar #slider.ui-slider {
  background: none;
}
.sidebar .ui-widget-header {
  background: transparent url(../images/style1/risk-selector-over.png) no-repeat 0 0;
}
#sliderSharpe.ui-slider {
  width: 200px;
  height: 10px;
  background: url(../images/style1/other-selector.png) no-repeat 0 0;
}
#sliderRisk.ui-slider .ui-slider-handle,
#sliderSharpe.ui-slider .ui-slider-handle {
  background: url(../images/style1/indicator.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 5px;
  border: none;
  margin-left: -10px;
}
#sliderRisk.ui-slider .ui-widget-header {
  background: url(../images/style1/risk-selector-over.png) no-repeat 0 0;
}
.sidebar .ui-widget-content.ui-corner-all,
#slider,
ui-slider.ui-slider-horizontal.ui-widget ui-widget-content.ui-corner-all {
  width: 195px !important;
}
#sharpeFilter #sharpe_value {
  top: 30px;
}
.ui-slider-range.ui-widget-header {
  background-color: none;
  border: none;
  background: url(../images/style1/risk-selector-over.png) no-repeat 0 0;
}
#sharpeFilter.ui-slider .ui-widget-header {
  background-color: none;
  border: none;
}
/* ----- vertical nav styles ----- */
.verticalSubNav h3 {
  border: none;
  padding-top: 40px;
  color: #909093;
}
.verticalSubNav ul {
  padding-bottom: 20px;
}
.verticalSubNav ul li a {
  color: #0c3557;
  font-size: 14px;
  display: block;
  margin: 0 -10px;
  padding: 3px 10px;
}
.verticalSubNav ul li a.selected,
.verticalSubNav ul li a:hover {
  text-decoration: none;
  cursor: pointer;
  background: #f8f8f8 url(../images/style1/arrow-next.png) no-repeat 95% 6px;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 2px 10px;
}
#resultsBox,
.resultsBox {
  position: relative;
}
#resultsBox .searchResult:first-child,
.resultsBox .searchResult:first-child {
  border-top: 1px solid #c8c8c8;
}
#resultsBox.top-less .searchResult:first-child,
.resultsBox.top-less .searchResult:first-child {
  border-top: 0;
}
#resultsBox.bottom-less .searchResult:last-child,
.resultsBox.bottom-less .searchResult:last-child {
  border-bottom: 0;
}
.searchResultsHeader {
  position: relative;
  top: 30px;
  left: 0;
  width: 300px !important;
}
.searchResultsHeader.wide {
  width: auto !important;
}
.fade {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fade {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0c3557;
  z-index: 1001;
  -moz-opacity: 0.7;
  opacity: .70;
  filter: alpha(opacity=70);
}
.sidebar .fade {
  display: none;
  padding: 22px;
  left: -23px;
  z-index: 10000;
}
/* ----- sortingTabs ----- */
.sortingTabs {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #c8c8c8;
}
.sortingTabs ul {
  height: 10px;
}
.sortingTabs ul li {
  display: inline;
  float: right;
  margin-bottom: -1px;
}
.sortingTabs ul li a {
  display: inline-block;
  background: #f8f8f8;
  border: 1px solid #c8c8c8;
  border-bottom: 1px solid #e4e4e4;
  border-left: 0;
  position: relative;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  behavior: url(/pie.htc);
  padding: 3px 10px;
  font-size: 15px;
}
.sortingTabs ul li a .sortArrow {
  display: none;
  z-index: 2;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -7px;
  width: 14px;
  height: 10px;
  background: url(../images/style1/sort-arrow.png) no-repeat;
}
.sortingTabs ul li a:hover,
.sortingTabs ul li a.current {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #e4e4e4, #ffffff);
  background: -moz-linear-gradient(center bottom, #e4e4e4 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #e4e4e4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4', GradientType=0);
  background: #f8f8f8;
  background-image: -moz-linear-gradient(top, #f8f8f8, #e4e4e4);
  background-image: -ms-linear-gradient(top, #f8f8f8, #e4e4e4);
  background-image: -o-linear-gradient(top, #f8f8f8, #e4e4e4);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #e4e4e4);
  background-image: linear-gradient(top, #f8f8f8, #e4e4e4);
  behavior: url(/pie.htc);
  background-color: #e4e4e4;
}
.sortingTabs ul li a.current .sortArrow {
  display: inline-block;
}
.sortingTabs ul li a .sort {
  display: inline-block;
  width: 10px;
  height: 12px;
  margin-bottom: -1px;
  background: url(../images/style1/sort.png) 100% 0 no-repeat;
}
.sortingTabs ul li a .lineFade {
  display: inline-block;
  position: absolute;
  right: -1px;
  bottom: -8px;
  width: 1px;
  height: 10px;
  background: url(../images/style1/line-fade.png);
}
.sortingTabs ul li.riskScoreTab a {
  width: 103px;
}
.sortingTabs ul li.performanceTab a {
  width: 204px;
  background: #ffffff;
}
.sortingTabs ul li.performanceTab a:hover,
.sortingTabs ul li.performanceTab a.current {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #e4e4e4, #ffffff);
  background: -moz-linear-gradient(center bottom, #e4e4e4 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #e4e4e4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4', GradientType=0);
  background: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4);
  background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4);
  background-image: -o-linear-gradient(top, #ffffff, #e4e4e4);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4);
  background-image: linear-gradient(top, #ffffff, #e4e4e4);
  behavior: url(/pie.htc);
  background-color: #e4e4e4;
}
.sortingTabs ul li.riskTab a {
  width: 97px;
  border-left: 1px solid #c8c8c8;
}
.sortingTabs {
  position: relative;
}
.sortingTabs .changeMetrics {
  position: relative;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  behavior: url(/pie.htc);
  position: absolute;
  bottom: -1px;
  left: 0;
  padding: 3px 33px 3px 8px;
  border: 1px solid #c8c8c8;
  color: #1a7fc3;
  font-size: 10px;
  background: #f8f8f8 url(../images/style1/metric-arrow.png) no-repeat 100% 0px;
}
.sortingTabs .changeMetrics:hover {
  background: #ffffff url(../images/style1/metric-arrow.png) no-repeat 100% 0px;
}
.changeMetricsOverlay {
  position: absolute;
  top: 144px;
  left: 0;
  background: #f8f8f8;
  border: 1px solid #c8c8c8;
  z-index: 1000;
  width: 360px;
  padding: 30px;
  -webkit-box-shadow: 0 1px 3px #c8c8c8;
  -moz-box-shadow: 0 1px 3px #c8c8c8;
  -o-box-shadow: 0 1px 3px #c8c8c8;
  box-shadow: 0 1px 3px #c8c8c8;
  behavior: url(/pie.htc);
}
.changeMetricsOverlay .close {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 5px;
  background: url(../images/style1/close-grey.png) no-repeat 50% 50%;
  width: 22px;
  height: 22px;
}
.changeMetricsOverlay h4 {
  margin-bottom: 15px;
}
.changeMetricsOverlay .riskOptions,
.changeMetricsOverlay .performanceOptions {
  width: 160px;
}
.changeMetricsOverlay .riskOptions h6,
.changeMetricsOverlay .performanceOptions h6 {
  margin-bottom: 5px;
}
.changeMetricsOverlay .riskOptions ul li,
.changeMetricsOverlay .performanceOptions ul li {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.changeMetricsOverlay .riskOptions .radioLabel,
.changeMetricsOverlay .performanceOptions .radioLabel {
  font-size: 12px;
}
.changeMetricsOverlay .riskOptions {
  float: left;
}
.changeMetricsOverlay .performanceOptions {
  float: left;
}
.changeMetricsOverlay .timeFrame {
  clear: both;
  padding-top: 20px;
}
.changeMetricsOverlay .timeFrame .select,
.changeMetricsOverlay .timeFrame h6 {
  float: left;
}
.changeMetricsOverlay .timeFrame h6 {
  padding-right: 10px;
}
.changeMetricsOverlay .timeFrame .select {
  width: 140px;
}
/* ----- GUIDED SEARCH ----- */
.guidedSearch {
  position: absolute;
  top: 0;
  left: 0;
  width: 718px;
  /* guided search overlays */

}
.guidedSearch .helpMe,
.guidedSearch .guidedSearchOverlay {
  background: #c7e8c9;
  background-image: -moz-linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  background-image: -ms-linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  background-image: -o-linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#c7e8c9 5%), color-stop(#a8e5ab 100%));
  background-image: -webkit-linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  background-image: linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  -pie-background: linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  -webkit-box-shadow: 0 1px 3px #c8c8c8;
  -moz-box-shadow: 0 1px 3px #c8c8c8;
  -o-box-shadow: 0 1px 3px #c8c8c8;
  box-shadow: 0 1px 3px #c8c8c8;
  behavior: url(/pie.htc);
}
.guidedSearch .helpMe {
  z-index: 102;
  font-family: "MuseoSans-500", sans-serif;
  font-size: 15px;
  border: 5px solid #d2ecd3;
  border-top: none;
  color: #00753d;
  padding: 5px 15px;
  position: relative;
  -webkit-border-radius: 0px 0px 25px 25px;
  -moz-border-radius: 0px 0px 25px 25px;
  -o-border-radius: 0px 0px 25px 25px;
  border-radius: 0px 0px 25px 25px;
  -webkit-box-shadow: inset 0 0 1px #104312;
  -moz-box-shadow: inset 0 0 1px #104312;
  -o-box-shadow: inset 0 0 1px #104312;
  box-shadow: inset 0 0 1px #104312;
  behavior: url(/pie.htc);
  position: absolute;
  top: 0;
  right: 0;
}
.guidedSearch .helpMe span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  background: url(../images/style1/green-arrow.png) no-repeat;
}
.guidedSearch .helpMe:hover {
  background: #a8e5ab;
}
.guidedSearch .guidedSearchOverlay {
  width: 100%;
  border: 1px solid #75c677;
  position: relative;
  z-index: 104;
  /* instructions - on left */

  /* questions - on right */

  /* actions */

}
.guidedSearch .guidedSearchOverlay .instructions {
  float: left;
  padding: 20px;
  width: 200px;
  min-height: 500px;
  background: url(../images/style1/green-line-1.png) no-repeat 100% 0px;
}
.guidedSearch .guidedSearchOverlay .instructions h2 {
  font-size: 21px;
  margin-bottom: 10px;
}
.guidedSearch .guidedSearchOverlay .instructions h6 {
  line-height: 1.5em;
}
.guidedSearch .guidedSearchOverlay .questions {
  float: right;
  width: 478px;
  position: relative;
}
.guidedSearch .guidedSearchOverlay .questions .close {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 5px;
  background: url(../images/style1/close.png) no-repeat 50% 50%;
  width: 22px;
  height: 22px;
}
.guidedSearch .guidedSearchOverlay .questions form ul li {
  margin-bottom: 0;
}
.guidedSearch .guidedSearchOverlay .questions form ul li.one,
.guidedSearch .guidedSearchOverlay .questions form ul li.two,
.guidedSearch .guidedSearchOverlay .questions form ul li.three,
.guidedSearch .guidedSearchOverlay .questions form ul li.four {
  background: url(../images/style1/green-line-2.png) 0 100% no-repeat;
}
.guidedSearch .guidedSearchOverlay .questions form ul li.one,
.guidedSearch .guidedSearchOverlay .questions form ul li.two,
.guidedSearch .guidedSearchOverlay .questions form ul li.three,
.guidedSearch .guidedSearchOverlay .questions form ul li.four,
.guidedSearch .guidedSearchOverlay .questions form ul li.five {
  position: relative;
  padding: 20px 20px 20px 72px;
}
.guidedSearch .guidedSearchOverlay .questions form ul li.one .number,
.guidedSearch .guidedSearchOverlay .questions form ul li.two .number,
.guidedSearch .guidedSearchOverlay .questions form ul li.three .number,
.guidedSearch .guidedSearchOverlay .questions form ul li.four .number,
.guidedSearch .guidedSearchOverlay .questions form ul li.five .number {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 32px;
  height: 38px;
  display: inline-block;
}
.guidedSearch .guidedSearchOverlay .questions form ul li.five {
  background: ;
}
.guidedSearch .guidedSearchOverlay .questions form ul li.one .number {
  background: url(../images/style1/gs-1.png) no-repeat 50% 50%;
}
.guidedSearch .guidedSearchOverlay .questions form ul li.two .number {
  background: url(../images/style1/gs-2.png) no-repeat 50% 50%;
}
.guidedSearch .guidedSearchOverlay .questions form ul li.three .number {
  background: url(../images/style1/gs-3.png) no-repeat 50% 50%;
}
.guidedSearch .guidedSearchOverlay .questions form ul li.four .number {
  background: url(../images/style1/gs-4.png) no-repeat 50% 50%;
}
.guidedSearch .guidedSearchOverlay .questions form ul li.five .number {
  background: url(../images/style1/gs-5.png) no-repeat 50% 50%;
}
.guidedSearch .guidedSearchOverlay .questions form ul li label {
  font-weight: bold;
  display: block;
  font-size: 12px;
  margin-bottom: 6px;
}
.guidedSearch .guidedSearchOverlay .questions form ul li select,
.guidedSearch .guidedSearchOverlay .questions form ul li .select {
  min-width: 240px;
}
.guidedSearch .guidedSearchOverlay .questions form ul li .radioGroup {
  color: red;
}
.guidedSearch .guidedSearchOverlay .questions form ul li .radioGroup .radioLabel {
  padding: 0 0 0 3px;
  margin: 0;
  width: 320px;
  display: inline-block;
  color: #222222;
  font-weight: normal;
}
.guidedSearch .guidedSearchOverlay .actions {
  margin: 20px 20px 20px 0;
  padding: 20px 0 30px;
  text-align: center;
}
.guidedSearch .guidedSearchOverlay .actions .buttonGreen {
  color: #ffffff;
  padding: 8px 18px;
  font-size: 18px;
  margin-left: 15px;
  font-weight: normal;
  border-color: #93d097;
}
.close {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 5px;
  background: url(../images/style1/close.png) no-repeat 50% 50%;
  width: 22px;
  height: 22px;
}
/* guided search results */
.guidedSearchResults {
  background: #c7e8c9;
  background-image: -moz-linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  background-image: -ms-linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  background-image: -o-linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#c7e8c9 5%), color-stop(#a8e5ab 100%));
  background-image: -webkit-linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  background-image: linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  -pie-background: linear-gradient(top, #c7e8c9 5%, #a8e5ab 100%);
  behavior: url(/pie.htc);
  width: 100%;
  border: 1px solid #75c677;
  -moz-box-shadow: 0 1px 3px #c8c8c8;
  -webkit-box-shadow: 0 1px 3px #c8c8c8;
  box-shadow: 0 1px 3px #c8c8c8;
  position: relative;
  margin-top: -30px;
  margin-bottom: 10px;
}
.guidedSearchResults .close {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 5px;
  background: url(../images/style1/close.png) no-repeat 50% 50%;
  width: 22px;
  height: 22px;
}
.guidedSearchResults .guidedSearchArrow {
  position: absolute;
  bottom: -21px;
  left: 20px;
  display: inline-block;
  width: 32px;
  height: 22px;
  background: url(../images/style1/guided-search-arrow.png) no-repeat;
}
.guidedSearchResults .instructions {
  float: left;
  padding: 20px;
  width: 200px;
}
.guidedSearchResults .instructions h2 {
  display: block;
  font-size: 21px;
}
.guidedSearchResults .contactUs {
  width: 437px;
  min-height: 220px;
  float: right;
  text-align: center;
  padding: 20px;
  background: #d2ebd3;
  border-left: 1px solid #75c677;
}
.guidedSearchResults .contactUs h6 {
  padding: 10px 0 20px;
  line-height: 1.5em;
}
.guidedSearchResults .contactUs .number {
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 0;
  display: block;
}
.guidedSearchResults .buttonSmall {
  background: #35a93b;
  border: 3px solid #d2ecd3;
  background-image: -moz-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -ms-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -o-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#46b74c 5%), color-stop(#108f16 100%));
  background-image: -webkit-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: linear-gradient(top, #46b74c 5%, #108f16 100%);
  -pie-background: linear-gradient(top, #46b74c 5%, #108f16 100%);
  -moz-box-shadow: inset 0 0 1px #104312;
  -webkit-box-shadow: inset 0 0 1px #104312;
  box-shadow: inset 0 0 1px #104312;
}
/* ----- search results ----- */
.resetGuidedSearch {
  margin-top: 15px;
}
/* ----- search results ----- */
.resetGuidedSearch {
  margin-top: 10px;
}
.pagination {
  border-bottom: 1px solid #c8c8c8;
  overflow: hidden;
  margin: 0 0 20px;
}
.pagination ol {
  float: right;
  background: #f8f8f8;
  border: 1px solid #c8c8c8;
  border-bottom: none;
}
.pagination ol li {
  float: left;
  display: block;
  padding: 3px 5px;
}
.pagination ol li.next span,
.pagination ol li.previous span {
  color: #888888;
}
.pagination ol li.selected {
  background: white;
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
}
.paginator .Paginator {
  float: right;
}
.paginator .Paginator .numbers {
  float: left;
}
.paginator .Paginator .previous,
.paginator .Paginator .next {
  float: left;
  margin-top: 2px;
  line-height: 1.4em;
}
.paginator .PaginationLink {
  color: #222222;
}
.paginator .PaginationBox_selected {
  background-color: #ffffff;
  float: left;
  padding: 3px !Important;
  background: #f8f8f8;
}
.paginator .PaginationBox_selected a {
  color: #222222;
}
.paginator .PaginationBox {
  float: left;
  padding: 3px 5px;
}
/* ----- results ----- */
.searchResult {
  border-bottom: 1px solid #c8c8c8;
  width: 100%;
  /*background: url(../images/style1/search-results.png) no-repeat 8px 15px;*/

  background: url(../images/style1/search-result-columns.png) repeat-y 8px 12px;
  padding: 20px 0 10px;
}
.searchResult .thumb {
  margin-right: 15px;
  margin-bottom: 10px;
  height: 85px;
  width: 85px;
  display: block;
  text-align: center;
  line-height: 85px;
  behavior: url(/pie.htc);
  overflow: hidden;
  background: transparent;
}
.searchResult .thumb img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  display: block;
  vertical-align: middle;
  behavior: url(/pie.htc);
}
.searchResult h3 {
  padding-bottom: 10px;
  width: 600px;
}
.searchResult h3 span a {
  color: #0c3557;
  padding-right: 12px;
  margin-right: 4px;
  background: url(../images/style1/arrow-next.png) no-repeat 100% 50%;
}
.searchResult .approach,
.searchResult .drawdown,
.searchResult .performance,
.searchResult .riskScore,
.searchResult .modelTags {
  float: left;
}
.searchResult .approach .value,
.searchResult .drawdown .value,
.searchResult .performance .value,
.searchResult .riskScore .value,
.searchResult .modelTags .value {
  padding-left: 10px;
  font-size: 24px;
  line-height: 22px;
}
.searchResult .approach {
  width: 153px;
}
.searchResult .approach .small {
  padding-left: 0 !important;
}
.searchResult .approach a {
  color: inherit;
  text-decoration: none;
  cursor: default;
}
.searchResult .approach div.badge {
  display: block;
  width: 135px;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  background: #f8f8f8;
  padding: 4px;
  position: relative;
  top: 0;
  left: -5px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.searchResult .approach div.badge.active {
  border-color: #c8c8c8;
}
.searchResult .approach div.badge p {
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
}
.searchResult .approach div.badge img {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  float: right;
  margin-left: 5px;
}
.searchResult .approach div.badge .popup-content {
  display: none;
}
.searchResult .approach p {
  border-left: none;
  width: 135px;
  padding: 1px 30px 1px 13px;
  margin-left: -13px;
  position: relative;
}
.searchResult .approach p .managerRibbon {
  display: none;
}
.searchResult .approach p.badge {
  max-width: 100px;
  border-color: #c8c8c8;
  background: #f8f8f8;
}
.searchResult .approach p.badge .managerRibbon {
  display: inline-block;
  position: absolute;
  top: -1px;
  right: -1px;
  margin-bottom: 0px;
}
.searchResult .drawdown {
  width: 118px;
}
.searchResult .performance {
  width: 122px !important;
}
.searchResult .performance .holder {
  float: left;
  height: 30px;
  width: 130px;
  display: block;
}
.searchResult .performance .graph {
  float: left;
  margin-right: 12px;
  padding-left: 10px;
}
.searchResult .searchPerformance {
  width: 224px !important;
}
.searchResult .modelTags {
  width: 253px;
}
.searchResult .performance {
  width: 130px;
  padding: 0;
}
.searchResult .performance .performanceRate {
  font-size: 15px;
  line-height: 1em;
}
.searchResult .performance ul {
  padding: 4px 0 0 0;
  border: none;
}
.searchResult .performance ul li {
  width: 60px;
  padding-top: 0;
}
.searchResult .small {
  padding-left: 10px;
}
.searchResult .title {
  display: inline-block;
  padding-bottom: 8px;
}
.searchResult a.buttonSmall {
  margin-top: -38px;
  float: right;
}
.searchResult .AvgSubReturn {
  width: 70px;
  padding-left: 0px;
  min-height: 15px;
  line-height: 1em;
  font-size: 15px;
  float: left;
}
.searchResult .AvgSubReturn .small {
  padding-left: 10px;
  text-align: right;
  display: block;
}
.searchResult .AvgSubReturn .positive,
.searchResult .AvgSubReturn .negative {
  font-family: "MuseoSans-500", sans-serif;
}
.searchResult .AvgSubReturn .positive {
  color: #00753d;
  text-align: right;
  padding: 5px 0 0 0;
}
.searchResult .AvgSubReturn .negative {
  color: #a20810;
  text-align: right;
  padding: 5px 0 0 0;
}
.searchResult .AvgSubReturn .neutral {
  color: #222222;
  text-align: right;
  padding: 5px 0 0 0;
}
.searchResult .AvgSubReturn.positive,
.searchResult .AvgSubReturn.negative {
  margin-top: 5px;
  padding-top: 4px;
}
.searchResult .vsSAndP {
  width: 130px;
  padding-left: 12px;
}
.searchResult .vsSAndP .versusPerformance {
  line-height: 1em;
  font-size: 15px;
  padding-bottom: 0;
  padding-left: 10px;
}
.searchResult .vsSAndP .versusPerformance.positive,
.searchResult .vsSAndP .versusPerformance.negative {
  font-family: "MuseoSans-500", sans-serif;
}
.searchResult .vsSAndP .graph {
  width: 105px;
  height: 20px;
  padding-left: 10px;
  padding-top: 0;
}
.searchResult .vsSAndP .graph img {
  width: 105px;
  height: 25px;
  margin-left: -8px;
}
.searchResult .infoLists {
  font-size: 11px;
  float: left;
  margin-right: 10px;
  line-height: 1.3em;
  width: 180px;
}
.searchResult .infoLists li {
  overflow: hidden;
  line-height: 1em;
  margin-bottom: 5px;
}
.searchResult .infoLists li strong {
  width: 70px;
  float: left;
}
.searchResult .infoLists li span {
  width: 110px;
  float: left;
}
.searchResult .modelTags .infoLists {
  width: 250px;
}
.searchResult .modelTags li span {
  width: 180px;
  float: left;
}
.searchResult .modelTags li strong {
  font-weight: normal;
  color: #888888;
}
.searchResult .AvgSubReturn {
  text-align: right;
  line-height: 1em;
}
.searchResult .AvgSubReturn .performanceRate {
  margin-top: 4px;
}
.searchResult .riskRating {
  width: 80px;
  padding-left: 5px;
  margin: 0;
  float: right;
}
.searchResult .riskRating .small {
  padding-left: 0;
}
.searchResult .riskRating .riskMeter {
  width: 80px;
  height: 12px;
  padding: 15px 0 10px 0;
}
.searchResult .riskRating .riskMeter img {
  margin: 0 5px 0 -2px;
}
.searchResult .riskRating .riskMeter .riskNumber {
  float: left;
  font-size: 20px;
  line-height: 25px;
  font-weight: normal;
  padding-left: 0;
  white-space: nowrap;
}
.searchResult .riskRating .riskMeter h2 {
  font-size: 14px;
  margin-right: 5px;
}
.riskScore {
  width: 121px;
}
.riskScore .small {
  margin-bottom: 0 !important;
}
.riskScore .riskScoreCircles {
  margin-left: 10px;
  width: 102px;
  height: 20px;
  display: inline-block;
  background: url(../images/style1/risk-score-circles.png) 0 0;
}
.riskScore .riskScoreCircles.one {
  background-position: 0 0;
}
.riskScore .riskScoreCircles.two {
  background-position: 0 -40px;
}
.riskScore .riskScoreCircles.three {
  background-position: 0 -80px;
}
.riskScore .riskScoreCircles.four {
  background-position: 0 -120px;
}
.riskScore .riskScoreCircles.five {
  background-position: 0 -160px;
}
/* 540px search results bar */
.smallSearch {
  width: 540px;
  background: none;
}
.smallSearch h3 {
  max-width: 410px;
}
.smallSearch .thumb img {
  margin-left: 0;
}
.smallSearch .drawdown {
  width: 98px;
}
.smallSearch .drawdown .small,
.smallSearch .drawdown .value {
  padding-left: 0;
}
.smallSearch .riskScore {
  width: 115px;
}
.smallSearch .performance .graph {
  margin-left: 0;
}
.searchResult.first {
  border-top: 1px solid #c8c8c8;
}
.riskRatingSearch {
  float: left;
  margin-right: 0px;
  width: 80px;
  padding: 10px 0 0 10px;
}
h5.individual {
  margin-bottom: -28px;
}
/* ----- bundleResults ----- */
.bundleResults {
  margin-bottom: 50px;
}
.bundleResults .searchResult {
  background: url(../images/style1/search-result-columns-bundles.png) repeat-y 8px 12px;
}
.bundleResults .searchResult .thumb {
  height: 87px;
}
.bundleResults .searchResult .bundleThumb img {
  width: 26px;
  float: left;
  margin: 0 3px 3px 0;
}
.bundleResults .searchResult.first {
  border-top: 1px solid #c8c8c8;
}
.bundleResults .searchResult .modelsIncluded {
  float: left;
  width: 139px;
  padding: 0 10px;
}
.bundleResults .searchResult .modelsIncluded ul li {
  font-size: 10px;
}
.bundleResults .searchResult .modelsIncluded .title {
  padding-left: 0;
}
.bundleResults .searchResult .modelsIncluded img {
  width: 20%;
  border: 1px solid #c8c8c8;
  float: left;
  margin: 0 4px 4px 0;
}
.bundleResults .searchResult .description {
  /* same width as .searchPerformance */

  float: left;
  width: 183px;
}
.bundleResults .searchResult .description p {
  margin: 0 10px;
}
/* ----- publisherResults ----- */
.publisherResults .searchResult {
  background: url(../images/style1/search-results.png) no-repeat -68px 15px;
}
.publisherResults .searchResult .infoLists {
  width: 250px;
  margin-right: 0;
}
.publisherResults .searchResult .performance {
  margin-left: -64px;
}
.publisherResults .searchResult .AvgSubReturn {
  margin-left: -5px;
}
.publisherResults .searchResult .vsSAndP {
  padding-left: 15px;
}
.publisherResults .searchResult .riskRating {
  float: left;
  margin-left: 6px;
}
.publisherResults .searchResult .riskRating .riskMeter {
  padding: 15px 0 10px 0;
}
/* ----- about us timeline ----- */
.aboutUsCTA {
  text-align: right;
}
#Covestor-Boston-Office {
  margin: 40px 0 0 0;
}
.timeContainer {
  margin: 0;
  width: 480px;
  overflow: hidden;
}
.timeContainer .timeSlot {
  width: 330px;
  float: right;
  margin: 0 0 50px;
  padding: 18px 0 0 150px;
  border-top: 2px solid #1a7fc3;
  position: relative;
}
.timeContainer .timeSlot .year {
  position: absolute;
  left: 0;
  top: 20px;
  font-size: 2em;
  line-height: 1em;
  color: #1a7fc3;
}
/* ----- manager page ----- */
.columnNarrow {
  width: 220px;
  float: left;
  margin: 40px 20px 20px 0;
}
.columnNarrow img {
  border: 1px solid #c8c8c8;
}
.columnNarrow ul {
  margin-top: 20px;
}
.columnNarrow ul li {
  margin-bottom: 12px;
}
.columnNarrow ul li strong {
  float: none;
  width: 100%;
}
.columnWide {
  float: left;
  width: 720px;
  margin-top: 35px;
}
.columnWide .commentary {
  width: 100%;
  margin: 30px 0 50px;
}
.columnWide .commentary ol {
  margin: 10px 0;
}
.columnWide .commentary ol li {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c8c8c8;
}
.columnWide .commentary ol li a {
  margin-right: 5px;
}
.columnWide .commentary ol li.first {
  padding-bottom: 0;
}
.columnWide .commentary ol li.first h6 {
  display: inline-block;
  margin-bottom: 2px;
}
.columnWide .commentary ol li.first .small {
  display: inline;
}
.columnWide .searchResults {
  border-top: 1px solid #c8c8c8;
}
.columnWide .searchResults .infoLists {
  width: 280px;
}
.columnWide .searchResults .infoLists span {
  width: 140px;
}
.columnWide .underlined {
  border-bottom: 1px solid #c8c8c8;
}
.columnWideContent {
  width: 380px;
  float: left;
  margin: 0 100px 40px 0;
}
.columnWideContent h6 {
  margin-bottom: 20px;
}
.columnWideContent h2 {
  margin-bottom: 20px;
}
#uid-1-2,
#uid-1-3 {
  border-top: 1px solid #c8c8c8;
  display: block;
}
.managerMedia {
  width: 220px;
  float: left;
  margin-top: 130px;
}
.managerMedia .blockquote {
  margin-left: -40px;
}
.video {
  text-align: right;
  margin: 40px 0 10px;
}
.video cite {
  display: none;
}
/* --------------------
model bundles
--------------------- */
.bundles {
  position: relative;
  padding: 30px 0 120px;
  /* right column */

}
.bundles .searchResult {
  width: 720px;
  height: 109px;
}
.bundles .searchResult.first {
  border-top: 1px solid #c8c8c8;
}
.bundles .searchResult .performance {
  width: 223px !important;
}
.bundles .actions {
  position: relative;
  float: right;
  width: 240px;
  min-height: 560px;
}
.bundles .actions .riskRating {
  position: relative;
  float: right;
  margin: 0;
  width: 130px;
  padding: 15px;
  background: #f8f8f8;
  border: 1px solid #c8c8c8;
}
.bundles .actions .riskRating h4 {
  margin: 0 0 8px;
}
.bundles .actions .riskRating .riskScore {
  position: absolute;
  top: 58px;
  left: 110px;
}
.bundles .actions .brackets {
  width: 68px;
  height: 362px;
  background: url(../images/style1/bracket.png);
}
.bundles .actions .brackets .bracket-4,
.bundles .actions .brackets .bracket-5,
.bundles .actions .brackets .bracket-6,
.bundles .actions .brackets .bracket-7,
.bundles .actions .brackets .bracket-8 {
  position: absolute;
  width: 45px;
  left: -1px;
}
.bundles .actions .brackets .bracket-4 {
  height: 222px;
  top: 339px;
  background: url(../images/style1/bracket-4.png);
}
.bundles .actions .brackets .bracket-5 {
  height: 358px;
  top: 343px;
  background: url(../images/style1/bracket-5.png);
}
.bundles .actions .brackets .bracket-6 {
  height: 498px;
  top: 343px;
  background: url(../images/style1/bracket-6.png);
}
.bundles .actions .brackets .bracket-7 {
  height: 644px;
  top: 337px;
  background: url(../images/style1/bracket-7.png);
}
.bundles .actions .brackets .bracket-8 {
  height: 779px;
  top: 342px;
  background: url(../images/style1/bracket-8.png);
}
.bundles .actions .interact {
  position: absolute;
  top: 228px;
  left: 105px;
}
.bundles .actions .interact .smallText {
  color: #888888;
}
/* note underneath the model bundles on manager page */
.bundlesNote {
  width: 720px;
}
.homeForm .formStyle .testresult {
  top: 14px !important;
  right: 9px !important;
}
/* ----- FORM STYLE ----- */
.formStyle.formBox {
  padding: 40px 60px;
  background-color: #f8f8f8;
  border: 1px solid #c8c8c8;
  width: 340px;
  margin: 10px 0 50px;
  float: left;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  behavior: url(/pie.htc);
}
.formStyle li {
  list-style: none;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 2px;
  position: relative;
}
.formStyle li.radioGroup,
.formStyle li.checkboxGroup {
  margin-bottom: 0;
}
.formStyle li.radioGroup input.radio,
.formStyle li.checkboxGroup input.radio,
.formStyle li.radioGroup input.checkbox,
.formStyle li.checkboxGroup input.checkbox {
  float: left;
  margin: 2px 5px 0 0;
}
.formStyle li.radioGroup .radioLabel,
.formStyle li.checkboxGroup .radioLabel,
.formStyle li.radioGroup .checkboxLabel,
.formStyle li.checkboxGroup .checkboxLabel {
  margin: 3px 15px 0 0;
  color: #888888;
  float: left;
  font-size: 12px;
}
.formStyle label {
  font-size: 14px;
  display: block;
  color: #222222;
}
.formStyle label.required {
  color: #222222;
}
.formStyle label.required span {
  color: #a20810;
  padding-left: 3px;
  font-weight: bold;
}
.formStyle label.checkboxLabel {
  float: left;
  margin: 3px 15px 0 0;
  font-size: 12px;
}
.formStyle .text {
  width: 300px;
  font-size: 14px;
  border: 1px solid #888888;
  -webkit-box-shadow: inset 1px 1px 1px #c8c8c8;
  -moz-box-shadow: inset 1px 1px 1px #c8c8c8;
  -o-box-shadow: inset 1px 1px 1px #c8c8c8;
  box-shadow: inset 1px 1px 1px #c8c8c8;
  behavior: url(/pie.htc);
}
.formStyle .text.short {
  width: 144px;
  margin-right: 3px;
}
.formStyle textarea.text {
  font-family: Helvetica, Arial, sans-serif;
  width: 298px;
  min-height: 100px;
}
.formStyle select.select {
  width: 305px;
  font-size: 14px;
}
.formStyle .radio,
.formStyle .checkbox {
  float: left;
  margin: 2px 5px 0 0;
}
.formStyle .testresult {
  position: absolute;
  top: 27px;
  right: 35px;
  background: url(../images/style1/error.png) no-repeat 100% 1px;
  padding-right: 22px;
  color: #888888;
}
.formStyle .testresult.badPass {
  background-position: 100% -182px;
}
.formStyle .testresult.goodPass {
  background-position: 100% -378px;
}
.formSupport {
  width: 350px;
  float: right;
}
.formSupport .checkmark,
.formSupport .noBullet,
.formSupport .questions {
  margin-top: 15px;
}
.formSupport .checkmark li,
.formSupport .noBullet li,
.formSupport .questions li {
  padding-left: 18px;
  margin-bottom: 7px;
}
.managerReferral ul li div {
  margin-bottom: 10px;
}
.managerReferral ul li div label.accept {
  color: #888;
  font-size: 12px;
}
/* ----- error ----- */
.error label {
  color: #a20810 !important;
}
.error input,
.error select {
  color: #a20810;
  background-color: #ede5e5;
  border-top: 2px solid #830b0b !important;
  border-left: 2px solid #830b0b !important;
  border-bottom: 2px solid #cebbbb !important;
  border-right: 2px solid #cebbbb !important;
}
.error p.error {
  margin: 5px 0 0;
  background: url(../images/style1/error.png) no-repeat 0px 2px;
  padding-left: 20px;
  color: #a20810;
}
.errorPage {
  text-align: center;
  padding: 80px 0;
  margin: 50px 0;
  background: url(../images/style1/error-page.jpg) no-repeat 50% 0;
}
.errorPage h1 {
  font-size: 45px;
  margin-top: 50px;
  margin-bottom: 20px;
}
/* ----- static ----- */
/* the other side of the sidebar on the search page */
.mainContentNarrow {
  position: relative;
  width: 720px;
  float: right;
  padding: 30px 0;
  z-index: 0;
}
.mainContentFullWidth {
  margin-left: 20px;
  padding: 30px 0;
  width: 940px;
}
.staticContent,
.pageContent {
  position: relative;
  width: 480px;
  float: left;
  padding: 30px 40px 30px 0;
}
.staticContent.twoColumns,
.pageContent.twoColumns {
  width: 420px;
}
.staticContent.withSidebar,
.pageContent.withSidebar {
  border-right: 1px solid #c8c8c8;
  margin: 0 20px 0 20px;
  width: 460px;
}
.staticContent h1,
.pageContent h1 {
  margin: 40px 0 0;
}
.staticContent h1.login,
.pageContent h1.login {
  background: url(../images/style1/lock-large.png) no-repeat 0 3px;
  padding-left: 30px;
}
.staticContent h2,
.pageContent h2 {
  margin: 20px 0;
}
.staticContent h3,
.pageContent h3 {
  margin: 30px 0 10px;
}
.staticContent h6,
.pageContent h6 {
  margin-top: 5px;
}
.staticContentWide {
  width: 720px;
  padding-bottom: 40px;
}
.staticContentFullWidth {
  width: 100%;
}
.pageContent {
  width: 100%;
  padding-right: 0;
}
.contentBlock {
  width: 610px;
  float: left;
}
.imageContainer {
  float: left;
  width: 400px;
  padding: 30px 40px 30px 0;
}
.sidebarRight {
  float: left;
  width: 380px;
  padding: 30px 0 30px 20px;
  margin-left: 0;
}
a.download {
  background: url(../images/style1/attachment.png) no-repeat 0 0;
  padding-left: 25px;
}
.titleContainer {
  margin: 0;
}
.titleContainer h1 {
  margin-top: 50px;
}
.titleContainer a.prev {
  margin-top: 10px;
  display: inline-block;
  background-position: 0 -26px;
}
a.prev {
  margin-top: 10px;
  padding-left: 10px;
  display: inline-block;
  background: url(../images/style1/next-prev.png) no-repeat 0 -27px;
}
.summaryBar {
  background-color: #f8f8f8;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 20px 0;
  margin: 0;
  width: 100%;
  display: inline-block;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  behavior: url(/pie.htc);
}
.summaryBar .twoColumns {
  width: 485px;
  float: left;
  padding-left: 20px;
}
.summaryBar .twoColumns h2 {
  color: #888888;
  margin-bottom: 15px;
}
.summaryBar .newsPerson {
  width: 430px;
  float: right;
  position: relative;
}
.summaryBar .newsPerson img {
  float: left;
  margin-right: 0px;
  margin-bottom: -20px;
}
.summaryBar .newsPerson .wantToTalk {
  background: url(../images/style1/news-want-to-talk.png) no-repeat 0 0;
  width: 102px;
  height: 93px;
  text-indent: -99999px;
  position: absolute;
  top: -70px;
  right: 30px;
}
/*.homeGrid{
	width: 960px;
	margin: 0 auto;
	.panel{
		width: 184px;
		height: 184px;
		float: left;
		margin: 0 10px 10px 0;
		.round(10px);
		position: relative;
		.title-font;
		&.last{
			margin-right: 0;
		}
		/* main panel */
/*&.mainCTA{
			width: 378px;
			height: 378px;
			background: @brightblue;
			.mainMessage{
				padding: 30px;
				height: 148px;
				h1{
					color: @white;
					font-size: 48px;
				}
				h2{
					color: @white;
					line-height: 1.3em;
					margin: 8px 0 20px;
				}
			}
			h5{
				padding: 25px 30px;
				background: @link;
				font-family: "Helvetica";
				color: #88b5d3;
				position: absolute;
				left: 0;
				bottom: 50px;
			}
			.seeHow{
				transition: all 0.5s ease;
				font-size: 18px;
				color: @white;
				position: absolute !important;
				bottom: 0;
				left: 0;
				width: 318px;
				height: 50px;
				display: inline-block;
				padding: 0 30px;
				background: @darkblue;
				.round(0 0 10px 10px);
				span{
					display: inline-block;
					margin-top: 12px;
					padding-right: 16px;
					background: url(../images/style1/light-blue-arrow.png) no-repeat 100% 50%;
				}
				&:hover{
					color: #88b5d3;
				}
			}
		}
		/* money manager panels */
/*&.moneyManager{
			img{
				.round(10px);
			}
			.bg{
				transition: all 0.5s ease;
				position: absolute !important;
				left: 0;
				top: 134px;
				display: inline-block;
				height: 50px;
				width: 100%;
				background: url(../images/style1/mmp-bg.png) repeat;
				.round(0 0 10px 10px);
			}
			.name, .portfolio, .metric{
				position: absolute;
				color: @white;
			}
			.name{
				top: 5px;
				left: 8px;
				font-size: 15px;
			}
			.portfolio{
				top: 28px;
				left: 8px;
				font-size: 10px;
				text-transform: uppercase;				
			}
			.metric{
				font-size: 12px;
				top: 8px;
				right: 8px;
				&.positive{
					padding-left: 12px;
					background: url(../images/style1/green-arrow-small-2.png) no-repeat 0 7px;
				}
				&.negative{
					padding-left: 14px;
					background: url(../images/style1/red-arrow-small.png) no-repeat 0 6px;
				}
			}
			&:hover{
				.bg{
					background: url(../images/style1/mmp-bg-2.png) repeat;
				}
			}
		}
		/* mmp panels */
/*&.mmp{
			background: @brightblue;
			img{
				position: absolute;
				top: 35px;
				left: 50%;
				margin-left: -42.5px;
			}
			p{
				transition: all 0.5s ease;
				width: 100%;
				margin-bottom: 0;
				position: absolute;
				top: 125px;
				color: #88b5d3;
				text-align: center;
				text-transform: uppercase;
			}
			&:hover{
				p{
					color: @white;
				}
			}
		}
		/* quote panels */
/*&.quote{
			display: table;
			background: #dfdfdf;
			h3{
				display: table-cell;
				vertical-align: middle;
				padding: 0 20px;
				color: @grey;
			}
			.howItWorks{
				transition: all 0.5s ease;
				.body-font;
				width: 74px;
				text-align: center;
				position: absolute;
				bottom: 0;
				right: 20px;
				background: #adcde3;
				padding: 5px 0 5px 3px;
				font-size: 10px;
				line-height: 1em;
				border-right: 3px solid #adcde3;
			}
			&:hover{
				.howItWorks{
					right: 15px;
					color: @link;
					border-right: 3px solid @link;
				}
			}
		}
	}
}


#stickyFooter{
	z-index: 100;
	width: 100%;
	position: fixed;
	bottom: 0px;
	border-top: 1px solid @grey;
	padding: 6px 0;
	background: url(../images/style1/sticky-footer-bg.png) repeat;
	.questions{
		float: left;
		margin-top: 10px;
		color: @darkblue;
		span{
			margin-left: 5px;
		}
	}
	.actions{
		float :right;
		font-size: 18px;
		.title-font;
		.or{
			margin: 0 6px 0 4px;
			font-size: 15px;
			color: @grey;
			.body-font;
			font-style: italic;
		}
    .button{
    	.round(18px);
    	border: 4px solid #d2ecd3;
		  background-color: #35a93b;
		  background-image: -moz-linear-gradient(top, #46b74c 5%, #108f16 100%);
		  background-image: -ms-linear-gradient(top, #46b74c 5%, #108f16 100%);
		  background-image: -o-linear-gradient(top, #46b74c 5%, #108f16 100%);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#46b74c 5%), color-stop(#108f16 100%));
		  background-image: -webkit-linear-gradient(top, #46b74c 5%, #108f16 100%);
		  background-image: linear-gradient(top, #46b74c 5%, #108f16 100%);
		  -pie-background: linear-gradient(top, #46b74c 5%, #108f16 100%);
			behavior: url(/pie.htc);
		  .shadow (inset 0 0 1px rgba(16,67,18,1));
		  &:hover{
			  background-color: #57d35d;
		    background-image: -moz-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
		    background-image: -ms-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
		    background-image: -o-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
		    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#47be4d 5%), color-stop(#1a9d21 100%));
		    background-image: -webkit-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
		    background-image: linear-gradient(top, #47be4d 5%, #1a9d21 100%);
		    -pie-background: linear-gradient(top, #47be4d 5%, #1a9d21 100%);
		    behavior: url(/pie.htc);
		  }
		}
	}
}*/
/* ----- NEW homepage ----- */
.homeContainer2 {
  padding: 50px 0 0;
  margin-bottom: 60px;
  position: relative;
  border-bottom: 1px solid #c8c8c8;
  background: url(../images/style1/background-texture.png) repeat 0 0;
}
.homeContainer2 .gradient1,
.homeContainer2 .gradient2 {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 397px;
  height: 100%;
}
.homeContainer2 .gradient1 {
  left: 0;
  background: url(../images/style1/blue-gradient-1.png) repeat-y;
}
.homeContainer2 .gradient2 {
  right: 0;
  background: url(../images/style1/blue-gradient-2.png) repeat-y;
}
.homeContainer2 h1,
.homeContainer2 h6 {
  margin-left: 280px;
}
.homeContainer2 h1 {
  font-size: 38px;
  padding-bottom: 10px;
}
.homeContainer2 h6 {
  padding-bottom: 50px;
  line-height: 22px;
}
.homeContainer2 ul.mainTabs li {
  display: inline;
}
.homeContainer2 ul.mainTabs li a {
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  text-align: center;
  display: inline-block;
  width: 298px;
  background: #e9f3f8;
  border: 1px solid #c8c8c8;
  padding: 8px 0;
  margin-bottom: -1px;
  position: relative;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  behavior: url(/pie.htc);
}
.homeContainer2 ul.mainTabs li a.current {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.homeContainer2 ul.mainTabs li a.first {
  margin-right: 30px;
}
.homeContainer2 ul.mainTabs li a.last {
  float: right;
}
.homeContainer2 ul.mainTabs li a:hover {
  background: #ffffff;
}
.homeContainer2 .man1 {
  position: absolute;
  left: 20px;
  bottom: 4px;
  display: block;
  width: 193px;
  height: 249px;
  background: url(../images/style1/man-1.png) 0 0 no-repeat;
}
.homeContainer2 .ticker {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 44px;
  background: url(../images/style1/ticker.png) repeat 0 0;
}
.logoBar {
  padding: 20px 0;
  /*background: url(../images/style1/logo-bar-bg.png) repeat 0 0;*/

}
.logoBar p {
  text-align: center;
  font-size: 16px;
  color: #c8c8c8;
  font-style: italic;
}
.logoBar ul li {
  margin-top: -10px;
  float: left;
  width: 192px;
  height: 100px;
  display: inline-block;
}
.homeContent {
  float: left;
  width: 570px;
  margin-bottom: 50px;
}
.homeContent ul.quotes {
  width: 560px;
}
.homeContent ul.quotes li {
  position: relative;
  min-height: 80px;
  margin-bottom: 40px;
}
.homeContent ul.quotes li .image-1,
.homeContent ul.quotes li .image-2,
.homeContent ul.quotes li .image-3,
.homeContent ul.quotes li .image-4 {
  width: 89px;
  height: 90px;
  position: absolute;
  top: 0;
  left: -4px;
  background: url(../images/style1/bg-circle.png) 0 0 no-repeat;
}
.homeContent ul.quotes li .image-1 img,
.homeContent ul.quotes li .image-2 img,
.homeContent ul.quotes li .image-3 img,
.homeContent ul.quotes li .image-4 img {
  position: absolute;
}
.homeContent ul.quotes li .image-1 img {
  left: 11px;
  top: -17px;
}
.homeContent ul.quotes li .image-2 img {
  left: 11px;
  top: -9px;
}
.homeContent ul.quotes li .image-3 img {
  left: 6px;
  top: -1px;
}
.homeContent ul.quotes li .image-4 img {
  left: 11px;
  top: -12px;
}
.homeContent ul.quotes li p {
  padding: 0 28px;
  margin: 0 0 0 90px;
}
.homeContent ul.quotes li p.quote {
  display: inline-block;
  color: #0c3557;
  font-style: italic;
  font-size: 20px;
  font-family: "MuseoSans-500", sans-serif;
  background: url(../images/style1/quotes-1.png) 0 6px no-repeat, url(../images/style1/quotes-2.png) 100% 6px no-repeat;
  behavior: url(/pie.htc);
}
.homeContent ul.quotes li p.description {
  padding-right: 0;
}
ul.whatWeDo {
  padding-left: 50px;
  margin-bottom: 15px;
}
ul.whatWeDo li {
  margin-bottom: 15px;
}
ol {
  list-style: decimal !important;
  color: #222222;
  margin-bottom: 15px;
}
ol li {
  margin-bottom: 10px;
}
.nostyle ol {
  list-style: none !Important;
}
ul.strategiesList {
  width: 180px;
  margin: 0 0 0 14px;
  float: left;
  list-style-type: disc !important;
}
ul.strategiesList li {
  margin-bottom: 5px;
}
* + html .homeContent ul li p.quote {
  background: url(../images/style1/quotes-1.png) 0 6px no-repeat;
}
.topQuote {
  margin-left: -10px;
  padding-left: 160px;
}
.topQuote blockquote.homeQuote {
  font-size: 22px;
  line-height: 28px;
  color: #222222;
  font-family: "MuseoSans-500", sans-serif;
  background: none;
  padding: 20px 0 10px 0;
}
.topQuote .quoteName {
  padding-bottom: 40px;
}
.topQuote.tab-2 {
  display: inline-block;
  background: url(../images/style1/tab-2.png) no-repeat 0 0;
}
.topQuote.tab-3 {
  display: inline-block;
  background: url(../images/style1/tab-3.png) no-repeat 0 0;
}
.copy {
  padding: 10px 0 0 20px;
  width: 550px;
  height: 100%;
  background: url(../images/style1/top-gr.png) 0 0 no-repeat, url(../images/style1/left-gr.png) 0 0 no-repeat;
  behavior: url(/pie.htc);
}
.homePanels {
  float: right;
  width: 330px;
}
.homePanels .panel {
  background: #f8f8f8;
  display: inline-block;
  border: 1px solid #c8c8c8;
  width: 268px;
  padding: 30px;
  margin-bottom: 30px;
}
.homePanels .panel .buttonHome {
  font-family: "MuseoSans-500", sans-serif;
  font-size: 22px;
  font-weight: normal;
  float: right;
  margin: 15px 0 0 0;
}
.homePanels .panel .formStyle .text {
  padding: 8px;
  margin-bottom: 4px;
  width: 248px;
}
.homePanels .panel .formStyle .text .placeholder {
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
  color: #888888;
  font-style: italic;
}
.homePanels .panel .formStyle p.small {
  margin-bottom: 0;
}
.homePanels .contactUs p {
  margin-bottom: 0;
}
.homePanels .contactUs .number {
  font-size: 25px;
  font-family: "MuseoSans-500", sans-serif;
  margin-top: -5px;
}
.homePanels .contactUs .small {
  margin: -5px 0 10px;
}
.homePanels p.small {
  margin-top: 0;
}
.placeholder {
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
  color: #888888;
  font-style: italic;
}
ul.homeForm {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
ul.homeForm li {
  padding: 0;
  margin-bottom: 2px;
}
/* ----- end NEW homepage ----- */
/* ----- homepage ----- */
.homeContainer {
  background: url(../images/style1/background-texture.jpg) repeat 0 0;
  text-align: center;
  padding: 50px 40px 0;
  position: relative;
  margin-bottom: 100px;
  border-bottom: 1px solid #c8c8c8;
}
.homeContainer .homeImage {
  width: 980px;
  height: 257px;
  margin-top: 10px;
  background: url(../images/style1/home-image.jpg) no-repeat 50% 100%;
  margin-left: -40px;
  position: relative;
  z-index: 1;
}
.homeContainer .homeImage a.button.buttonVerySmall {
  position: absolute;
  top: 195px;
  left: 70px;
}
.homeContainer h1 {
  font-size: 51px;
  text-align: left;
  letter-spacing: -2px;
  margin-bottom: 40px;
  line-height: 1em;
  color: #0c3557;
  text-shadow: #fff 1px 1px 3px;
}
.homeContainer h6 {
  font-size: 14px;
  margin: 0 auto;
}
.homeContainer .homeSteps {
  position: relative;
  width: 200px;
  margin-right: 25px;
  text-align: left;
  margin-left: 100px;
  padding-top: 15px;
  float: left;
}
.homeContainer .homeSteps h5 {
  color: #222222;
  line-height: 1.3;
  margin-bottom: 5px;
  text-shadow: #fff 1px 1px 3px;
}
.homeContainer .buttonContainer {
  z-index: 100;
  width: 300px;
  position: absolute;
  bottom: -80px;
  left: 309px;
}
/* ie7 */
* + html .homeContainer .buttonContainer {
  left: 313px;
}
.homeQuotes {
  width: 260px;
  float: left;
  margin-right: 40px;
  margin-left: 0;
}
.homeQuotes img {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}
.homeQuotes blockquote {
  width: 220px;
  float: left;
  padding: 0 0 0 40px;
}
.homeQuotes cite {
  padding-left: 70px;
}
.featuredContent {
  position: absolute;
  top: 65px;
  left: 300px;
  width: 586px;
  height: 441px;
  overflow-y: scroll;
}
.featuredContent.imageOnly {
  overflow: hidden;
}
.featuredContentText {
  position: absolute;
  top: 0;
  left: 0;
  width: 546px;
  height: 400px;
  padding: 20px;
}
.featuredContentText img {
  margin: -20px;
  float: left;
}
.featuredContentWrapper {
  background-color: #ffffff;
}
.featuredContentWrapper .featureHead {
  background-color: #e9f3f8;
  padding: 25px 10px 10px;
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 10px;
  overflow: hidden;
}
.featuredContentWrapper .featureHead h1 {
  float: left;
}
.featuredContentWrapper .featureHead a.seeAll {
  float: right;
  margin-top: 20px;
}
.featuredContentWrapper .searchResult {
  padding: 0 10px;
  background-image: none;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.featuredContentWrapper .searchResult .infoLists {
  width: 210px;
  display: none;
}
.featuredContentWrapper .searchResult .infoLists span {
  width: 140px;
}
/* ----- how it works ----- */
.steps {
  background: url(../images/style1/background-texture.jpg) repeat;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
}
.steps img.mainImage {
  position: absolute;
  bottom: 0px;
  left: 500px;
}
.steps .content {
  width: 415px;
  float: left;
  padding: 0 0 0 70px;
  margin: 50px 0;
  background: url(../images/style1/how-it-works/1.png) no-repeat 0 0;
}
.steps .content .button {
  margin-top: 20px;
}
.steps.stepTwo {
  background: none;
  border: none;
}
.steps.stepTwo img.mainImage {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.steps.stepTwo .content {
  float: right;
  background-image: url(../images/style1/how-it-works/2.png);
}
.steps.stepThree {
  margin: 0;
}
.steps.stepThree img.mainImage {
  position: absolute;
  bottom: 0px;
  left: 500px;
}
.steps.stepThree .content {
  background-image: url(../images/style1/how-it-works/3.png);
}
.steps.stepFour {
  background: none;
  margin: 0;
  border: none;
}
.steps.stepFour img.mainImage {
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: 0px;
}
.steps.stepFour .content {
  float: right;
  background-image: url(../images/style1/how-it-works/4.png);
}
.nonSteps {
  background: url(../images/style1/background-texture.jpg) repeat;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
}
.nonSteps img.mainImage {
  position: absolute;
  bottom: 0px;
  left: 500px;
}
.nonSteps .content {
  width: 415px;
  float: left;
  padding: 0;
  margin: 50px 0;
}
.nonSteps.stepTwo {
  background: none;
  border: none;
}
.nonSteps.stepTwo img.mainImage {
  position: absolute;
  bottom: 0px;
  left: 0;
}
.nonSteps.stepTwo .content {
  float: right;
}
.nonSteps.stepThree {
  margin: 0;
}
.nonSteps.stepThree img.mainImage {
  position: absolute;
  bottom: 0px;
  left: 500px;
}
.nonSteps.stepFour {
  margin: 0;
  background: none;
  border: none;
}
.nonSteps.stepFour img.mainImage {
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: 0px;
}
.nonSteps.stepFour .content {
  float: right;
}
.soloTitle {
  padding: 30px 100px 30px 0;
}
.soloTitlePadded {
  padding: 30px 100px 30px 20px;
}
.callToAction {
  float: right;
  text-align: center;
  margin-bottom: 50px;
  overflow: hidden;
}
.callToAction .button {
  margin: 30px auto 5px;
  display: inline-block;
}
.callToAction p .or {
  font-style: italic;
  padding-right: 3px;
}
.whatIsCovestor {
  margin-bottom: 20px;
}
.whatIsCovestor h1 {
  margin: 50px 0 0px;
}
.whatIsCovestor h5,
.whatIsCovestor h6,
.whatIsCovestor p {
  max-width: 700px;
}
ul.checkmark {
  margin-left: -18px;
  margin-bottom: 15px;
}
ul.checkmark li {
  background: url(../images/style1/check.png) no-repeat 0 3px;
  padding-left: 18px;
  margin-bottom: 5px;
}
ul.noBullet {
  margin-bottom: 15px;
}
ul.noBullet li {
  line-height: 1.3;
}
ul.standard {
  margin: 10px 0 15px;
}
ul.standard li {
  line-height: 1.3;
  margin-bottom: 5px;
}
ul.questions {
  margin: 10px 0 25px;
}
ul.questions li {
  line-height: 1.3;
  background: url(../images/style1/help-plus.png) no-repeat 0 3px;
  padding-left: 18px;
  margin-bottom: 12px !important;
}
ul.questions li.link {
  background: none;
}
ul.questions li > span {
  color: #0c3557;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
  cursor: pointer;
}
ul.questions li > div {
  display: none;
  line-height: 1.4em;
  padding: 5px 0 10px;
  color: #888888;
}
ul.questions li a.question {
  color: #0c3557;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}
ul.questions li a.question:hover {
  color: #106aa7;
}
ul.questions li .answer {
  line-height: 1.4em;
  padding: 5px 0 20px;
  color: #888888;
}
/* ----- management team ----- */
.teamProfiles {
  margin: 30px 0;
  overflow: hidden;
}
.teamProfiles li {
  width: 280px;
  min-height: 600px;
  float: left;
  margin-right: 40px;
  position: relative;
}
.teamProfiles li .profile {
  width: 270px;
  height: 190px;
  float: none;
  margin-bottom: 20px;
}
.teamProfiles li .profile img {
  border-bottom: 1px solid #c8c8c8;
}
.teamProfiles li .title {
  width: 100%;
}
.teamProfiles li .title h3 {
  margin: 10px 0 0 0;
}
/* investment philosophy page */
.philosophy {
  margin: 20px 0 30px;
  padding: 20px 0;
  color: #888888;
  background: #f1f3f5;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.philosophy h2 {
  width: 690px;
  padding-left: 90px;
  background: url(../images/style1/ip-1.png) no-repeat 0 8px;
}
ul.philosophyList {
  float: left;
}
ul.philosophyList li {
  padding: 0 25px 0 55px;
  width: 400px;
  margin-bottom: 30px;
  float: ;
}
ul.philosophyList li.pullquote {
  background: url(../images/style1/large-quotes.png) no-repeat 10px 5px;
}
ul.philosophyList li.pullquote h2 {
  color: #888888;
  margin: 0 0 10px;
}
ul.philosophyList li.ip-2 {
  background: url(../images/style1/ip-2.png) no-repeat 0 0;
}
ul.philosophyList li.ip-3 {
  background: url(../images/style1/ip-3.png) no-repeat 0 0;
}
ul.philosophyList li.ip-4 {
  background: url(../images/style1/ip-4.png) no-repeat 0 0;
}
ul.philosophyList li.ip-5 {
  background: url(../images/style1/ip-5.png) no-repeat 0 0;
}
ul.philosophyList li.ip-6 {
  background: url(../images/style1/ip-6.png) no-repeat 0 0;
}
ul.philosophyList li.ip-7 {
  background: url(../images/style1/ip-7.png) no-repeat 0 0;
}
ul.philosophyList li.ip-8 {
  background: url(../images/style1/ip-8.png) no-repeat 0 0;
}
ul.philosophyList li.ip-9 {
  background: url(../images/style1/ip-9.png) no-repeat 0 0;
}
ul.philosophyList li.ip-10 {
  background: url(../images/style1/ip-10.png) no-repeat 0 0;
}
/* investment philosophy page */
.philosophy {
  margin: 20px 0 30px;
  padding: 20px 0;
  color: #888888;
  background: #f1f3f5;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.philosophy h2 {
  width: 690px;
  padding-left: 90px;
  background: url(../images/style1/ip-1.png) no-repeat 0 8px;
}
ul.philosophyList {
  float: left;
}
ul.philosophyList li {
  padding: 0 25px 0 55px;
  width: 400px;
  margin-bottom: 30px;
}
ul.philosophyList li.pullquote {
  background: url(../images/style1/large-quotes.png) no-repeat 10px 5px;
}
ul.philosophyList li.pullquote h2 {
  color: #888888;
  margin: 0 0 10px;
}
ul.philosophyList li.ip-2 {
  background: url(../images/style1/ip-2.png) no-repeat 0 0;
}
ul.philosophyList li.ip-3 {
  background: url(../images/style1/ip-3.png) no-repeat 0 0;
}
ul.philosophyList li.ip-4 {
  background: url(../images/style1/ip-4.png) no-repeat 0 0;
}
ul.philosophyList li.ip-5 {
  background: url(../images/style1/ip-5.png) no-repeat 0 0;
}
ul.philosophyList li.ip-6 {
  background: url(../images/style1/ip-6.png) no-repeat 0 0;
}
ul.philosophyList li.ip-7 {
  background: url(../images/style1/ip-7.png) no-repeat 0 0;
}
ul.philosophyList li.ip-8 {
  background: url(../images/style1/ip-8.png) no-repeat 0 0;
}
ul.philosophyList li.ip-9 {
  background: url(../images/style1/ip-9.png) no-repeat 0 0;
}
ul.philosophyList li.ip-10 {
  background: url(../images/style1/ip-10.png) no-repeat 0 0;
}
/* ----- contact us ----- */
.contact {
  padding-left: 35px;
  width: 220px;
  /*margin-right: 50px;*/

  float: left;
  background: url(../images/style1/contact-icons.png) no-repeat 0 6px;
  min-height: 200px;
}
.contact.phone h2 {
  margin: 0;
}
.contact.email {
  background-position: 0 -256px;
}
.contact.mailingAddress {
  background-position: 0 -523px;
}
.contact.mailingAddress ul {
  width: 100px;
  margin: 0 10px 10px 0;
  float: left;
}
.contactSidebar li {
  margin-bottom: 10px;
}
.contactSidebar li a.buttonSmall {
  margin-bottom: 15px;
}
#fancybox-outer {
  background-color: #ffffff;
  border: 10px solid #0c3557;
  padding: 45px;
  -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.6);
  behavior: url(/pie.htc);
}
.closeButton {
  position: absolute;
  top: -20px;
  right: -20px;
}
.fancy-bg {
  background: url(../images/style1/black.png) repeat;
}
.widgetOptions {
  float: left;
  padding: 30px 50px 0 0;
  /* height: 700px;*/

  border-top: 1px solid #c8c8c8;
  max-width: 230px;
}
.widgetOptions.wide {
  max-width: 320px;
}
.widgetOptions select {
  width: 200px;
  display: block;
  margin: 5px 0;
}
.widgetOptions textarea {
  width: 200px;
  height: 100px;
  margin: 10px 0;
}
.widgetOptions iframe {
  float: left;
}
/* ----- loading ----- */
.modal_loader {
  width: 199px;
  height: 199px;
  margin: auto;
  margin-top: 200px;
  background: url('../images/style1/ajax-loader.gif') no-repeat;
  filter: alpha(opacity=100);
  /* internet explorer */

  -khtml-opacity: 1;
  /* khtml, old safari */

  -moz-opacity: 1;
  /* mozilla, netscape */

  opacity: 1;
  /* fx, safari, opera */

}
#modal {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  filter: alpha(opacity=50);
  /* internet explorer */

  -khtml-opacity: 0.5;
  /* khtml, old safari */

  -moz-opacity: 0.5;
  /* mozilla, netscape */

  opacity: 0.5;
  /* fx, safari, opera */

}
/* ----- smartphones (portrait and landscape) ----- */
/*@media only screen and (min-width: 320px) and (max-width: 480px) {
  .mainContent{
    width: 320px;
  }
  .topNav ul{
    float: left;
    display: block;
  }
  .header{
     ul.mainNav {
      width: 100%;
      li{
        float: none;
        a{
          padding: 5px 10px;
          overflow: hidden;
          width: 100%;
          float: none;
          display: block;
          &.selected{
            background: none;
            background-color: @boxgrey;
          }
        }
      }
    }
    .subnav{
      ul{
        width: 100%;
        li{
          float: none;
          a{
            float: none;
            display: block;
            padding: 2px 5px;
            margin: 0;
            &:hover{
              border: none;
              padding: 2px 5px;
            }
            &.selected{
              border: none;
              padding: 2px 5px;
            }
          }
        }
      }
    }
  }
  .modelMenu{
    width: 100%;
    margin: 0;
    li{
      float: none;
      display: block;
      a{
        float: none;
        display: block;
        background: none;
        border-left: none;
        border-right: none;
        a.selected{
          background-color: @lightgrey;
        }
      }
    }
  }
  .modelInfo{
    width: 100%;
  }
}*/
.reset .accountSelector {
  position: relative;
  top: 5px;
}
.reset .accountSelector label {
  color: #888888;
  float: left;
  margin: 3px 5px 0 0;
}
.reset .accountSelector select {
  float: left;
  min-width: 170px;
}
/* ----- error pages ----- */
.errorPages h1 {
  font-size: 45px;
  margin-bottom: 30px;
}
.errorPages h4 {
  margin: 0;
}
.errorPages img {
  float: left;
  margin-top: 40px;
  margin-bottom: 160px;
}
.errorPages img.error403,
.errorPages img.error500 {
  margin-top: 60px;
  margin-bottom: 100px;
}
.errorPages .errorText {
  float: left;
  margin-left: 70px;
  margin-top: 105px;
}
.errorPages a {
  text-decoration: underline;
}
div .signAgreementMessage {
  height: 300px;
}
div .signAgreementMessage h5 {
  margin-bottom: 10px;
}
/* ----- Hassan additions (start) ----- */
#subscribePanel2 ul li {
  border: solid 1px #ffffff;
}
.noholdings_label {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 6px 6px 6px 6px;
  left: 415px;
  position: absolute;
  top: 195px;
}
.columnWide .pagination {
  text-align: right;
}
.subscribePanel ul li {
  border: none !Important;
}
.pagination_button {
  border-right: 1px solid #ccc;
  padding: 2px 6px 2px 6px;
}
a.update_bt {
  width: 57px;
  height: 22px;
  bottom: 9px;
  left: 278px;
  text-indent: -5000px;
  background: url(../images/transactions/update_but.gif) no-repeat;
  float: left;
  margin-left: 10px;
}
.transaction_control input.calendar {
  background: url("../images/transactions/calendar.gif") no-repeat scroll 96px 2px #ffffff;
  font-size: 11px;
  padding: 2px;
  width: 110px;
}
.securitys {
  float: left;
  margin: 0px 10px;
}
.acceptedbox {
  bottom: 5px;
  left: 560px;
}
.acceptedbox ul {
  margin: 0;
  padding: 0;
}
.acceptedbox ul li.off {
  background: url("../images/ranking/tab_rank_grey_repeat.gif") repeat-x scroll 0 0 transparent;
}
.replicable {
  margin-left: 10px;
}
.transaction_control {
  background: #ebebeb;
  border: 1px solid #ccc;
  height: 66px;
  margin: 10px 0 10px 0;
}
.Dates {
  float: left;
  padding-left: 10px;
  width: 340px;
}
.calendar {
  float: left;
}
.calendar_linktext {
  padding: 0px 10px;
  float: left;
}
/* ----- Hassan addition (end) ----- */
/* ----- fullSearch ----- */
.fullSearch {
  padding: 20px 0 0;
}
.fullSearchResults a {
  line-height: 1.4em;
  font-size: 14px;
}
.fullSearchResults a:hover {
  color: #1a7fc3;
}
.fullSearchResults tr h3 {
  padding-top: 30px;
}
.fullSearchResults tr h3.investmentModels {
  padding-top: 0;
}
.fullSearchResults tr.models,
.fullSearchResults tr.managers {
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 30px;
}
.fullSearchResults tr td {
  vertical-align: middle;
  text-align: left;
  height: 100%;
  padding: 5px 10px 5px 0;
}
.fullSearchResults tr td .image {
  width: 40px;
}
.fullSearchResults tr td .image img {
  border: 1px solid #c8c8c8;
  max-width: 35px;
  max-height: 35px;
}
.fullSearchResults tr td .image img.border-less {
  border: 0;
}
.fullSearchResults tr td .text {
  width: 200px;
}
.fullSearchResults tr td .text a {
  display: block;
}
.resultsContent h2.padded {
  margin-top: 20px;
}
#covestorUserMessage {
  width: 100%;
  height: 50px;
  background-color: red;
  color: white;
  z-index: 9999;
  text-align: center;
  padding-top: 10px;
  font-weight: bold;
  position: fixed;
  bottom: 0;
}
/* ----- do not show titles on prettyphoto popups ----- */
div.ppt,
.pp_description {
  display: none !important;
}
.hide {
  display: none;
}
.relative {
  position: relative;
  top: 0;
  left: 0;
  overflow: visible !important;
}
#fancybox-tmp,
#fancybox-loading,
#fancybox-overlay,
#fancybox-wrap {
  display: none;
}
.disable-selection {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
/* additions for Martin */
.whr-dept,
.whr-date {
  display: none;
}
.whr-items {
  margin: 10px 0 20px;
}
.whr-item + .whr-item {
  margin-top: 5px;
}
/* ----- smartphones (landscape) ----- */
@media only screen and (min-width: 321px) {
  /* Styles */
}
/* ----- smartphones (portrait) ----- */
@media only screen and (max-width: 320px) {
  /* Styles */
}
/* ----- iPads (portrait and landscape) ----- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
}
/* ----- iPads (landscape) ----- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */
}
/* ----- iPads (portrait) ----- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */
}
/* ----- desktops and laptops ----- */
@media only screen and (min-width: 1224px) {
  
}
/* ----- large screens ----- */
@media only screen and (min-width: 1824px) {
  /* Styles */
}
/* ----- iPhone 4 ----- */
@media screen and (max-width: 767px) {
  html {
    -webkit-text-size-adjust: none;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}
/*** APPEND MODULES ***/
/* ----- main logo ----- */
.reset a.logo {
  display: block;
  width: 191px;
  height: 35px;
  background: url(../images/style1/main-logo.png) no-repeat 0 0;
  text-indent: -99999px;
  float: left;
  margin: 27px 0;
}
/* --------------------
topNav
--------------------- */
.topNav {
  background-color: #0c3557;
  width: 100%;
  color: #9eaebc;
  display: block;
  position: relative;
  z-index: 1001;
  height: 38px;
}
.topNav p {
  float: left;
  display: inline-block;
  padding: 10px 0 0;
  margin: 0 0;
}
.topNav ul {
  float: right;
  position: relative;
  z-index: 1002;
}
.topNav ul .newSearch text {
  width: 170px;
  background: #f8f8f8 url(../images/style1/search-icon.png) no-repeat 98% 50%;
  margin: 5px 0px 0px 12px;
  font-size: 12px;
  padding: 2px;
  color: #0c3557;
}
.topNav ul li {
  float: left;
  position: relative;
  /**
 * search variables
 */

}
.topNav ul li .hints {
  position: absolute;
  margin: 2px 0 0 -90px;
  padding: 5px 10px 11px;
  width: 280px;
  background-color: #0c3557;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.topNav ul li .hints a {
  display: block;
  width: 272px;
  margin: 0;
  padding: 3px 2px;
  background: #ffffff;
  border-width: 0px;
  border-left-width: 2px;
  border-right-width: 2px;
  border-style: solid;
  border-color: #0c3557;
  border-radius: 2px;
  opacity: 0.90;
  position: relative;
  z-index: 1;
  transition: opacity 0.3s, box-shadow 0.3s;
}
.topNav ul li .hints a h6 {
  margin-top: 3px;
  line-height: 1.2em;
  font-size: 14px;
  font-weight: normal;
  color: #0c3557;
}
.topNav ul li .hints a h6.centered {
  text-align: center;
}
.topNav ul li .hints a:last-child {
  border-bottom-width: 1px;
}
.topNav ul li .hints a:first-child {
  border-top-width: 1px;
}
.topNav ul li .hints a table {
  width: 100%;
}
.topNav ul li .hints a table td.thumbnail {
  width: 38px;
  vertical-align: middle;
}
.topNav ul li .hints a table td.image {
  width: 20px;
  vertical-align: middle;
  text-align: right;
}
.topNav ul li .hints a table td {
  padding: 3px;
  line-height: 1em;
  min-height: 20px;
}
.topNav ul li .hints a table td img {
  padding: none;
}
.topNav ul li .hints a.hover {
  border-color: #ffffff;
  opacity: 1;
  box-shadow: 0px 0px 4px 0px rgba(12, 53, 87, 0.1);
  z-index: 2;
}
.topNav ul li a {
  float: left;
  color: #9eaebc;
  padding: 10px;
}
.topNav ul li a:hover {
  color: #ffffff;
  text-decoration: none;
}
.topNav ul li .search {
  margin: 7px 0 0 8px;
  width: 190px;
}
.topNav ul li .search .search-box {
  width: 190px;
  height: 24px;
  background-color: #3d5d79;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/pie.htc);
  position: relative;
}
.topNav ul li .search .search-box ::-webkit-input-placeholder {
  color: #9eaebc;
  font-style: normal;
}
.topNav ul li .search .search-box :-moz-placeholder {
  /* Firefox 18- */

  color: #9eaebc;
  font-style: normal;
}
.topNav ul li .search .search-box ::-moz-placeholder {
  /* Firefox 19+ */

  color: #9eaebc;
  font-style: normal;
}
.topNav ul li .search .search-box :-ms-input-placeholder {
  color: #9eaebc;
  font-style: normal;
}
.topNav ul li .search .search-box .text,
.topNav ul li .search .search-box .submit {
  position: absolute;
}
.topNav ul li .search .search-box .text {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  width: 150px;
  background: none;
  border: 0;
  padding: 0 0 0 6px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.topNav ul li .search .search-box .text:focus {
  outline: none;
}
.topNav ul li .search .search-box .submit {
  top: 0;
  right: 0;
  background: url(../images/style1/search.png) 50% -96px no-repeat;
  border: none;
  width: 30px;
  height: 24px;
  cursor: pointer;
}
.topNav ul li .search .search-box .submit:hover {
  background-position: 50% 4px;
}
/* --------------------
header
--------------------- */
.header {
  background: #106aa7 url(../images/style1/blue-bar.png) repeat-x 0 100%;
  overflow: hidden;
  font-family: "MuseoSans-500", sans-serif;
}
.header ul.mainNav {
  float: right;
}
.header ul.mainNav li {
  float: left;
}
.header ul.mainNav li a {
  font-size: 18px;
  float: left;
  padding: 40px 20px 22px;
  position: relative;
  bottom: 0;
  color: #eee;
}
.header ul.mainNav li a.selected {
  color: #88b5d3;
  background: url(../images/style1/selected-nav2.png) no-repeat 50% bottom;
}
.header ul.mainNav li a.selectedMiniBar {
  color: #888888;
  background: url(../images/style1/selected-nav-light.png) no-repeat 50% bottom;
}
.header ul.mainNav li a:hover {
  text-decoration: none;
  color: #88b5d3;
}
.header ul.mainNav li a.login {
  background: url(../images/style1/lock2.png) no-repeat 10px 47px;
  padding-left: 28px;
  padding-right: 0;
}
.header .subnav {
  background: #e6eaee url(../images/style1/subnav-border1.png) repeat-x 0 100%;
  /*min-height: 5px;*/

  clear: both;
  overflow: hidden;
  border-top: 8px solid #137ec6;
  width: 100%;
}
.header .subnav .mainContent p {
  position: absolute;
  top: 6px;
  left: 0;
  color: #708398;
  font-size: 14px;
}
.header .subnav .mainContent p a {
  padding-right: 15px;
  background: url(../images/style1/arrow-grey.png) no-repeat 100% 50%;
}
.header .subnav .mainContent ul {
  float: right;
  height: 34px;
}
.header .subnav .mainContent ul li {
  float: left;
  margin-left: 3px;
}
.header .subnav .mainContent ul li a {
  font-size: 14px;
  font-weight: normal;
  float: left;
  color: #708398;
  padding: 8px 15px 6px;
  position: relative;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.header .subnav .mainContent ul li a.selected,
.header .subnav .mainContent ul li a:hover {
  color: #1a7fc3;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  border-bottom: 1px solid #ffffff;
  border-top: 0;
  padding: 8px 14px 8px;
}
/* --------------------
footer
--------------------- */
/*.footer{
  background: #e6eaee !important;
  border-top: 1px solid #d9dfe5;
  padding: 30px 0 0;
	h3{
  	color: #8fa2b2;
	}
	ul{
  	margin: 10px 0 30px;
		li a{
  		color: @darkblue;
  		&:hover{
  			color: @brightblue;
  			text-decoration: underline;
  		}
  	}
	}
	.aboutInvesting{
  	width: 290px;
  	margin-right: 20px;
  	float: left;
	}
	.aboutCovestor{
  	width: 320px;
  	margin-right: 20px;
  	float: left;
		ul{
  		overflow: hidden;
			li{
  			width: 140px;
  			padding-right: 20px;
  			float: left;
  		}
  	}
	}
	.blog{
		position: relative;
		width: 310px;
		float: left;
		margin-bottom: 20px;
		.blogPost{
			color: @darkblue;
			margin: 12px 0 0;
			padding: 15px 20px 20px;
			width: 268px;
			display: block;
			background: #eef0f3;
			border: 1px solid #cfd6de;
			.h6{
				font-size: 15px;
				line-height: 24px;
				display: block;
			}
			&:hover {
				text-decoration: none;
				color: @brightblue;
			}
		}
	}
	a.small {
		text-decoration: underline;
		float: right;
		margin-top: 2px;

		&:hover{
			color: @grey;
		}
	}

	.blogArrow {
		position: absolute;
		bottom: 0px;
		right: 110px;
		display: inline-block;
		width: 34px;
		height: 19px;
		background: url(../images/style1/blog-arrow.png) no-repeat 0 0;
	}

	.terms {
	  	overflow: hidden;
	  	clear: both;
	  	margin: 20px 0 0;
	  	background-color: #fff;
	  	border-top: 1px solid #c5cfd7;
	  	padding-bottom: 120px;

		ul {
			margin: 30px 0 0;
 			text-align: center;
  			padding-bottom: 10px;
			li {

  				display: inline;
				
				a {
					color: #5f7a90;
  					padding: 2px 10px;
					&:hover {
	  					color: #0c3557;
	  					text-decoration: underline;
	  				}
	  			}
	  		}
	  	}

		p.small {
	  		color: #787c81;
	  		text-align: center;
	  		margin: 0 0 20px;
		}
	}
}

/* ----- hack to make the old site behave ----- */
/*#footer.container{
  width: 100%;
}

/* ----- random fixes for old site ----- */
.col_774 {
  width: 774px;
}
.staticContent {
  position: relative;
  padding: 30px 40px 30px 0;
  line-height: 1.5;
}
.staticContent p {
  margin-bottom: 10px;
}
.mainContent ul.bullet {
  list-style: disc;
  line-height: 15px;
  margin-bottom: 15px;
}
.mainContent ul.bullet li {
  margin-left: 20px;
  margin-bottom: 3px;
  list-style: disc;
}
.ptrProfilePic {
  margin: 0 10px 10px 10px;
}
.pagination li a {
  width: auto !important;
  padding: 3px 3px 0 !important;
}
.account_nav {
  z-index: 100 !important;
}
/* ----- tooltip ----- */
a.info,
div.info,
span.info {
  background: url(../images/style1/info_button.png) no-repeat 0 -3px;
  text-indent: -99999px;
  width: 20px;
  height: 12px;
  position: relative;
  top: 1px;
  left: 0;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
a.info:hover,
div.info:hover,
span.info:hover,
a.info.hover,
div.info.hover,
span.info.hover {
  background-position: 0 -43px;
}
a.info *,
div.info *,
span.info * {
  display: none;
}
.infoPopup {
  text-indent: 0;
  width: 220px;
  background-color: #fff;
  border: 1px solid #b5b5b5;
  z-index: 4;
  line-height: 1em;
  padding: 15px 15px 5px;
  color: #444;
  text-decoration: none !important;
  font-weight: normal;
  -moz-box-shadow: 1px 1px 4px #777;
  -webkit-box-shadow: 1px 1px 4px #777;
  box-shadow: 1px 1px 4px #777;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.infoPopup p {
  color: #444;
  text-decoration: none !important;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  width: auto;
  display: block;
  white-space: normal;
}
.infoPopup .corner {
  background: url(../images/style1/info_corner.png) no-repeat -9px 0;
  width: 24px;
  height: 17px;
  display: block;
  position: absolute;
  top: -17px;
  left: 20px;
}
.infoPopup h6 {
  margin-bottom: 1em;
  text-align: center;
}
.infoPopup h6 span {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: #ffffff;
  line-height: 26px;
  border-width: 1px;
  font-size: 12px;
  text-align: center;
  border-style: solid;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 1px 3px rgba(34, 34, 34, 0.5);
  -moz-box-shadow: 0px 1px 3px rgba(34, 34, 34, 0.5);
  box-shadow: 0px 1px 3px rgba(34, 34, 34, 0.5);
}
.infoPopup h6 span.level-1 {
  background: #36884b;
  border-color: #2f7641;
}
.infoPopup h6 span.level-2 {
  background: #99b12d;
  border-color: #879d28;
}
.infoPopup h6 span.level-3 {
  background: #fec251;
  border-color: #feb938;
}
.infoPopup h6 span.level-4 {
  background: #e36528;
  border-color: #d6581c;
}
.infoPopup h6 span.level-5 {
  background: #980f15;
  border-color: #810d12;
}
.infoPopup.wide {
  width: 960px;
}
.infoPopup.wide table {
  padding: 0;
  margin: 0;
}
.infoPopup.wide table tr td {
  padding: 5px 20px 10px;
  margin: 0;
  border-right: 1px solid rgba(34, 34, 34, 0.05);
}
.infoPopup.wide table tr td:last-child {
  border-right: 0;
}
.infoPopup.wide .corner {
  left: 110px;
}
.infoPopup.w350 {
  width: 350px;
}
.infoPopup.badge .corner {
  left: 113px;
}
.infoPopup.risk-score {
  width: 160px;
}
.infoPopup.risk-score .corner {
  left: 120px;
}
#fancybox-inner {
  top: 20px !important;
  left: 20px !important;
}
#fancybox-outer {
  background-color: #fff;
  border: 10px solid #0c3557;
  position: relative;
  padding: 45px;
  -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.6);
  behavior: url(/pie.htc);
}
.closeButton {
  position: absolute;
  top: -20px;
  right: -20px;
}
.fancy-bg {
  background: url(../images/style1/black.png) repeat;
}
.infoContent {
  line-height: 1.3em;
  background-color: fuchsia;
}
.ui-widget-content.ui-corner-all {
  background-color: #fff;
  border: 1px solid #c8c8c8 !important;
  border-bottom: 2px solid #c8c8c8;
  width: 225px;
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  behavior: url(/pie.htc);
  z-index: 101;
}
.ui-menu-item {
  border-bottom: 1px solid #c8c8c8;
  padding: 5px;
  overflow: hidden;
}
.ui-menu-item:hover {
  background-color: #f9f8f8;
  cursor: pointer;
}
.ui-menu-item img.chart {
  float: right;
  padding: 5px 10px 0;
  margin-top: 0;
}
.ui-menu-item h6 {
  line-height: 18px;
  width: 120px;
  float: left;
  color: #0c3557;
  font-weight: normal;
}
.ui-menu-item .small {
  width: 120px;
  float: left;
  font-size: 10px;
  line-height: 14px;
  color: #888888;
}
.ui-menu-item .small a {
  color: #888888;
  text-decoration: underline;
}
.ui-menu-item .thumbnail {
  float: left;
  margin-right: 5px;
  padding-bottom: 4px;
}
.ui-menu-item .contentWrap {
  float: left;
  width: 125px;
}
.ui-menu-item .graph {
  width: 70px;
  height: 21px;
  float: right;
  margin-right: 10px;
  margin-top: -10px;
}
/* --------------------
Referral Scheme
--------------------- */
/* ----- landing page ----- */
.panels {
  padding: 20px 0 0;
}
.panels .homeGrid {
  width: 388px;
  padding-left: 0;
  float: left;
}
.referralBox {
  float: right;
  background: #e9f3f8;
  border: 1px solid #c8c8c8;
  width: 482px;
  height: 338px;
  padding: 20px 40px;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/pie.htc);
}
.referralBox h2 {
  color: #0c3557;
  width: 330px;
}
.referralBox h5 {
  color: #626262;
}
.referralBox .button {
  float: right;
}
.referralBox .referralCards {
  position: absolute !important;
  left: 0;
  bottom: 0;
  position: relative;
  -webkit-border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  -o-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
  behavior: url(/pie.htc);
}
.referralBox .subText {
  float: right;
  width: 260px;
  text-align: right;
  margin-top: 10px;
  color: #888888;
}
.referralBox .coRibbon {
  z-index: 1;
  display: inline-block;
  position: absolute;
  top: -6px;
  right: 20px;
  width: 90px;
  height: 92px;
  background: url(../images/style1/co-ribbon.png) 50% 50%;
}
.referralBox .coRibbon h3 {
  width: 65px;
  margin: 18px auto 0;
  text-align: center;
  font-style: italic;
  color: #ffffff;
}
.logos {
  margin: 40px auto;
  width: 650px;
  text-align: center;
}
.logos h5 {
  color: #c8c8c8;
  font-style: italic;
}
.logos img {
  float: left;
  width: 130px;
  opacity: 0.65;
}
/* ----- dashboard ----- */
.referral {
  position: relative;
  display: inline-block;
  padding: 20px;
  background: #e9f3f8;
  border: 1px solid #c8c8c8;
  margin: 0 0 10px;
  font-size: 14px;
}
.referral .close {
  background: url(../images/style1/close-grey.png) no-repeat 50% 50%;
}
.referral .title {
  font-weight: bold;
}
.referral p {
  color: #888888;
}
.referral p.referralLink {
  margin-bottom: 0;
}
.referral input,
.referral .text {
  padding: 5px;
  margin-right: 2px;
  margin-bottom: 12px;
  width: 100%;
  box-sizing: border-box;
}
.referral .share .title {
  float: left;
  margin: 3px 0 0;
}
.referral .share ul {
  margin: 0 0 0 6px;
  float: left;
}
.referral .share ul li {
  margin: 0;
  padding: 0;
  float: left;
}
.referral .share ul li a {
  display: inline-block;
  text-indent: -9999px;
  width: 28px;
  height: 28px;
}
.referral .share ul li.facebook a {
  background: url(../images/style1/share-facebook.png) no-repeat;
}
.referral .share ul li.twitter a {
  background: url(../images/style1/share-twitter.png) no-repeat;
}
.referral .share ul li.linkedin a {
  background: url(../images/style1/share-linkedin.png) no-repeat;
}
.referral .share ul li.googleplus a {
  background: url(../images/style1/share-google.png) no-repeat;
}
.referral .share ul li.email a {
  background: url(../images/style1/share-email.png) no-repeat;
}
/* ----- /* home (new!) /* ----- */
.homeGridContainer {
  padding: 40px 0;
}
.mainContent .disclosure.slidingDiv {
  border-bottom: 0;
}
.threeColumns {
  padding: 0;
  background: #f8f8f8;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
}
.threeColumns .oneThird {
  width: 300px;
  margin: 0;
  margin: 50px 30px 50px 0;
  float: left;
}
.threeColumns .oneThird.last {
  margin-right: 0;
}
.threeColumns .oneThird p.cta {
  text-align: right;
}
.homeGrid {
  width: 970px;
  padding-left: 10px;
  margin: 0 auto;
}
.homeGrid .panel {
  width: 184px;
  height: 184px;
  float: left;
  margin: 0 10px 10px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/pie.htc);
  position: relative;
  font-family: "MuseoSans-500", sans-serif;
  /* main panel */

  /* money manager panels */

  /* mmp panels */

  /* quote panels */

}
.homeGrid .panel.mainCTA {
  width: 378px;
  height: 378px;
  margin-bottom: 8px;
  background: #106aa7;
}
.homeGrid .panel.mainCTA .mainMessage {
  padding: 40px;
  background: #1a7fc3;
  position: relative;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  behavior: url(/pie.htc);
}
.homeGrid .panel.mainCTA .mainMessage h1 {
  color: #ffffff;
  font-size: 48px;
}
.homeGrid .panel.mainCTA .secondaryMessage {
  padding: 40px;
}
.homeGrid .panel.mainCTA .secondaryMessage h3 {
  color: #ffffff;
}
.homeGrid .panel.mainCTA .secondaryMessage ul li a {
  color: #9bcef5;
  line-height: 22px;
  padding-right: 16px;
  margin-left: 10px;
  background: url(../images/style1/white-arrow-sprite.png) no-repeat 100% -74px;
}
.homeGrid .panel.mainCTA .secondaryMessage ul li a:hover {
  color: #ffffff;
  background-position: 100% 6px;
}
.homeGrid .panel.mainCTA .seeHow {
  transition: all 0.5s ease;
  font-size: 18px;
  color: #ffffff;
  position: absolute !important;
  bottom: 0;
  left: 0;
  width: 318px;
  height: 50px;
  display: inline-block;
  padding: 0 30px;
  background: #0c3557;
  position: relative;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  behavior: url(/pie.htc);
}
.homeGrid .panel.mainCTA .seeHow span {
  display: inline-block;
  margin-top: 12px;
  padding-right: 14px;
  background: url(../images/style1/light-blue-arrow.png) no-repeat 100% 50%;
}
.homeGrid .panel.mainCTA .seeHow:hover {
  color: #88b5d3;
}
.homeGrid .panel.moneyManager img {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/pie.htc);
}
.homeGrid .panel.moneyManager .bg {
  transition: all 0.5s ease;
  position: absolute !important;
  left: 0;
  top: 134px;
  display: inline-block;
  height: 50px;
  width: 100%;
  background: url(../images/style1/mmp-bg.png) repeat;
  position: relative;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  behavior: url(/pie.htc);
}
.homeGrid .panel.moneyManager .name,
.homeGrid .panel.moneyManager .portfolio,
.homeGrid .panel.moneyManager .metric {
  position: absolute;
  color: #ffffff;
}
.homeGrid .panel.moneyManager .name {
  top: 5px;
  left: 8px;
  font-size: 15px;
}
.homeGrid .panel.moneyManager .portfolio {
  top: 28px;
  left: 8px;
  font-size: 10px;
  text-transform: uppercase;
}
.homeGrid .panel.moneyManager .metric {
  font-size: 12px;
  top: 8px;
  right: 8px;
}
.homeGrid .panel.moneyManager .metric.positive {
  padding-left: 12px;
  background: url(../images/style1/green-arrow-small-2.png) no-repeat 0 7px;
}
.homeGrid .panel.moneyManager .metric.negative {
  padding-left: 14px;
  background: url(../images/style1/red-arrow-small.png) no-repeat 0 6px;
}
.homeGrid .panel.moneyManager:hover .bg {
  background: url(../images/style1/mmp-bg-2.png) repeat;
}
.homeGrid .panel.mmp {
  background: #1a7fc3;
}
.homeGrid .panel.mmp img {
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -42.5px;
}
.homeGrid .panel.mmp p {
  transition: all 0.5s ease;
  width: 100%;
  margin-bottom: 0;
  position: absolute;
  top: 125px;
  color: #88b5d3;
  text-align: center;
  text-transform: uppercase;
}
.homeGrid .panel.mmp:hover p {
  color: #ffffff;
}
.homeGrid .panel.quote {
  background: #dfdfdf;
}
.homeGrid .panel.quote .quoteContainer {
  display: table;
  width: 184px;
  height: 184px;
}
.homeGrid .panel.quote h3 {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
  color: #888888;
  z-index: 2;
  position: relative;
  top: 0;
  left: 0;
}
.homeGrid .panel.quote .howItWorks {
  z-index: 2;
  transition: all 0.5s ease;
  font-family: "Helvetica";
  width: 74px;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 20px;
  background: ;
  padding: 0 3px 8px 3px;
  font-size: 10px;
  line-height: 1em;
  background: url(../images/style1/link-arrow.png) no-repeat 100% 2px;
}
.homeGrid .panel.quote:hover .howItWorks {
  right: 15px;
  color: #106aa7;
}
.homeGrid .panel.quote:hover .hover {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.homeGrid .panel.quote .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all opacity 0.2s ease-out;
  -moz-transition: all opacity 0.2s ease-out;
  -o-transition: all opacity 0.2s ease-out;
  transition: all opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  behavior: url(/pie.htc);
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
}
#stickyFooter {
  z-index: 100;
  width: 100%;
  position: fixed;
  bottom: 0px;
  border-top: 1px solid #888888;
  padding: 6px 0;
  background: url(../images/style1/sticky-footer-bg.png) repeat;
}
#stickyFooter .questions {
  float: left;
  margin-top: 10px;
  color: #0c3557;
}
#stickyFooter .questions span {
  margin-left: 5px;
}
#stickyFooter .actions {
  float: right;
  font-size: 18px;
  font-family: "MuseoSans-500", sans-serif;
}
#stickyFooter .actions .or {
  margin: 0 6px 0 4px;
  font-size: 15px;
  color: #888888;
  font-family: "Helvetica";
  font-style: italic;
}
#stickyFooter .actions .button {
  position: relative;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  border: 4px solid #d2ecd3;
  background-color: #35a93b;
  background-image: -moz-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -ms-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -o-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#46b74c 5%), color-stop(#108f16 100%));
  background-image: -webkit-linear-gradient(top, #46b74c 5%, #108f16 100%);
  background-image: linear-gradient(top, #46b74c 5%, #108f16 100%);
  -pie-background: linear-gradient(top, #46b74c 5%, #108f16 100%);
  -webkit-box-shadow: inset 0 0 1px #104312;
  -moz-box-shadow: inset 0 0 1px #104312;
  -o-box-shadow: inset 0 0 1px #104312;
  box-shadow: inset 0 0 1px #104312;
  behavior: url(/pie.htc);
}
#stickyFooter .actions .button:hover {
  background-color: #57d35d;
  background-image: -moz-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  background-image: -ms-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  background-image: -o-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#47be4d 5%), color-stop(#1a9d21 100%));
  background-image: -webkit-linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  background-image: linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  -pie-background: linear-gradient(top, #47be4d 5%, #1a9d21 100%);
  behavior: url(/pie.htc);
}
.whiteArrow,
.greyArrow {
  display: inline-block;
  padding-left: 5px;
  width: 10px;
  height: 10px;
  background: url(../images/style1/white-arrow.png) no-repeat 100% 50%;
}
.greyArrow {
  background: url(../images/style1/grey-arrow-home.png) no-repeat 100% 50%;
}
.greenPanel {
  transition: all 0.5s ease;
}
.greenPanel:hover {
  background: #44a65c !important;
}
.olivePanel {
  transition: all 0.5s ease;
}
.olivePanel:hover {
  background: #acc928 !important;
}
/*** panel animation ***/
.homeGrid.twoD .panel.scene {
  position: relative;
  top: 0;
  left: 0;
  width: 184px;
  height: 184px;
}
.homeGrid.twoD .panel.scene > div.cube {
  width: 184px;
  height: 184px;
  position: relative;
  top: 0;
  left: 0;
}
.homeGrid.twoD .panel.scene > div.cube > a.panel {
  top: 0;
  left: 0;
  position: absolute;
  float: none;
}
.homeGrid.twoD .panel.scene > div.cube > a.panel:first-child {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 2;
}
.homeGrid.twoD .panel.scene > div.cube > a.panel:last-child {
  z-index: 1;
}
.homeGrid.twoD .panel.scene > div.cube.animate > a.panel {
  -webkit-transition: all opacity 0.4s ease-in-out ease-out;
  -moz-transition: all opacity 0.4s ease-in-out ease-out;
  -o-transition: all opacity 0.4s ease-in-out ease-out;
  transition: all opacity 0.4s ease-in-out ease-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.homeGrid.twoD .panel.scene > div.cube.animate > a.panel:first-child {
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.homeGrid.threeD .panel.scene {
  -webkit-perspective: 552px;
  -moz-perspective: 552px;
  perspective: 552px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  top: 0;
  left: 0;
  width: 184px;
  height: 184px;
}
.homeGrid.threeD .panel.scene > div.cube {
  width: 184px;
  height: 184px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-92px);
  -moz-transform: translateZ(-92px);
  -o-transform: translateZ(-92px);
  -ms-transform: translateZ(-92px);
  transform: translateZ(-92px);
  -webkit-backface-visibility: hidden;
  position: relative;
  top: 0;
  left: 0;
}
.homeGrid.threeD .panel.scene > div.cube > a.panel {
  -webkit-transform-origin: 92px 92px;
  -moz-transform-origin: 92px 92px;
  -o-transform-origin: 92px 92px;
  -ms-transform-origin: 92px 92px;
  transform-origin: 92px 92px;
  top: 0;
  left: 0;
  position: absolute;
  float: none;
}
.homeGrid.threeD .panel.scene > div.cube > a.panel:first-child {
  -webkit-transform: translateZ(92px);
  -moz-transform: translateZ(92px);
  -o-transform: translateZ(92px);
  -ms-transform: translateZ(92px);
  transform: translateZ(92px);
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.homeGrid.threeD .panel.scene > div.cube.animate {
  -webkit-transition: all transform 0.4s ease-in-out ease-out;
  -moz-transition: all transform 0.4s ease-in-out ease-out;
  -o-transition: all transform 0.4s ease-in-out ease-out;
  transition: all transform 0.4s ease-in-out ease-out;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  -o-transition: -o-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out,-moz-transform 0.4s ease-in-out,-o-transform 0.4s ease-in-out,transform 0.4s ease-in-out;
}
.homeGrid.threeD .panel.scene > div.cube.animate > a.panel {
  -webkit-transition: all opacity 0.4s ease-in-out ease-out;
  -moz-transition: all opacity 0.4s ease-in-out ease-out;
  -o-transition: all opacity 0.4s ease-in-out ease-out;
  transition: all opacity 0.4s ease-in-out ease-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.homeGrid.threeD .panel.scene > div.cube.animate > a.panel:first-child {
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.homeGrid.threeD .panel.scene > div.cube.animate > a.panel:last-child {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.homeGrid.threeD .panel.scene > div.cube.spinRight > a.panel:last-child {
  -webkit-transform: translateX(92px) rotateY(90deg);
  -moz-transform: translateX(92px) rotateY(90deg);
  -o-transform: translateX(92px) rotateY(90deg);
  -ms-transform: translateX(92px) rotateY(90deg);
  transform: translateX(92px) rotateY(90deg);
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.homeGrid.threeD .panel.scene > div.cube.spinRight.animate {
  -webkit-transform: translateZ(-92px) rotateY(-90deg);
  -moz-transform: translateZ(-92px) rotateY(-90deg);
  -o-transform: translateZ(-92px) rotateY(-90deg);
  -ms-transform: translateZ(-92px) rotateY(-90deg);
  transform: translateZ(-92px) rotateY(-90deg);
}
.homeGrid.threeD .panel.scene > div.cube.spinRight.animate > a.panel:last-child {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.homeGrid.threeD .panel.scene > div.cube.spinDown > a.panel:last-child {
  -webkit-transform: translateY(-92px) rotateX(90deg);
  -moz-transform: translateY(-92px) rotateX(90deg);
  -o-transform: translateY(-92px) rotateX(90deg);
  -ms-transform: translateY(-92px) rotateX(90deg);
  transform: translateY(-92px) rotateX(90deg);
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.homeGrid.threeD .panel.scene > div.cube.spinDown.animate {
  -webkit-transform: translateZ(-92px) rotateX(-90deg);
  -moz-transform: translateZ(-92px) rotateX(-90deg);
  -o-transform: translateZ(-92px) rotateX(-90deg);
  -ms-transform: translateZ(-92px) rotateX(-90deg);
  transform: translateZ(-92px) rotateX(-90deg);
}
.homeGrid.threeD .panel.scene > div.cube.spinDown.animate > a.panel:last-child {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* these are the media queries for the new homepage... put at the bottom of style1.less */
/* ----- home styles ----- */
/*@media only screen
and (max-width : 980px){
  .homeGridContainer{
  	width: 100%;
	  .homeGrid{
		  width: 776px;
		  padding-left: 10px;
			.panel{
				&.last{
					margin-right: 10px;
				}
		  }
	  }
  }
  .logoBar{
  	width: 100%;
  	p.mainContent, ul.mainContent{
  		width: 100%;
		  box-sizing: border-box;
		  padding: 0 20px;
  	}
  }
  #stickyFooter{
	  .mainContent{
		  width: 100%;
		  box-sizing: border-box;
		  padding: 0 20px;
	  }
  }
}

@media only screen
and (max-width : 786px){
  .homeGridContainer{
	  .homeGrid{
		  width: 582px;
	  }
  }
   #stickyFooter{
	  .mainContent{
		  text-align: center;
		  .questions, .actions{
				float: none;
		  }
		  .questions{
			  margin-bottom: 6px;
		  }
	  }
  }
}

@media only screen
and (max-width : 592px){
  .homeGridContainer{
	  .homeGrid{
		  width: 388px;
	  }
  }
}

@media only screen
and (max-width : 398px){
  .homeGridContainer{
	  .homeGrid{
	  	width: 90%;
		  padding: 0 10px;
		  text-align: center;
		  .panel{
		  	float: none;
		  	text-align: left;
		  	display: inline-block;
			  &.mmp, &.quote{
			  }
			  &.mainCTA{
				  width: 100%;
				  height: auto;
				  h1{
					  font-size: 35px;
				  }
				  h2{
					  font-size: 19px;
					  margin-bottom: 12px;
				  }
				  h5{
					  padding-bottom: 70px;
				  }
			  }
		  }
	  }
  }
}*/
/* simple search page */
.simpleSearchQuestions {
  position: relative;
  z-index: 1;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  background: #f8f8f8;
  -webkit-box-shadow: 0 2px 2px rgba(187, 197, 206, 0.9);
  -moz-box-shadow: 0 2px 2px rgba(187, 197, 206, 0.9);
  -o-box-shadow: 0 2px 2px rgba(187, 197, 206, 0.9);
  box-shadow: 0 2px 2px rgba(187, 197, 206, 0.9);
  behavior: url(/pie.htc);
}
.simpleSearchQuestions ul {
  width: 960px;
  margin: 0 auto;
  font-size: 0;
}
.simpleSearchQuestions ul > li {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  width: 220px;
  padding: 20px 0 1em 20px;
  margin-bottom: 0;
  background: url(../images/style1/ss-divider.png) no-repeat 0 0;
}
.simpleSearchQuestions ul > li:hover {
  background: url(../images/style1/ss-divider.png) no-repeat 0 0, url(../images/style1/highlight.png) repeat-x 0 0;
}
.simpleSearchQuestions ul > li.first {
  background: none;
}
.simpleSearchQuestions ul > li.first:hover {
  background: url(../images/style1/highlight.png) repeat-x 0 0;
}
.simpleSearchQuestions ul > li .number {
  float: left;
  margin-top: 1px;
}
.simpleSearchQuestions ul > li div.container {
  float: left;
  margin-left: 12px;
  width: 170px;
}
.simpleSearchQuestions ul > li div.container select {
  width: 140px;
  margin: 0;
}
.simpleSearchQuestions ul > li div.container input.text {
  padding: 2px;
  width: 134px;
  margin: 0;
}
.simpleSearchQuestions ul > li div.container label {
  font-size: 12px;
  margin-bottom: 2em;
}
.simpleSearchQuestions ul > li .riskScoreSlider {
  font-size: 8px;
  margin-top: 10px;
}
.simpleSearchQuestions ul > li .riskScoreSlider li.outline {
  height: 2.7em;
}
.simpleSearchQuestions div.input-container label.radioButton {
  display: inline-block;
  margin: 0 1.5em 0 0;
  line-height: 2em;
  cursor: pointer;
}
.simpleSearchQuestions div.input-container label.radioButton input {
  cursor: pointer;
  width: 1.3em;
  height: 1.3em;
  margin: 0.2em 0.35em;
}
.input.text-input {
  position: relative;
  top: 0;
  left: 0;
  overflow: visible !important;
  background: #FFFFFF;
  border: 1px solid #e2e2e2;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  behavior: url(/pie.htc);
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
}
.input.text-input .add-before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 28px;
  padding: 0 5px;
  color: #c8c8c8;
  line-height: 28px;
}
.input.text-input.filled .add-before {
  color: #222222;
}
.input.text-input input {
  width: 132px;
  position: relative;
  z-index: 2;
  background: transparent;
  border: 0;
  font-size: 14px;
  padding: 0 0 0 18px;
  height: 28px;
  letter-spacing: 1px;
  line-height: 28px;
  margin: 0;
  color: inherit;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08) inset;
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08) inset;
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08) inset;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08) inset;
  -wap-input-format: "*N";
  outline: none;
}
.input.text-input input::-webkit-input-placeholder {
  color: #c8c8c8;
  font-style: normal;
}
.input.text-input input:-moz-placeholder {
  color: #c8c8c8;
  font-style: normal;
}
.input.text-input input::-moz-placeholder {
  color: #c8c8c8;
  font-style: normal;
}
.input.text-input input:-ms-input-placeholder {
  color: #c8c8c8;
  font-style: normal;
}
.input.text-input input:active,
.input.text-input input:focus {
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 0px 5px rgba(16, 106, 167, 0.6);
  -moz-box-shadow: 0px 0px 5px rgba(16, 106, 167, 0.6);
  box-shadow: 0px 0px 5px rgba(16, 106, 167, 0.6);
}
.input.select-input {
  position: relative;
  top: 0;
  left: 0;
  overflow: visible !important;
  background: #FFFFFF;
  width: 150px;
  margin: 0;
  display: inline-block;
  /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

}
.input.select-input span {
  display: block;
  z-index: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow: visible !important;
  background: #FFFFFF;
  padding: 0 6px;
  height: 28px;
  line-height: 28px;
  margin: 0;
  color: #888;
  border: 1px solid #e2e2e2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, #f4f4f4 100%);
  -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.05) inset;
  -moz-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.05) inset;
  -webkit-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.05) inset;
  -moz-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.05) inset;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  behavior: url(/pie.htc);
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.input.select-input span.active {
  color: #222222;
}
.input.select-input span:after {
  content: '\25BC';
  color: #666;
  right: 0;
  top: 0;
  line-height: 28px;
  padding: 0;
  position: absolute;
  pointer-events: none;
  margin-right: 7px;
  font-size: 12px;
}
.input.select-input select:active + span {
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08) inset;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08) inset;
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08) inset;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08) inset;
  background-image: none;
}
.input.select-input select:active + span,
.input.select-input select:focus + span {
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 0px 3px 1px rgba(16, 106, 167, 0.5);
  -moz-box-shadow: 0px 0px 3px 1px rgba(16, 106, 167, 0.5);
  box-shadow: 0px 0px 3px 1px rgba(16, 106, 167, 0.5);
}
.input.select-input select:hover + span,
.input.select-input select:focus + span {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #efefef 100%);
}
.input.select-input select {
  width: 100% !important;
  height: 100%;
  padding: 0;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  cursor: pointer;
  outline: none;
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .input.select-input select {
    padding-right: 18px;
  }
}
.simpleSearch {
  background: #e4e8eb;
  padding: 0;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}
.simpleSearch .content {
  white-space: nowrap;
  overflow: hidden;
  padding: 40px 0;
  position: relative;
  top: 0;
  left: -35px;
  width: 1030px;
  z-index: 1;
}
.simpleSearch .content .results {
  height: 338px;
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all opacity 0.2s ease-out;
  -moz-transition: all opacity 0.2s ease-out;
  -o-transition: all opacity 0.2s ease-out;
  transition: all opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  padding: 0 40px;
}
.simpleSearch .content .results .portfolioCard:last-child {
  margin-right: 40px;
}
.simpleSearch .content .results.updating {
  -khtml-opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.simpleSearch .loader {
  display: none;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  background: url(../images/style1/ajax-loader.gif) no-repeat center center;
  z-index: 10;
  cursor: wait;
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.simpleSearch .mask {
  position: absolute;
  top: 5%;
  height: 90%;
  width: 40px;
  padding: 0;
  left: 50%;
  z-index: 2;
}
.simpleSearch .mask.left {
  margin-left: -515px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMjgsIDIzMiwgMjM1KSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9InJnYigyMjgsIDIzMiwgMjM1KSIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyMjgsIDIzMiwgMjM1KSIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(right, rgba(228, 232, 235, 0) 0%, rgba(228, 232, 235, 0.8) 70%, rgba(228, 232, 235, 0.95) 100%);
  background-image: -moz-linear-gradient(right, rgba(228, 232, 235, 0) 0%, rgba(228, 232, 235, 0.8) 70%, rgba(228, 232, 235, 0.95) 100%);
  background-image: -o-linear-gradient(right, rgba(228, 232, 235, 0) 0%, rgba(228, 232, 235, 0.8) 70%, rgba(228, 232, 235, 0.95) 100%);
  background-image: linear-gradient(to left, rgba(228, 232, 235, 0) 0%, rgba(228, 232, 235, 0.8) 70%, rgba(228, 232, 235, 0.95) 100%);
}
.simpleSearch .mask.left .arrow {
  left: -60px;
  background: url(../images/style1/ss-arrow-left.png) no-repeat center center;
}
.simpleSearch .mask.right {
  margin-left: 475px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMjgsIDIzMiwgMjM1KSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9InJnYigyMjgsIDIzMiwgMjM1KSIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyMjgsIDIzMiwgMjM1KSIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, rgba(228, 232, 235, 0) 0%, rgba(228, 232, 235, 0.8) 70%, rgba(228, 232, 235, 0.95) 100%);
  background-image: -moz-linear-gradient(left, rgba(228, 232, 235, 0) 0%, rgba(228, 232, 235, 0.8) 70%, rgba(228, 232, 235, 0.95) 100%);
  background-image: -o-linear-gradient(left, rgba(228, 232, 235, 0) 0%, rgba(228, 232, 235, 0.8) 70%, rgba(228, 232, 235, 0.95) 100%);
  background-image: linear-gradient(to right, rgba(228, 232, 235, 0) 0%, rgba(228, 232, 235, 0.8) 70%, rgba(228, 232, 235, 0.95) 100%);
}
.simpleSearch .mask.right .arrow {
  right: -60px;
  background: url(../images/style1/ss-arrow-right.png) no-repeat center center;
}
.simpleSearch .mask .arrow {
  display: block;
  background: rgba(0, 0, 0, 0);
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 19px;
  line-height: 34.2px;
  text-align: center;
  outline: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  behavior: url(/pie.htc);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: all all 0.2s ease-out;
  -moz-transition: all all 0.2s ease-out;
  -o-transition: all all 0.2s ease-out;
  transition: all all 0.2s ease-out;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -khtml-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.simpleSearch .mask .arrow:hover {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.simpleSearch .mask .arrow.disabled {
  -khtml-opacity: 0.1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  filter: alpha(opacity=10);
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1;
  cursor: default;
}
.simpleSearch .fade {
  z-index: 101;
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  height: 99%;
  background: url(../images/style1/ss-fade.png) repeat 0 0;
}
.simpleSearch .fade .introMessage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 518px;
  margin: -100px 0 0 -300px;
  border: 1px solid #9bb6c4;
  background: #e9f3f8;
  padding: 40px;
}
.simpleSearch .scrollbarContent {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 16px;
  z-index: 3;
}
.simpleSearch .scrollbarContent > div {
  position: relative;
  width: 950px;
  margin: 0 auto;
}
.simpleSearch .scrollbarContent .scrollbar-x-rail {
  position: relative;
  margin-top: 4px;
  height: 6px;
  cursor: pointer;
  background-color: #c8c8c8;
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.simpleSearch .scrollbarContent .scrollbar-x-rail.disabled {
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  cursor: default !important;
}
.simpleSearch .scrollbarContent .scrollbar-x-rail .scrollbar-x {
  position: absolute;
  /* please don't change 'position' */

  bottom: -4px;
  /* there must be 'bottom' for scrollbar-x */

  height: 14px;
  border: 1px solid #c8c8c8;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  behavior: url(/pie.htc);
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #dddddd 100%);
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #dddddd 100%);
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #dddddd 100%);
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #dddddd 100%);
}
.simpleSearch .scrollbarContent .scrollbar-x-rail .scrollbar-x.animated {
  -webkit-transition: all background-color 0.2s linear left 0.2s ease-out;
  -moz-transition: all background-color 0.2s linear left 0.2s ease-out;
  -o-transition: all background-color 0.2s linear left 0.2s ease-out;
  transition: all background-color 0.2s linear left 0.2s ease-out;
  -webkit-transition: background-color 0.2s linear, left 0.2s ease-out;
  -moz-transition: background-color 0.2s linear, left 0.2s ease-out;
  -o-transition: background-color 0.2s linear, left 0.2s ease-out;
  transition: background-color 0.2s linear, left 0.2s ease-out;
}
.simpleSearch .scrollbarContent .scrollbar-x-rail .scrollbar-x:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #d8d8d8 100%);
  background-image: -moz-linear-gradient(top, #f1f1f1 0%, #d8d8d8 100%);
  background-image: -o-linear-gradient(top, #f1f1f1 0%, #d8d8d8 100%);
  background-image: linear-gradient(to bottom, #f1f1f1 0%, #d8d8d8 100%);
}
.simpleSearch .scrollbarContent .scrollbar-x-rail .scrollbar-x:after {
  content: '| | |';
  position: absolute;
  top: 0;
  display: block;
  left: 0;
  font-size: 6px;
  width: 100%;
  text-align: center;
  line-height: 12px;
}
.simpleSearch .scrollbarContent .scrollbar-x-rail.active .scrollbar-x {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #ececec 0%, #d3d3d3 100%);
  background-image: -moz-linear-gradient(top, #ececec 0%, #d3d3d3 100%);
  background-image: -o-linear-gradient(top, #ececec 0%, #d3d3d3 100%);
  background-image: linear-gradient(to bottom, #ececec 0%, #d3d3d3 100%);
}
.simpleSearch .scrollbarContent.ie6 .scrollbar-x {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */

}
.simpleSearch .scrollbarContent.ie .scrollbar-x {
  visibility: hidden;
}
.simpleSearch .scrollbarContent.ie:hover .scrollbar-x,
.simpleSearch .scrollbarContent.ie.hover .scrollbar-x {
  visibility: visible;
}
.simpleSearch.touch-native ::-webkit-scrollbar {
  width: 12px;
}
.simpleSearch.touch-native ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.simpleSearch.touch-native ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.simpleSearch.touch-native .content {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 40px 0 25px;
  margin: 0 0 15px;
}
.simpleSearch.touch-native .scrollbarContent {
  display: none;
}
.simpleSearch.touch-native .arrow {
  display: none;
}
.simpleSearch.touch .scrollbarContent .scrollbar-x-rail {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  behavior: url(/pie.htc);
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  background: #d5d5d5;
}
.simpleSearch.touch .scrollbarContent .scrollbar-x-rail .scrollbar-x {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  behavior: url(/pie.htc);
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  border: 0;
  background: #afafaf;
  height: inherit;
  top: 0;
}
.simpleSearch.touch .scrollbarContent .scrollbar-x-rail .scrollbar-x:after {
  display: none;
}
.simpleSearch.touch .arrow {
  display: none;
}
.ipaHeader h1 {
  display: inline-block;
  float: left;
}
.ipaHeader .advancedSearch {
  margin-top: 16px;
  float: right;
  padding-right: 12px;
  font-size: 16px;
  font-weight: bold;
  background-position: 100% 50%;
}
/* simple search cards */
.portfolioCard {
  white-space: normal;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 20px;
  background: #fff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 1px 1px rgba(175, 175, 175, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(175, 175, 175, 0.6);
  -o-box-shadow: 0 1px 1px rgba(175, 175, 175, 0.6);
  box-shadow: 0 1px 1px rgba(175, 175, 175, 0.6);
  width: 218px;
  /* 220px including borders */

  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  behavior: url(/pie.htc);
  /* card header */

  /* metrics bars */

}
.portfolioCard:focus {
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 0px 5px rgba(16, 106, 167, 0.6);
  -moz-box-shadow: 0px 0px 5px rgba(16, 106, 167, 0.6);
  box-shadow: 0px 0px 5px rgba(16, 106, 167, 0.6);
}
.portfolioCard .cardHeader {
  position: relative;
  height: 40px;
  padding: 10px 6px;
}
.portfolioCard .cardHeader .avatar {
  float: left;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  behavior: url(/pie.htc);
  -webkit-border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 6px;
  -moz-background-clip: padding;
  border-radius: 6px;
  background-clip: padding-box;
}
.portfolioCard .cardHeader .manager,
.portfolioCard .cardHeader .portfolio,
.portfolioCard .cardHeader .small {
  width: 160px;
  margin-left: 6px;
  float: left;
}
.portfolioCard .cardHeader .manager {
  font-size: 13px;
  line-height: 1.1em;
  margin-bottom: 2px;
  font-weight: bold;
  color: #0c3557;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.portfolioCard .cardHeader .portfolio {
  font-size: 12px;
  line-height: 1.2em;
}
.portfolioCard .cardHeader .small {
  line-height: 1.6em;
  margin-bottom: 0;
}
.portfolioCard .metrics {
  border: 1px solid #c8c8c8;
  border-width: 1px 0;
}
.portfolioCard .metrics .performance {
  padding: 6px;
  float: none;
  width: auto;
  height: 33px;
  /*.metricsBorder;*/

}
.portfolioCard .metrics .performance .avatar {
  margin-top: 3px;
}
.portfolioCard .metrics .performance .sparkline-holder {
  display: inline-block;
  float: left;
  width: 98px;
  height: 32px;
  margin: 0;
}
.portfolioCard .metrics .performance .sparkline-holder .sparkline {
  width: 98px;
  height: 32px;
}
.portfolioCard .metrics .performance .performanceData {
  margin-left: 8px;
  float: left;
}
.portfolioCard .metrics .small {
  margin-top: -3px;
  display: block;
}
.portfolioCard .metrics .nofee {
  line-height: 13px;
  padding: 3px 0px 0px 0px;
}
.portfolioCard .metrics .percentage {
  font-size: 15px;
}
.portfolioCard .metrics ul {
  overflow: auto;
}
.portfolioCard .metrics ul li {
  float: left;
  padding: 6px;
  display: inline-block;
}
.portfolioCard .metrics ul li .metricsBorder {
  background: url(../images/style1/metrics-border.png) repeat-y 0 100%;
  padding-left: 7px;
  /* +1 because of the border image */

}
.portfolioCard .metrics ul li.riskScore {
  width: auto;
  height: 20px;
  margin-top: 4px;
}
.portfolioCard .metrics ul li.riskScore .riskScoreCircles {
  margin-left: 0;
}
.portfolioCard .metrics ul li.fee {
  padding-left: 2px;
  /*.metricsBorder;*/

}
.portfolioCard .metrics ul li.fee .plusPerf {
  font-size: 10px;
  line-height: 17px;
}
.portfolioCard .metrics ul li.fee .plusPerf .amp {
  color: #888888;
  font-size: 11px;
  margin: 0 1px;
}
.portfolioCard .metrics ul li.minimum {
  padding-left: 2px;
  float: none;
}
.portfolioCard .details {
  height: 132px;
  padding: 10px;
}
.portfolioCard .details p {
  margin: 4px 0;
}
.portfolioCard .details ul li {
  font-size: 10px;
  font-weight: bold;
  display: inline;
}
.portfolioCard .details ul li:before {
  content: " - ";
}
.portfolioCard .details ul li.first:before {
  content: none;
}
.portfolioCard .action {
  padding: 6px 0;
  width: 100%;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  background: #d7edf8;
  position: relative;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  behavior: url(/pie.htc);
}
.portfolioCard .action.subscribe {
  font-style: italic;
  border-top: 1px solid #f3fafd;
}
.portfolioCard .action.remove {
  font-style: normal;
  font-weight: normal;
  background: #e1e0e0;
  border-top: 1px solid #f3f3f3;
}
.portfolioCard .action.remove:hover {
  color: #888888;
  text-decoration: underline;
}
.mmpCard {
  background: #e9f3f8;
}
.supportInfo {
  margin: 50px 0;
  float: left;
  width: 415px;
}
.moreAdvice {
  float: right;
  width: 420px;
  text-align: center;
  margin: 60px 0 0;
  background: #d6f1d7;
  border: 1px solid #a2daa4;
  padding: 45px 0;
}
.moreAdvice h3 {
  margin-bottom: 0.5em;
}
.portfolio {
  /* overlay for clients who haven't yet subscribed */

  /* charts */

  /* performance details */

  /* end bar charts */

}
.portfolio .mmpDetails {
  width: 540px;
  margin-right: 40px;
  float: left;
  display: inline-block;
}
.portfolio .mmpDetails ul {
  margin-top: 10px;
}
.portfolio .mmpDetails ul li.odd,
.portfolio .mmpDetails ul li:nth-child(odd) {
  background: #f8f8f8;
}
.portfolio .mmpDetails ul li.even,
.portfolio .mmpDetails ul li:nth-child(even) {
  background: #fff;
}
.portfolio .mmpDetails ul li .searchResult {
  padding: 10px 0;
  border: 0;
  background: none;
}
.portfolio .mmpDetails ul li .searchResult .thumb,
.portfolio .mmpDetails ul li .searchResult .name {
  float: left;
}
.portfolio .mmpDetails ul li .searchResult .thumb {
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0 10px;
}
.portfolio .mmpDetails ul li .searchResult .thumb img {
  width: 26px;
}
.portfolio .mmpDetails ul li .searchResult .name,
.portfolio .mmpDetails ul li .searchResult .riskScore {
  height: 23px;
  margin-top: 3px;
}
.portfolio .mmpDetails ul li .searchResult .name {
  max-width: 370px;
  font-size: 14px;
}
.portfolio .mmpDetails ul li .searchResult .name span a {
  color: #0c3557;
  padding-right: 12px;
  background: url('../images/style1/grey-arrow.png') no-repeat 100% 50%;
}
.portfolio .mmpDetails ul li .searchResult .riskScore {
  float: right;
}
.portfolio .mmpDetails ul li h5 {
  font-size: 1.2em;
}
.portfolio .mmp .replicability,
.portfolio .mmp .topHoldings {
  width: 190px;
  padding: 0;
  margin-bottom: 30px;
}
.portfolio .mmp .replicability .chart ul li,
.portfolio .mmp .topHoldings .chart ul li {
  border: 0;
}
.portfolio .commentary {
  width: 380px;
  float: left;
}
.portfolio .commentary ol li {
  border-bottom: 1px solid #c8c8c8;
  padding: 5px 0;
}
.portfolio .commentary h6 {
  line-height: 19px;
}
.portfolio div.wideTable {
  float: left;
  width: 540px;
  margin: 0 20px 0 0;
}
.portfolio div.wideTable tbody tr:nth-child(odd) {
  background: #f8f8f8;
}
.portfolio div.wideTable > .title {
  float: left;
}
.portfolio div.wideTable > .duration {
  float: right;
  margin-top: 5px;
}
.portfolio div.wideTable > .duration h6 {
  font-size: 14px;
}
.portfolio .modelOverlay {
  border: 5px solid #ced6dc;
  padding: 0 20px;
  z-index: 10;
  text-align: center;
  background: url(../images/style1/overlay-95.png) repeat;
}
.portfolio .modelOverlay h3,
.portfolio .modelOverlay p {
  color: #888888;
}
.portfolio .modelOverlay h3 {
  margin: 50px 0 10px;
}
.portfolio .latestTransactions {
  position: relative;
  padding-bottom: 15px;
}
.portfolio .latestTransactions .modelOverlay {
  width: 330px;
  height: 100%;
  padding: 0 100px 30px;
  clear: both;
}
.portfolio .latestTransactions .modelOverlay h3 {
  margin: 30px 0 10px;
}
.portfolio .nowrap {
  white-space: nowrap;
}
.portfolio .performanceChartPlaceholder {
  clear: both;
  display: block;
  width: 100%;
  height: 400px;
}
.portfolio .chart {
  margin-top: 20px;
}
.portfolio .chart .wrapper {
  width: 130px;
  margin-left: 10px;
  padding-bottom: 20px;
  height: 150px;
}
.portfolio .chart div div {
  margin-bottom: 5px;
  height: 20px;
  position: relative;
  left: 0;
  text-indent: -50px;
  padding-top: 10px;
  white-space: nowrap;
}
.portfolio .chart .legend {
  width: auto;
  display: inline-block;
  padding: 10px !important;
  margin: 15px 0 0;
  overflow: visible;
}
.portfolio .chart .legend li {
  width: 145px;
  float: left;
  padding: 0;
  line-height: 17px;
  margin: 0 5px 0 0;
}
.portfolio .chart .legend .value-0,
.portfolio .chart .legend .value-1,
.portfolio .chart .legend .value-2,
.portfolio .chart .legend .value-3,
.portfolio .chart .legend .value-4 {
  width: 10px;
  height: 10px;
  display: block;
  float: left;
  margin: 3px 5px 5px 0;
}
.portfolio .chart .value-0,
.portfolio .chartBig .value-0 {
  background-color: #0c3557;
}
.portfolio .chart .value-1,
.portfolio .chartBig .value-1 {
  background-color: #3a8c4f;
}
.portfolio .chart .value-2,
.portfolio .chartBig .value-2 {
  background-color: #1e7fc2;
}
.portfolio .chart .value-3,
.portfolio .chartBig .value-3 {
  background-color: #a6bc3c;
}
.portfolio .chart .value-4,
.portfolio .chartBig .value-4 {
  background-color: #ffc75c;
}
.portfolio .chartBig {
  /* duplicated in widget.less */

}
.portfolio .chartBig .chart-key-manager {
  background-color: #0c3557;
}
.portfolio .chartBig .chart-key-benchmark {
  background-color: #a6bc3c;
}
.portfolio .chartBig .chart-key-sp500 {
  background-color: #3a8c4f;
}
.portfolio .chartBig .chart-key-avgsub {
  background-color: #1e7fc2;
}
.portfolio .chartBig .chart-key-manager,
.portfolio .chartBig .chart-key-benchmark,
.portfolio .chartBig .chart-key-sp500,
.portfolio .chartBig .chart-key-avgsub {
  width: 10px;
  height: 10px;
  display: block;
  float: left;
  margin: 3px 5px 0 0;
}
.portfolio .chartBig {
  position: relative;
}
.portfolio .chartBig .legend {
  float: right;
  position: absolute;
  top: -23px;
  right: 0;
  z-index: 100;
  background: #ffffff;
}
.portfolio .chartBig .legend li {
  width: auto;
  float: left;
  margin-right: 20px;
}
.portfolio .performanceDetail {
  margin: 40px 0 20px;
  overflow: hidden;
  width: 100%;
}
.portfolio .performanceDetail .chart .legend {
  width: 100%;
  border-top: 1px solid #c8c8c8;
}
.portfolio .performanceDetail .chart .legend li {
  width: auto;
  margin-right: 20px;
  float: right;
}
.portfolio .controls {
  margin: 15px 5px 0 28px;
}
.portfolio a.graphControl {
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  behavior: url(/pie.htc);
  padding: 2px 5px;
  display: inline-block;
  margin-right: 1px;
  background-color: #f8f8f8;
  border: 1px solid #c8c8c8;
  margin-bottom: 3px;
}
.portfolio a.graphControl:hover,
.portfolio a.graphControl.perf_chart_period_button_selected {
  background-color: #c8c8c8;
  color: #222222;
}
.portfolio #perf_chart_avg_sub_label {
  width: auto;
}
/**
 * Risk Score settings
 */
.riskScoreSlider {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin: 12px 0 5px;
  clear: both;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  position: relative;
  top: 0;
  left: 0;
  font-size: 10px;
}
.riskScoreSlider ol {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.riskScoreSlider ol li {
  display: inline-block;
  background: #d8d8d8;
  width: 2.3000000000000003em;
  height: 2.3000000000000003em;
  text-align: center;
  vertical-align: top;
  line-height: 2.4000000000000004em;
  font-size: 1.4000000000000001em;
  color: #ffffff;
  transition: background 0.5s, border-color 0.25s;
  margin: 0 0.05em;
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 0;
  border-width: 0.1em;
  border-style: solid;
  border-color: #cdcdcd;
  border-radius: 1.25em;
  behavior: url(/pie.htc);
}
.riskScoreSlider ol li.level-1.on {
  background: #36884b;
  border-color: #338147;
}
.riskScoreSlider ol li.level-2.on {
  background: #99b12d;
  border-color: #91a82b;
}
.riskScoreSlider ol li.level-3.on {
  background: #fec251;
  border-color: #f1b84d;
}
.riskScoreSlider ol li.level-4.on {
  background: #e36528;
  border-color: #d86026;
}
.riskScoreSlider ol li.level-5.on {
  background: #980f15;
  border-color: #900e14;
}
.riskScoreSlider ol li.level-1.on.dim,
.riskScoreSlider ol li.level-2.on.dim,
.riskScoreSlider ol li.level-3.on.dim,
.riskScoreSlider ol li.level-4.on.dim,
.riskScoreSlider ol li.level-5.on.dim {
  background: #d8d8d8;
  border-color: #cdcdcd;
}
.riskScoreSlider ol li.level-1.highlight,
.riskScoreSlider ol li.level-1.highlight.on {
  background: #36884b;
  border-color: #338147;
}
.riskScoreSlider ol li.level-2.highlight,
.riskScoreSlider ol li.level-2.highlight.on {
  background: #99b12d;
  border-color: #91a82b;
}
.riskScoreSlider ol li.level-3.highlight,
.riskScoreSlider ol li.level-3.highlight.on {
  background: #fec251;
  border-color: #f1b84d;
}
.riskScoreSlider ol li.level-4.highlight,
.riskScoreSlider ol li.level-4.highlight.on {
  background: #e36528;
  border-color: #d86026;
}
.riskScoreSlider ol li.level-5.highlight,
.riskScoreSlider ol li.level-5.highlight.on {
  background: #980f15;
  border-color: #900e14;
}
.riskScoreSlider ol li:focus {
  -webkit-box-shadow: 0 1px 10px #e9f3f8;
  -moz-box-shadow: 0 1px 10px #e9f3f8;
  box-shadow: 0 1px 10px #e9f3f8;
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 1px 10px #e9f3f8;
  -moz-box-shadow: 0px 1px 10px #e9f3f8;
  box-shadow: 0px 1px 10px #e9f3f8;
}
.riskScoreSlider ol li.outline {
  display: none;
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  background: rgba(19, 126, 198, 0.15);
  position: absolute;
  top: -0.3em;
  left: 0;
  border: 0.2em solid #106aa7;
  height: 2.7em;
  border-radius: 1.6500000000000001em;
  z-index: 1;
  transition: width 0.15s, left 0.15s, opacity 0.25s;
  behavior: url(/pie.htc);
}
.riskScoreSlider ol li.outline.show {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.riskScoreSlider.single-select:focus li.on,
.riskScoreSlider.single-select:active li.on {
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 0px 3px 1px rgba(16, 106, 167, 0.5);
  -moz-box-shadow: 0px 0px 3px 1px rgba(16, 106, 167, 0.5);
  box-shadow: 0px 0px 3px 1px rgba(16, 106, 167, 0.5);
}
.riskScoreSlider.single-select.idle:focus li,
.riskScoreSlider.single-select.idle:active li {
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 0px 3px 1px rgba(16, 106, 167, 0.5);
  -moz-box-shadow: 0px 0px 3px 1px rgba(16, 106, 167, 0.5);
  box-shadow: 0px 0px 3px 1px rgba(16, 106, 167, 0.5);
}
.riskScoreSlider.single-select li.outline {
  display: none !important;
}
.riskScoreSlider.single-select ol li.level-1:hover {
  background: rgba(54, 136, 75, 0.7);
  border-color: rgba(51, 129, 71, 0.7);
}
.riskScoreSlider.single-select ol li.level-2:hover {
  background: rgba(153, 177, 45, 0.7);
  border-color: rgba(145, 168, 43, 0.7);
}
.riskScoreSlider.single-select ol li.level-3:hover {
  background: rgba(254, 194, 81, 0.7);
  border-color: rgba(241, 184, 77, 0.7);
}
.riskScoreSlider.single-select ol li.level-4:hover {
  background: rgba(227, 101, 40, 0.7);
  border-color: rgba(216, 96, 38, 0.7);
}
.riskScoreSlider.single-select ol li.level-5:hover {
  background: rgba(152, 15, 21, 0.7);
  border-color: rgba(144, 14, 20, 0.7);
}
.riskScoreSlider span.hint {
  display: block;
  position: absolute;
  bottom: -9px;
  width: 100%;
  font-size: 11px;
  text-align: center;
  color: #106aa7;
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition: opacity 0.25s;
}
.riskScoreSlider span.hint.click-drag {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.riskScoreSlider span.hint.click-stop {
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.riskScoreSlider span.hint.drag-stop {
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.riskScoreSlider span.hint.tap-start {
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.riskScoreSlider span.hint.tap-stop {
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.riskScoreSlider.touch span.hint.click-drag {
  opacity: 0 !important;
}
.riskScoreSlider.touch span.hint.click-stop {
  opacity: 0 !important;
}
.riskScoreSlider.touch span.hint.drag-stop {
  opacity: 0 !important;
}
.riskScoreSlider.touch span.hint.tap-start {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.riskScoreSlider:hover span.hint.click-drag {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.riskScoreSlider.select-click span.hint.click-drag,
.riskScoreSlider.select-click span.hint.tap-start {
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.riskScoreSlider.select-click span.hint.click-stop,
.riskScoreSlider.select-click span.hint.tap-stop {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.riskScoreSlider.select-drag ol,
.riskScoreSlider.select-drag ol li {
  cursor: ew-resize !important;
}
.riskScoreSlider.select-drag span.hint.click-drag {
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.riskScoreSlider.select-drag span.hint.drag-stop {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.simpleRiskScoreSliderInfo {
  width: 208px;
  margin-left: -20px;
}
.simpleRiskScoreSlider {
  position: relative;
  top: 5px;
  left: 0;
  clear: both;
  height: 18px;
  width: 140px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.simpleRiskScoreSlider .bar {
  width: 100%;
  height: 16px;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}
.simpleRiskScoreSlider .bar .label {
  position: absolute;
  top: 0px;
  font-size: 10px;
  color: #888;
  line-height: 18px;
}
.simpleRiskScoreSlider .bar .label.left {
  right: 144px;
}
.simpleRiskScoreSlider .bar .label.right {
  left: 142px;
}
.simpleRiskScoreSlider .bar .visual {
  border-radius: 23px;
  height: 4px;
  margin: 7px 9px 0 6px;
  background: #c9d0d8;
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08) inset;
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08) inset;
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08) inset;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08) inset;
  -webkit-transition: all background 0.25s ease-out;
  -moz-transition: all background 0.25s ease-out;
  -o-transition: all background 0.25s ease-out;
  transition: all background 0.25s ease-out;
  -webkit-transition: background 0.25s;
  -moz-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}
.simpleRiskScoreSlider .bar .marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  margin-top: 5px;
  height: 6px;
  background: #c9d0d8;
  z-index: 1;
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 0px 1px 1px rgba(201, 208, 216, 0.3);
  -moz-box-shadow: 0px 0px 1px 1px rgba(201, 208, 216, 0.3);
  box-shadow: 0px 0px 1px 1px rgba(201, 208, 216, 0.3);
}
.simpleRiskScoreSlider .bar .marker.at-1 {
  display: none;
  left: 7px;
}
.simpleRiskScoreSlider .bar .marker.at-2 {
  left: 38px;
}
.simpleRiskScoreSlider .bar .marker.at-3 {
  left: 69px;
}
.simpleRiskScoreSlider .bar .marker.at-4 {
  left: 100px;
}
.simpleRiskScoreSlider .bar .marker.at-5 {
  left: 131px;
  display: none;
}
.simpleRiskScoreSlider:focus .handle,
.simpleRiskScoreSlider:hover .handle {
  behavior: url(/pie.htc);
  -webkit-box-shadow: 0px 0px 5px rgba(16, 106, 167, 0.35);
  -moz-box-shadow: 0px 0px 5px rgba(16, 106, 167, 0.35);
  box-shadow: 0px 0px 5px rgba(16, 106, 167, 0.35);
}
.simpleRiskScoreSlider.drag .handle {
  -webkit-transition: all background 0.5s border-color 0.25s;
  -moz-transition: all background 0.5s border-color 0.25s;
  -o-transition: all background 0.5s border-color 0.25s;
  transition: all background 0.5s border-color 0.25s;
  -webkit-transition: background 0.5s, border-color 0.25s;
  -moz-transition: background 0.5s, border-color 0.25s;
  -o-transition: background 0.5s, border-color 0.25s;
  transition: background 0.5s, border-color 0.25s;
}
.simpleRiskScoreSlider .handle {
  display: block;
  background: #d8d8d8;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background-image: -moz-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background-image: -o-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, #e5e5e5 100%);
  width: 10px;
  height: 16px;
  text-align: center;
  line-height: 17px;
  font-size: 16px;
  color: #ffffff;
  -webkit-transition: background 0.5s, border-color 0.25s, left 0.125s;
  -moz-transition: background 0.5s, border-color 0.25s, left 0.125s;
  -o-transition: background 0.5s, border-color 0.25s, left 0.125s;
  transition: background 0.5s, border-color 0.25s, left 0.125s;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  z-index: 3;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #cdcdcd;
  border-radius: 2px;
  behavior: url(/pie.htc);
  cursor: pointer;
}
.simpleRiskScoreSlider .handle.at-2 {
  left: 32px;
}
.simpleRiskScoreSlider .handle.at-3 {
  left: 63px;
}
.simpleRiskScoreSlider .handle.at-4 {
  left: 94px;
}
.simpleRiskScoreSlider .handle.at-5 {
  left: 125px;
}
.modal-backdrop {
  position: fixed;
  z-index: 666666;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  -khtml-opacity: 0.85;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  filter: alpha(opacity=85);
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  background: #0c3557;
  cursor: alias;
}
.modal-frame {
  position: absolute;
  z-index: 666669;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.modal-frame .modal-underbox {
  position: absolute;
  z-index: 666699;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.modal-frame .modal-box {
  z-index: 666999;
  display: block;
  margin: 20px auto 10px;
  background: #ffffff;
  top: 0;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 17px -3px #172c3d;
  -moz-box-shadow: 0 5px 17px -3px #172c3d;
  -o-box-shadow: 0 5px 17px -3px #172c3d;
  box-shadow: 0 5px 17px -3px #172c3d;
  behavior: url(/pie.htc);
}
.modal-frame .modal-box iframe {
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-frame .modal-box a {
  background: #0c3557;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0c3557), color-stop(1, #125084));
  background: -ms-linear-gradient(bottom, #0c3557, #125084);
  background: -moz-linear-gradient(center bottom, #0c3557 0%, #125084 100%);
  background: -o-linear-gradient(#125084, #0c3557);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#125084', endColorstr='#0c3557', GradientType=0);
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  -webkit-box-shadow: 0 0px 2px 1px rgba(34, 34, 34, 0.4);
  -moz-box-shadow: 0 0px 2px 1px rgba(34, 34, 34, 0.4);
  -o-box-shadow: 0 0px 2px 1px rgba(34, 34, 34, 0.4);
  box-shadow: 0 0px 2px 1px rgba(34, 34, 34, 0.4);
  behavior: url(/pie.htc);
  color: #e9f3f8;
  font: 13px/100% Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.7em;
  position: absolute;
  right: -1em;
  text-align: center;
  text-decoration: none;
  top: -1em;
  width: 1.8em;
  height: 1.8em;
  border: 1px solid #0f436d;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.modal-frame .modal-box a:hover {
  color: #ffffff;
  background: #125084;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #125084), color-stop(1, #186cb1));
  background: -ms-linear-gradient(bottom, #125084, #186cb1);
  background: -moz-linear-gradient(center bottom, #125084 0%, #186cb1 100%);
  background: -o-linear-gradient(#186cb1, #125084);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#186cb1', endColorstr='#125084', GradientType=0);
}
.modal-frame .modal-box .modal-content {
  padding: 10px;
}
.modal-frame .modal-box .modal-content > div {
  text-align: left;
  overflow-x: hidden;
  overflow-y: auto;
  /*---------------------------------------------------
    LESS Typography Boilerplate 0.5
  ---------------------------------------------------
    
    A starter kit to good web typography with an easy
    baseline grid.

    Include this after your reset stylesheet.

    Copyright (c) 2012 Joel Sutherland
    MIT Licensed:
    http://www.opensource.org/licenses/mit-license.php

-----------------------------------------------------*/

  /* Standard Text */

  /* Block Baselines */

  /* Headers */

  /* Paragraph Elements */

  /* Block Elements */

  /* Forms */

}
.modal-frame .modal-box .modal-content > div body,
.modal-frame .modal-box .modal-content > div input,
.modal-frame .modal-box .modal-content > div button,
.modal-frame .modal-box .modal-content > div textarea {
  font-size: 14px;
  line-height: 20px;
  font-family: helvetica, arial, sans-serif;
  color: #666666;
}
.modal-frame .modal-box .modal-content > div h1,
.modal-frame .modal-box .modal-content > div h2,
.modal-frame .modal-box .modal-content > div h3,
.modal-frame .modal-box .modal-content > div h4,
.modal-frame .modal-box .modal-content > div h5,
.modal-frame .modal-box .modal-content > div h6,
.modal-frame .modal-box .modal-content > div p,
.modal-frame .modal-box .modal-content > div ul,
.modal-frame .modal-box .modal-content > div ol,
.modal-frame .modal-box .modal-content > div pre,
.modal-frame .modal-box .modal-content > div blockquote,
.modal-frame .modal-box .modal-content > div textarea,
.modal-frame .modal-box .modal-content > div button {
  margin-bottom: 0 0 20px 0;
}
.modal-frame .modal-box .modal-content > div h1,
.modal-frame .modal-box .modal-content > div h2,
.modal-frame .modal-box .modal-content > div h3,
.modal-frame .modal-box .modal-content > div h4,
.modal-frame .modal-box .modal-content > div h5,
.modal-frame .modal-box .modal-content > div h6 {
  font-family: georgia, serif;
  color: #000000;
  font-weight: normal;
}
.modal-frame .modal-box .modal-content > div h1 {
  font-size: 30px;
  line-height: 40px;
}
.modal-frame .modal-box .modal-content > div h2 {
  font-size: 20px;
}
.modal-frame .modal-box .modal-content > div h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
.modal-frame .modal-box .modal-content > div h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.modal-frame .modal-box .modal-content > div h5 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.modal-frame .modal-box .modal-content > div h6 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.modal-frame .modal-box .modal-content > div a:link {
  color: #ffa500;
  text-decoration: none;
}
.modal-frame .modal-box .modal-content > div a:visited {
  color: gray;
}
.modal-frame .modal-box .modal-content > div a:hover {
  text-decoration: underline;
}
.modal-frame .modal-box .modal-content > div a:active {
  text-decoration: none;
}
.modal-frame .modal-box .modal-content > div sup,
.modal-frame .modal-box .modal-content > div sub {
  font-size: 80%;
  line-height: 0;
}
.modal-frame .modal-box .modal-content > div sup {
  vertical-align: super;
}
.modal-frame .modal-box .modal-content > div sub {
  vertical-align: sub;
}
.modal-frame .modal-box .modal-content > div code {
  font-family: Consolas, "Courier New", Courier, mono;
}
.modal-frame .modal-box .modal-content > div strong {
  font-weight: normal;
  color: #000000;
}
.modal-frame .modal-box .modal-content > div ul,
.modal-frame .modal-box .modal-content > div ol {
  margin-left: 10px;
  padding-left: 20px;
}
.modal-frame .modal-box .modal-content > div blockquote {
  display: block;
  opacity: .95;
  border-left: 4px solid;
  border-left-color: #ffa500;
  padding: 0 10px;
  font-style: italic;
  margin-left: 10px;
}
.modal-frame .modal-box .modal-content > div blockquote p:last-child {
  margin-bottom: 10px;
}
.modal-frame .modal-box .modal-content > div pre {
  font-family: Consolas, "Courier New", Courier, mono;
  background: black;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.9);
  color: #eee;
  padding: 10px 20px;
}
.modal-frame .modal-box .modal-content > div form p {
  margin: 0;
}
.modal-frame .modal-box .modal-content > div fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.modal-frame .modal-box .modal-content > div label {
  display: block;
  margin-bottom: 0;
}
.modal-frame .modal-box .modal-content > div .checkbox input,
.modal-frame .modal-box .modal-content > div .checkbox label {
  display: inline;
}
.modal-frame .modal-box .modal-content > div .checkbox input {
  vertical-align: baseline;
}
.modal-frame .modal-box .modal-content > div input,
.modal-frame .modal-box .modal-content > div textarea,
.modal-frame .modal-box .modal-content > div select {
  display: block;
  margin: 4px 0 24px 0;
}
.modal-frame .modal-box .modal-content > div input[type=text],
.modal-frame .modal-box .modal-content > div input[type=email],
.modal-frame .modal-box .modal-content > div input[type=url],
.modal-frame .modal-box .modal-content > div textarea {
  width: 400px;
  border: 1px solid;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  height: 30px;
  line-height: 30px;
  background: transparent;
  font-size: 16px;
  padding: 0;
  border-radius: 3px;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07);
}
.modal-frame .modal-box .modal-content > div textarea {
  height: 160px;
  width: 400px;
  font-size: 16px;
  line-height: 20px;
}
.modal-frame .modal-box .modal-content > div fieldset.radio {
  margin-bottom: 20px;
}
.modal-frame .modal-box .modal-content > div fieldset.radio fieldset {
  margin: 0 0 0 20px;
}
.modal-frame .modal-box .modal-content > div fieldset.radio fieldset label input {
  display: inline;
  line-height: 20px;
  margin: 0;
  vertical-align: baseline;
}
.modal-frame .modal-box .modal-content > div label.error {
  width: 400px;
  text-align: right;
  color: #aa0000;
}
.modal-frame .modal-box .modal-content > div label.error:before {
  content: "▲ ";
}
.modal-frame .modal-box .modal-content > div input.error,
.modal-frame .modal-box .modal-content > div textarea.error {
  border-color: #aa0000;
}
.modal-frame .modal-controls {
  display: block;
  margin: 5px 0 0;
  text-align: center;
  position: relative;
  top: 0;
  padding: 10px;
}
.modal-frame .modal-controls a {
  display: inline-block;
  line-height: 16px;
  color: #ffffff;
}
.request {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.request.updating {
  cursor: wait;
  -khtml-opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.request.updating a {
  cursor: wait;
}
.request .searchResult {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.request.updating .searchResult {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='@radius');
  -o-filter: blur(2px);
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.sparkline-holder {
  float: left;
  display: block;
  width: 100px;
  height: 36px;
  margin-right: 20px;
  margin-left: 10px;
}
.sparkline-holder .sparkline {
  display: none;
  width: 100px;
  height: 36px;
  position: relative;
  top: 0;
  left: 0;
}
.sparkline-holder .sparkline > div {
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  margin: 0;
  padding: 0;
}
.sparkline-holder .sparkline > div.small {
  width: inherit;
  height: inherit;
  z-index: 1;
  cursor: pointer;
}
.sparkline-holder .sparkline > div.big {
  display: none;
  top: -60px;
  left: -65px;
  width: 375px;
  height: 135px;
  z-index: 3;
  overflow: hidden;
  border: 1px solid #c8c8c8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  behavior: url(/pie.htc);
  -webkit-filter: drop-shadow(1px 1px 3px 0.2px);
  -moz-filter: drop-shadow(1px 1px 3px 0.2px);
  -ms-filter: drop-shadow(1px 1px 3px 0.2px);
  filter: drop-shadow(1px 1px 3px 0.2px);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  cursor: none;
}
.sparkline-holder .sparkline > div.big canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.sparkline-holder .sparkline > div.big .pointer {
  width: 1px;
  height: 135px;
  background: rgba(195, 87, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 10px;
  z-index: 2;
}
.sparkline-holder .sparkline > div.panel {
  display: none;
  top: 47px;
  left: -64px;
  -khtml-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  width: 375px;
  line-height: 14px;
  text-align: left;
  padding: 4.2px 0 1.4000000000000001px;
  font-size: 9px;
  color: #888888;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-filter: drop-shadow(0px 1px 3px 0.2px);
  -moz-filter: drop-shadow(0px 1px 3px 0.2px);
  -ms-filter: drop-shadow(0px 1px 3px 0.2px);
  filter: drop-shadow(0px 1px 3px 0.2px);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/pie.htc);
  z-index: 2;
}
.sparkline-holder .sparkline > div.panel .gain {
  display: inline-block;
  width: 40px;
  color: #00753d;
  text-align: left;
}
.sparkline-holder .sparkline > div.panel .loss {
  display: inline-block;
  width: 40px;
  color: #a20810;
  text-align: left;
}
.sparkline-holder .sparkline > div.panel .box {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 0 0 10px;
}
.sparkline-holder .sparkline.hover .big {
  top: -75px;
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.sparkline-holder .sparkline.hover .panel {
  -khtml-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  top: 60px;
}
.sparkline-legend {
  display: block;
  float: left;
  text-align: left;
  color: #888888;
  font-size: 0.8em;
  line-height: 2.6em;
}
.sparkline-legend .gain {
  display: inline-block;
  width: 40px;
  color: #00753d;
  text-align: left;
}
.sparkline-legend .loss {
  display: inline-block;
  width: 40px;
  color: #a20810;
  text-align: left;
}
.sparkline-legend .box {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 0 0 10px;
}
.sparkline-legend .box.manager {
  background: #0c3557;
}
.sparkline-legend .box.sp500 {
  background: #c8c8c8;
}
.expandable {
  margin-bottom: 20px;
}
.expandable .truncate {
  max-height: 194px;
  overflow: hidden;
}
.expandable.initialized .truncate {
  max-height: none !important;
}
.expandable a.more,
.expandable a.less {
  padding: 0 15px 0 0;
  background: url(../images/style1/link-arrow.png) no-repeat 100% 5px;
  margin-top: 10px;
  display: none;
}
.expandable.expanded a.less {
  display: inline-block;
}
.expandable.collapsed a.more {
  display: inline-block;
}
.numbersTable .qmjsdataup {
  font: arial, helvetica, sans-serif;
  font-weight: bold;
  color: #3a8c4f;
}
.numbersTable .qmjsdatadown {
  font: arial, helvetica, sans-serif;
  font-weight: bold;
  color: #a20810;
}
.numbersTable .qmjsdata {
  font: arial, helvetica, sans-serif;
  font-weight: bold;
}
.numbersTable .qmjssymbol {
  font: arial, helvetica, sans-serif;
}
.numbersTable .qmjsexchange {
  font: arial, helvetica, sans-serif;
  font-weight: bold;
}
.numbersTable .qmQuoteData {
  font: arial, helvetica, sans-serif;
}
#customChart td {
  font: arial, helvetica, sans-serif;
  border: none;
}
#customChart .qmmt_main {
  background-color: #F8F8F8;
  border: none;
}
#customChart .qmmt_header_bar {
  display: none;
}
#customChart .qmmt_tab {
  font: arial, helvetica, sans-serif;
  border-top: none;
  border-left: 1px solid #000000;
}
#customChart .qmmt_tabactive {
  font: arial, helvetica, sans-serif;
  background-color: #f8f8f8;
  border: none;
  border-left: 1px solid #000000;
}
.grid_table .align-right {
  text-align: right;
}
.grid_table .align-left {
  text-align: left;
}
.grid_table .align-center {
  text-align: center;
}
.grid_table th,
.grid_table td {
  padding: 3px 8px;
}
.grid_table .no-pad {
  padding: 0;
}
.grid_table > thead > tr > td,
.grid_table > thead > tr > th {
  background: rgba(0, 0, 0, 0.05);
}
.grid_table > thead > tr > th {
  text-align: left;
  position: relative;
}
.grid_table > thead > tr > th a {
  display: block;
  position: relative;
  padding: 0 12px 0 0;
}
.grid_table > thead > tr > th a.asc:after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -3.3333333333333335px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
}
.grid_table > thead > tr > th a.desc:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  margin-top: -1.6666666666666667px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
}
.grid_table > tbody > tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.03);
}
.grid_table > tbody .centered {
  text-align: center;
}
.grid_table > tbody a,
.grid_table > tbody span {
  font-size: 11px;
}
.grid_table > tfoot > tr > td,
.grid_table > tfoot > tr > th {
  background: rgba(0, 0, 0, 0.05);
}
.grid_table .filters {
  display: block;
  padding: .3em .2em 1em;
}
.grid_table .controls {
  width: 100%;
  color: #666;
  text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
}
.grid_table .controls td {
  border: 0;
  padding: 0.5em 0.5em 0;
  line-height: 1.4em;
  vertical-align: middle;
}
.grid_table .controls td input,
.grid_table .controls td select {
  display: inline-block;
}
.grid_table .controls td input.calendar {
  width: 6em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  background: #FFFFFF;
  padding: 3px;
  behavior: url(/pie.htc);
  -webkit-box-shadow: inset 1px 5px 7px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 1px 5px 7px -6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 5px 7px -6px rgba(0, 0, 0, 0.3);
  color: #666;
}
.grid_table .controls td select,
.grid_table .controls td .btn {
  border: solid 1px #ccc;
  padding: .5em .8em .4em;
  cursor: pointer;
  display: inline-block;
  color: #666;
  line-height: 1.4em;
  font-size: 0.8em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background-image: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  behavior: url(/pie.htc);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
  text-transform: none;
}
.grid_table .controls td select.fixed-width,
.grid_table .controls td .btn.fixed-width {
  width: 6em;
  text-align: center;
}
.grid_table .controls td select:hover,
.grid_table .controls td .btn:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #e5e5e5 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #cccccc 100%);
}
.grid_table .controls td select {
  width: 12em;
}
.grid_table .controls td label {
  cursor: pointer;
}
.grid_table .controls td.date {
  width: 8em;
  text-align: left;
}
.grid_table .controls td.date-join {
  width: 1.6em;
  text-align: left;
}
.grid_table .controls td.select {
  width: 8em;
}
.grid_table .icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
}
.grid_table .icon.replicable {
  background: url('../images/model_profile/tick.gif');
}
.grid_table .icon.non-replicable {
  background: url('../images/model_profile/cross.gif');
}
.grid_table .paginator {
  display: inline-block;
  padding: 0.3em 0.5em;
}
.grid_table .paginator .label {
  margin-right: 0.5em;
}
.grid_table .paginator span,
.grid_table .paginator a {
  font-size: 1em;
  padding: 0.1em;
  display: inline-block;
}
.grid_table .paginator span.active {
  font-weight: bold;
}
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  width: 240px;
  padding: 8px;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */

  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  *right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}
.pika-button:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}
.invest-popup {
  z-index: 1002;
  box-sizing: border-box;
  width: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -175px;
  margin-left: -300px;
  border: 8px solid #0c3557;
  padding: 30px;
  text-align: center;
  background: #ffffff;
}
.invest-popup h4,
.invest-popup p {
  margin-bottom: 0;
}
.invest-popup p.number {
  color: #0c3557;
  font-family: "MuseoSans-500", sans-serif;
  font-size: 25px;
}
.invest-popup img {
  margin: 0 auto;
  display: block;
  margin-bottom: 5px;
}
.invest-popup .cancel {
  display: block;
  width: 52px;
  color: #888888;
  margin: 5px auto 15px;
  padding-left: 6px;
  background: url(../images/style1/cancel.png) no-repeat 0 4px;
}
.invest-popup .disclaimer {
  font-style: italic;
}
.invest-popup .managerName:hover,
.invest-popup .portfolioName:hover {
  text-decoration: none !important;
  color: #1a7fc3;
}
.invest-popup .managerName {
  color: #0c3557;
  margin-right: 5px;
  padding-right: 16px;
  background: url(../images/style1/arrow-next.png) no-repeat 100% 50%;
}
.invest-popup .managerName:hover {
  color: #0c3557;
}
.covestorChampionsHeaderSection {
  margin-top: 20px;
  margin-bottom: 0px;
}
.covestorChampionsFooterSection {
  margin-top: 30px;
  margin-bottom: 0px;
}
.covestorChampions {
  margin-top: 50px;
  margin-bottom: 25px;
}
.covestorChampions td,
.covestorChampions th {
  padding: 0;
}
.covestorChampions * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.covestorChampions *:before,
.covestorChampions *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.covestorChampions .more {
  text-decoration: underline;
}
.covestorChampions .championsRisk {
  top: 25px;
  padding-left: 60px;
}
.covestorChampions .championsRisk .criteriaHeadingGroup {
  margin-left: -31px;
  margin-bottom: 5px;
}
.covestorChampions .championsRisk .criteriaHeadingGroup strong {
  margin-left: -86px;
  position: relative;
  top: 2px;
}
.covestorChampions .riskScore {
  color: #ffffff;
}
.covestorChampions .riskScore1 {
  background-color: #36884b;
}
.covestorChampions .riskScore1Lighter {
  background-color: #bee5c8;
}
.covestorChampions .riskScore2 {
  background-color: #91a82b;
}
.covestorChampions .riskScore2Lighter {
  background-color: #e9f1c8;
}
.covestorChampions .riskScore3 {
  background-color: #fec251;
}
.covestorChampions .riskScore3Lighter {
  background-color: #fff3dc;
}
.covestorChampions .riskScore4 {
  background-color: #e36528;
}
.covestorChampions .riskScore4Lighter {
  background-color: #f3bea4;
}
.covestorChampions .riskScore5 {
  background-color: #980f15;
}
.covestorChampions .riskScore5Lighter {
  background-color: #f5989c;
}
.covestorChampions .riskScoreRank {
  margin-bottom: 1px;
}
.covestorChampions .riskScoreRank h3 {
  color: #fff;
  padding: 4px;
  text-align: left;
  margin-left: -3px;
}
.covestorChampions .percentageUp {
  color: #00753d;
}
.covestorChampions .percentageDown {
  color: #a20810;
}
.covestorChampions .championsNext {
  position: relative;
  top: 2px;
}
.covestorChampions .riskScoreSection {
  margin-bottom: 30px;
}
.covestorChampions .riskScoreSection .more {
  color: #1a7fc3;
}
.covestorChampions .riskScoreSection a {
  color: #000;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScore1.riskScoreText {
  background-color: #0d2213;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScore1Lighter.riskScoreText {
  background-color: #20512d;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScore2.riskScoreText {
  background-color: #2f360e;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScore2Lighter.riskScoreText {
  background-color: #5c6b1b;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScore3.riskScoreText {
  background-color: #9c6601;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScore3Lighter.riskScoreText {
  background-color: #ce8701;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskRankItem.textColorAlt {
  color: #fff;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScore4.riskScoreText {
  background-color: #6e2d0e;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScore4Lighter.riskScoreText {
  background-color: #a94616;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScore5.riskScoreText {
  background-color: #3b0608;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScore5Lighter.riskScoreText {
  background-color: #52080b;
}
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScoreName,
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScoreType,
.covestorChampions .riskScoreSection .riskScoreGroup:hover .riskScoreModelPercentage {
  color: #fff;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScore1.riskScoreText,
.covestorChampions .riskScoreSection .riskScoreGroup .riskScore1Lighter.riskScoreText {
  -webkit-transition: background-color 500ms ease-out 0s;
  -moz-transition: background-color 500ms ease-out 0s;
  -o-transition: background-color 500ms ease-out 0s;
  transition: background-color 500ms ease-out 0s;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScore2.riskScoreText,
.covestorChampions .riskScoreSection .riskScoreGroup .riskScore2Lighter.riskScoreText {
  -webkit-transition: background-color 500ms ease-out 0s;
  -moz-transition: background-color 500ms ease-out 0s;
  -o-transition: background-color 500ms ease-out 0s;
  transition: background-color 500ms ease-out 0s;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScore3.riskScoreText,
.covestorChampions .riskScoreSection .riskScoreGroup .riskScore3Lighter.riskScoreText {
  -webkit-transition: background-color 500ms ease-out 0s;
  -moz-transition: background-color 500ms ease-out 0s;
  -o-transition: background-color 500ms ease-out 0s;
  transition: background-color 500ms ease-out 0s;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScore4.riskScoreText,
.covestorChampions .riskScoreSection .riskScoreGroup .riskScore4Lighter.riskScoreText {
  -webkit-transition: background-color 500ms ease-out 0s;
  -moz-transition: background-color 500ms ease-out 0s;
  -o-transition: background-color 500ms ease-out 0s;
  transition: background-color 500ms ease-out 0s;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScore5.riskScoreText,
.covestorChampions .riskScoreSection .riskScoreGroup .riskScore5Lighter.riskScoreText {
  -webkit-transition: background-color 500ms ease-out 0s;
  -moz-transition: background-color 500ms ease-out 0s;
  -o-transition: background-color 500ms ease-out 0s;
  transition: background-color 500ms ease-out 0s;
}
.covestorChampions .riskScoreSection .riskScoreGroup p {
  margin-bottom: 0px;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScoreText {
  height: 30px;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScoreModelName,
.covestorChampions .riskScoreSection .riskScoreGroup .riskScoreModelPercentage {
  line-height: 15px;
  padding-top: 10px;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScoreModelPercentage {
  -webkit-transition: color 500ms ease-out 0s;
  -moz-transition: color 500ms ease-out 0s;
  -o-transition: color 500ms ease-out 0s;
  transition: color 500ms ease-out 0s;
  float: right;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskRankItem {
  font-size: 20px;
  text-align: center;
  color: #ffffff;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskRankItem.textColorAlt {
  -webkit-transition: color 500ms ease-out 0s;
  -moz-transition: color 500ms ease-out 0s;
  -o-transition: color 500ms ease-out 0s;
  transition: color 500ms ease-out 0s;
  color: #000;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScoreType {
  -webkit-transition: color 500ms ease-out 0s;
  -moz-transition: color 500ms ease-out 0s;
  -o-transition: color 500ms ease-out 0s;
  transition: color 500ms ease-out 0s;
  margin-top: 5px;
  margin-bottom: 0px;
  line-height: 15px;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScoreName {
  -webkit-transition: color 500ms ease-out 0s;
  -moz-transition: color 500ms ease-out 0s;
  -o-transition: color 500ms ease-out 0s;
  transition: color 500ms ease-out 0s;
  margin-top: 0px;
  line-height: 15px;
  font-weight: bold;
}
.covestorChampions .riskScoreSection .riskScoreGroup .riskScoreNameAndType {
  margin-top: 6px;
}
.covestorChampions .criteriaHeading {
  line-height: 20px;
}
.covestorChampions .criteriaHeadingTag {
  margin-top: -10px;
  position: absolute;
}
.covestorChampions .championsCriteria {
  margin-top: 20px;
}
.covestorChampions .championsCriteria .championsMostPopular {
  margin-bottom: 40px;
}
.covestorChampions .championsCriteria .championsMostPopular .championsMostPopularImage {
  position: relative;
  margin-left: -19px;
  margin-top: -16px;
}
.covestorChampions .championsCriteria .championsMostPopular .criteriaHeading {
  margin-top: 24px;
}
.covestorChampions .championsCriteria .championsConsistency .criteriaHeading {
  margin-top: 20px;
}
.covestorChampions .championsCriteria .championsConsistency .championsMostConsistentImage {
  position: relative;
  margin-top: -14px;
  margin-left: -17px;
}
.covestorChampions .criteriaRowItem a {
  color: #000;
}
.covestorChampions .criteriaRowItem a:hover .criteriaRank {
  background-color: #041725;
}
.covestorChampions .criteriaRowItem a:hover .championManagerName {
  background-color: #093e61;
  color: #fff;
}
.covestorChampions .criteriaRowItem .criteriaRank {
  -webkit-transition: background-color 500ms ease-out 0s;
  -moz-transition: background-color 500ms ease-out 0s;
  -o-transition: background-color 500ms ease-out 0s;
  transition: background-color 500ms ease-out 0s;
  background-color: #106aa7;
  height: 35px;
  width: 9.9%;
}
.covestorChampions .criteriaRowItem .criteriaRank p {
  -webkit-transition: color 500ms ease-out 0s;
  -moz-transition: color 500ms ease-out 0s;
  -o-transition: color 500ms ease-out 0s;
  transition: color 500ms ease-out 0s;
  font-size: 20px;
  text-align: center;
  color: #fff;
  margin-top: 1px;
}
.covestorChampions .criteriaRowItem .championManagerName {
  -webkit-transition: background-color 500ms ease-out 0s, color 500ms ease-out 0s;
  -moz-transition: background-color 500ms ease-out 0s, color 500ms ease-out 0s;
  -o-transition: background-color 500ms ease-out 0s, color 500ms ease-out 0s;
  transition: background-color 500ms ease-out 0s, color 500ms ease-out 0s;
  background-color: #a6d6f6;
  color: #000;
  height: 35px;
  width: 90%;
}
.covestorChampions .criteriaRowItem .championManagerName .championType {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.4em;
}
.covestorChampions .criteriaRowItem .championManagerName .championName {
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1.4em;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .covestorChampions .criteriaRowItem .championManagerName p {
    margin-top: 8px;
  }
}
@media screen and (min-width: 469px) and (max-width: 992px) {
  .covestorChampions .criteriaRowItem .championManagerName p {
    margin-top: 4px;
  }
}
@media handheld and (min-width: 0px) and (max-width: 468px) {
  .covestorChampions .criteriaRowItem .championManagerName p {
    margin-top: -7px;
  }
}
.covestorChampions .riskScoreInfo .riskScoreInfoRank {
  margin-bottom: 10px;
}
.covestorChampions .riskScoreInfo .circle {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 25px;
  padding-top: 10px;
  font-size: 18px;
  top: 4px;
  position: relative;
}
.covestorChampions .riskScoreInfo .circle .circleText {
  top: -3px;
  position: relative;
}
.covestorChampions .riskScoreInfo .riskScore1Info h3 {
  color: #36884b;
}
.covestorChampions .riskScoreInfo .riskScore1Info h3 .circle {
  background-color: #36884b;
}
.covestorChampions .riskScoreInfo .riskScore1Info h3 .circle .circleText {
  color: #fff;
}
.covestorChampions .riskScoreInfo .riskScore2Info h3 {
  color: #91a82b;
}
.covestorChampions .riskScoreInfo .riskScore2Info h3 .circle {
  background-color: #91a82b;
}
.covestorChampions .riskScoreInfo .riskScore2Info h3 .circle .circleText {
  color: #fff;
}
.covestorChampions .riskScoreInfo .riskScore3Info h3 {
  color: #fec251;
}
.covestorChampions .riskScoreInfo .riskScore3Info h3 .circle {
  background-color: #fec251;
}
.covestorChampions .riskScoreInfo .riskScore3Info h3 .circle .circleText {
  color: #fff;
}
.covestorChampions .riskScoreInfo .riskScore4Info h3 {
  color: #e36528;
}
.covestorChampions .riskScoreInfo .riskScore4Info h3 .circle {
  background-color: #e36528;
}
.covestorChampions .riskScoreInfo .riskScore4Info h3 .circle .circleText {
  color: #fff;
}
.covestorChampions .riskScoreInfo .riskScore5Info h3 {
  color: #980f15;
}
.covestorChampions .riskScoreInfo .riskScore5Info h3 .circle {
  background-color: #980f15;
}
.covestorChampions .riskScoreInfo .riskScore5Info h3 .circle .circleText {
  color: #fff;
}
.covestorChampions .riskScoreInfo .riskScore2Info,
.covestorChampions .riskScoreInfo .riskScore3Info,
.covestorChampions .riskScoreInfo .riskScore4Info,
.covestorChampions .riskScoreInfo .riskScore5Info {
  margin-left: 40px;
}
@media all and (max-width: 992px) {
  .covestorChampions {
    padding: 40px;
  }
  .covestorChampions .criteriaHeadingGroup .col-md-1,
  .covestorChampions .criteriaRowItem .col-md-1,
  .covestorChampions .criteriaHeadingGroup .col-md-11,
  .covestorChampions .criteriaRowItem .col-md-11,
  .covestorChampions .criteriaHeadingGroup .col-md-2,
  .covestorChampions .criteriaRowItem .col-md-2,
  .covestorChampions .criteriaHeadingGroup .col-md-10,
  .covestorChampions .criteriaRowItem .col-md-10 {
    float: left;
  }
  .covestorChampions .championsRisk {
    top: 50px;
    margin-bottom: 90px;
  }
  .covestorChampions .championsRisk .riskScoreRank h3 {
    text-align: left;
  }
  .covestorChampions .championsRisk .riskScoreGroup .col-md-1,
  .covestorChampions .championsRisk .riskScoreGroup .col-md-8,
  .covestorChampions .championsRisk .riskScoreGroup .col-md-3 {
    float: left;
  }
  .covestorChampions .championsRisk .riskScoreGroup .col-md-1 {
    width: 10%;
  }
  .covestorChampions .championsRisk .riskScoreGroup .col-md-8 {
    width: 70%;
  }
  .covestorChampions .championsRisk .riskScoreGroup .col-md-3 {
    width: 20%;
  }
}