/* =============================================================================
	MOBILE
	========================================================================== */
@media only screen and (max-width: 724px) {
  /* =============================================================================
     -- GLOBAL OVERRIDES
     ========================================================================== */
  /* line 5, _small.scss */
  html, body {
    height: 100%;
    min-width: 0;
    color: #494949; }

  /* line 11, _small.scss */
  .is-not-large {
    /* display: inline-block; */
    }

  /* line 15, _small.scss */
  #header {
    box-shadow: none; }

  /* line 19, _small.scss */
  .twoColumnLeft #contentColumn {
    float: none;
    background-color: #ffffff;
    width: auto; 
    margin: 12px 8px; }
    
  .twoColumnLeft #contentColumn #closedFormSubheading {
  width: auto }

  .twoColumnLeft #aside {
    width: auto;
    margin: 12px 8px;
  } 


  /* line 97, _small.scss */
  #secondaryNav, #contentColumn, #aside {
    float: none; }


  /* line 110, _small.scss */
  #main {
    background-image: none;
    padding: 0; }

  /* line 116, _small.scss */
  .rightColor, .leftColor {
    display: none; }

  /* line 120, _small.scss */
  #logo {
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #003e66;
    text-align: center;
    padding: 0 0 1%;
    height: 44px; }

  /* line 131, _small.scss */
  #logo a {
    text-align: center;
    background-image: url("img/logos-mobile.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 155px 130px;
    z-index: 2;
    position: relative;
    width: 80px;
    height: 24px;
    margin: 2% 0 0 5%; }

  /* line 144, _small.scss */
  #logo img {
    display: none; }

  /* line 148, _small.scss */
  .margins {
    width: auto !important; }

  /* line 152, _small.scss */
  .paragraphList {
	font-size:100%;
     }

  /* line 156, _small.scss */
  #contentColumn h1 {
    color: #004165;
    font-weight: 600;
    font-size: 26px;
    line-height: 1em;
    margin: 0 0 30px;
  }

  /* line 167, _small.scss */
  #contentColumn h2 {
   /* display: none; */}

  /* line 171, _small.scss */
  .statement.secure {
    background-color: #e8e8e8;
    background-image: url("img/sprite.png");
    background-repeat: no-repeat;
    background-position: -332px -581px;
    background-size: 410px 801px;
    box-shadow: 0px 1px 3px #979797 inset;
    color: #555;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
    padding: 2% 0;
    margin: 0;
    display: block;
    font-size: 93%; }

  /* line 188, _small.scss */
  .fieldWrapper {
    /*@include background-image(linear-gradient(top, $module-bg-from, $module-bg-to));*/
    border: none;
    border-radius: 4px;
    padding: 0;
    box-shadow: #b5b5b5; }

  /* line 196, _small.scss */
  .lt-ie9 .fieldWrapper {
    background: #fff; }

  /* line 200, _small.scss */
  .sectionWrapper {
    border-top: none;
    border-bottom: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 1px 0 #ababab;
    }

  /* line 207, _small.scss */
  .sectionWrapper#myInsurance {
    border: none; }

  /* line 211, _small.scss */
  .sectionWrapper#myInsurance {
    background-color: #e8e8e8; }

  /* line 215, _small.scss */
  .sectionHeader {
    color: #949494;
    font-size: 123.1%;
    font-weight: bold;
    /* border: none; */
    border-bottom: 1px solid #fff;
    /* box-shadow: 0px 1px 2px #979797 inset; */
    border-radius: 4px;
    background: #ffffff;
    padding: 4% 3% 3% 3%;
    margin-top:14px;
    text-shadow: 0px 1px 0px white;
    }

  /* line 229, _small.scss */
  .sectionHeader.activeForm {
    /* box-shadow: 0px 1px 2px #979797 inset; */
    border-radius: 4px;
    /* border-bottom: none; */
    color: #555;
    }

  /* line 238, _small.scss */
  .sectionHeader#updateDetails,
  .sectionHeader#updateInsurance,
  #myDetails .formSection {
    background-color: #;
    }

  /* line 242, _small.scss */
  .dsectionHeader.sectionFinished {
    background-image: url("img/sprite.png");
    background-repeat: no-repeat;
    background-position: 9px -767px;
    background-size: 410px 801px;
    color: #555;
    padding: 5% 3% 4% 11%;
    text-shadow: 0px 1px 0px #fff; }

  /* line 252, _small.scss */
  .sectionHeader.sectionFinished .sectionEdit {
    background-position: -18px -535px; }

  /* line 256, _small.scss */
  .sectionEdit {
    background-image: url("img/sprite.png");
    background-repeat: no-repeat;
    background-position: -18px -535px;
    background-position: -295px -581px;
    background-size: 410px 801px;
    text-indent: -99999px;
    cursor: pointer;
    width: 36px;
    float: right; }

  /* line 266, _small.scss */
  .sectionEdit.editOpen {
    /* background-image: none; */ }

  /* line 271, _small.scss */
  .sectionHeader.activeForm .sectionEdit {
    background-position: -18px -555px; }

  /* line 275, _small.scss */
  .sectionHeader.activeForm .sectionEdit.editOpen {
    background-position: -18px -555px; }

  /* line 279, _small.scss */
  .sectionSet .sectionWrapper .sectionEnableEdit {
    display: none; }

  /* line 283, _small.scss */
  .formSection {
    background: #ffffff;
    padding: 0 3%;
    border-radius: 0; }

  .paragraphList li.timeItem {
	    background-position: 0 -360px;
   }

  .paragraphList li {
	background-image: url("img/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 410px 830px;
	font-size: 15px;
	color: #494949;
	padding: 6px 0 6px 36px;
	list-style-type: none;
  }
  
  .paragraphList ol {
  	padding: 4px 0 6px 30px !important;
  }
  
  .superform .paragraphList li {
  	background-size: 410px 810px
  }
  
  .pensionform .paragraphList li {
  	background-size: 410px 830px
  }  
  
  .insuranceform .paragraphList li {
  	background-size: 410px 818px
  }
  
  .pensionform .paragraphList li.timeItem {
  	background-position: 0 -360px;
  }
  
  
  #criteria li {
	background:none;
	list-style-type: disc;
	padding: 6px 0;
	list-style-position: outside;
	margin-left: 20px;
  }
  
  preamble#ddo {
  	margin-left: 4px;
  }

  /* line 289, _small.scss */
  #myStatus .formSection {
    background-color: #ffffff; }

  /* line 293, _small.scss */
  #myInsurance .formSection {
    border: 1px solid #e2e2e2;
    border-radius: 0; }
    
	#myInvestment .ctrlHolder .btn_fancyRadio label,
	#myInsurance .ctrlHolder .btn_fancyRadio label,
	#myAdviser .ctrlHolder .btn_fancyRadio label,
	#myInvestment .ctrlHolder .btn_fancyRadio label.active,
	#myInsurance .ctrlHolder .btn_fancyRadio label.active,
	#myAdviser .ctrlHolder .btn_fancyRadio label.active	
	{
	  	max-width: 536px;
	  	width: auto;
	  	white-space:normal !important;
	  	text-align: initial !important;
	}
    

  /* line 298, _small.scss */
  .formSection legend {
    color: #004165;
    font-size: 138.5%; }

  /* line 303, _small.scss */
  .formSectionFooter {
    border: none;
    padding: 0 0 20px;
    border-radius: 0; }

  /* =============================================================================
     -- GENERAL
     ========================================================================== */

	#myContribution .formSection input {
	    margin: auto;
	}
	 
	#myContribution .formSection input#personalConts {
	    margin-left: 0px;
	}	 
	
	#myContribution #partialAmount,#otherPaymentAmount {
	    width: -webkit-fill-available;
	    margin-top: 8px;
	    margin-left: 0;
	}
  /* line 313, _small.scss */
  #myInvestment fieldset p.formSection_intro {
    color: #494949;
    padding: 0;
    font-size: 108%;
    line-height: 1.5em;
    width: auto;
    margin: 0;
    padding: 0 3%;
    width: auto; }

  /* line 324, _small.scss */
  #myInvestment fieldset #selectInvestment {
    padding: 0 3% 3% 3%; }

  /* line 328, _small.scss */
  #myInvestment fieldset p.rangeSelect {
    width: auto;
    color: #494949;
    padding: 3%;
    font-size: 93%;
    line-height: 1.5em;
    margin: 0; }

  /* line 337, _small.scss */
  #myInvestment .ctrlHolder {
    padding: 0; }

  #paymentSelect label {
  	width: auto;
  }
  #paymentSelect .tooltip-btn {
    top: 0;
    right: 0;
  }
  
  #pcdRow {
  	width: -webkit-fill-available; }
  	
  #pcdRow .tooltip-btn {
    right: 0;
    top: -18px; 
    z-index: 9999;
  }
  
  
  #bankAccount2 .tooltip-btn {
    top: 0;
    right: 0;
  }

  /* line 341, _small.scss */
  .form-module {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid 1px solid #d8d8d8;
    margin-bottom: 20px;
    background: #f8f8f8; }

  /* line 348, _small.scss */
  fieldset {
    padding: 0;
    border: none;
    margin: 0 0 4%;
    width: 100%; }

  /* line 355, _small.scss */
  fieldset:first-child {
    padding-top: 0; }

  /* line 359, _small.scss */
  .legend {
    width: 270px;
    font-size: 116%;
    font-weight: bold;
    color: #747678;
    text-align: right;
    margin: 0; }

  /* line 368, _small.scss */
  h3.legend {
    margin-top: 0;
    margin-bottom: 10px; }

  /* line 373, _small.scss */
  .horizontal > li {
    float: none;
    margin-top: 0; }

  /* =============================================================================
     - CONTROLS
     ========================================================================== */
  /* line 381, _small.scss */
  #editMyDetails {
    display: none; }

  /* line 385, _small.scss */
  .ctrlHolder, .ctrlsHolder {
    margin-bottom: 0; }

  /* line 389, _small.scss */
  .ctrlHolder {
    margin: 7px 0;
  }

  /* line 394, _small.scss */
  #myStatus .ctrlHolder {
    margin: 0; 
    padding: 0;}

  /* line 398, _small.scss */
  .ctrlGroup .ctrlHolder {
    margin-bottom: 0.5em; }

  /* line 402, _small.scss */
  .inline {
    display: block;
    float: left; }

  /* line 407, _small.scss */
  .inline .ctrlHolder {
    width: 87px;
    margin-right: 14px;
    float: left; }

  /* line 413, _small.scss */
  .inline.multi_validate .ctrlHolder {
    width: 31%;
    margin-right: 3%; }

  /* line 418, _small.scss */
  .inline.telephone {
    display: block;
    float: left;
    margin: 0 3% 0 0;
    width: 35%; }

  /* line 425, _small.scss */
  .inline.multi_validate .ctrlHolder:nth-child(4n) {
    margin-right: 0; }

  /* line 429, _small.scss */
  .inline.telephone .ctrlHolder {
    width: 99%;
    float: left;
    margin-right: 0;
    padding: 0; }

  /* line 436, _small.scss */
  .inline.combo {
    margin: 0 0 0 12px; }

  /* line 440, _small.scss */
  .phoneNumber .inline.combo {
    margin: 0;
    width: 60%; }

  /* line 445, _small.scss */
  .inline.combo .ctrlHolder {
    width: 97%;
    float: left; }

  /* line 450, _small.scss */
  .phoneNumber .inline.combo .ctrlHolder {
    width: 100%; }

  /* line 454, _small.scss */
  .ctrlGroup {
    margin-bottom: 1em; }

  /* line 460, _small.scss */
  .lt-ie9 .ctrlHolder,
  .lt-ie9 .ctrlsHolder,
  .lt-ie9 .ctrlGroup {
    zoom: 1; }

  /* line 464, _small.scss */
  .ctrlsHolder .ctrlHolder {
    float: left;
    margin-left: 10px;
    margin-bottom: 0; }

  /* line 470, _small.scss */
  .date-picker .ctrlHolder {
    margin-left: 5px; }

  /* line 474, _small.scss */
  .ctrlsHolder .ctrlHolder:first-child {
    margin-left: 0; }

  /* line 478, _small.scss */
  .lt-ie9 .ctrlsHolder .ctrlHolder {
    clear: none; }

  /* line 487, _small.scss */
  .ctrlHolder label,
  .ctrlHolder .label,
  .ctrlHolder .text,
  .ctrlHolder select,
  .ctrlHolder textarea,
  .ctrlHolder .options {
    float: none;
    display:inline-grid; }

  /* line 494, _small.scss */
  .ctrlHolder label,
  .ctrlHolder .label {
    float: none; }

  /* line 500, _small.scss */
  #myDetails .ctrlHolder label,
  #myDetails .ctrlHolder .label,
  #myDetails .ctrlHolder .text {
    float: left; }

  /* line 505, _small.scss */
  #myDetails .ctrlHolder label.hiddenLabel,
  #myDetails .ctrlHolder .label.hiddenLabel {
    /* display: none; */
    }
  .ctrlHolder label.desktop-only {
    display: block;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

  .inline .ctrlHolder.postcode label, 
  .ctrlHolder label.mobile-only {
    display: block;
    border: 0;
    clip: auto;
    width: auto;
    height: auto;
    position: relative; }

  /* line 512, _small.scss */
  .ctrlHolder .text,
  .ctrlHolder select,
  .ctrlHolder textarea,
  .nonEditableField {
    border: 1px solid #8a8a8a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 108%;
    padding: 12px 0 12px 3%;
    /*padding: 5% 0 5% 3%;*/
    outline: none;
    margin: 0;
    -webkit-box-shadow: white 0 1px 0 0;
    -moz-box-shadow: white 0 1px 0 0;
    box-shadow: white 0 1px 0 0; }

  /* line 525, _small.scss */
  .inline.combo .ctrlHolder .text,
  .inline.combo .ctrlHolder select,
  .inline.combo .ctrlHolder textarea {
    margin: 0; }

  /* line 529, _small.scss */
  .simpleRadio fieldset.ctrlHolder {
    display: inline-grid;
   }
  /* line 533, _small.scss */
  .ctrlHolder .options.checkboxSingle {
    padding-bottom: 5%; }

  /* line 537, _small.scss */
  #accountNumber .checkboxSingle,
  #smartChoiceAccountNumber .checkboxSingle {
    margin: 0; }

  /* line 541, _small.scss */
  #accountNumber #errorIcon {
    top: 12px;
    left: 3px; }

  /* line 546, _small.scss */
  #myDetails .ctrlHolder .checkboxSingle li label#noCRN {
    display: block;
    font-size: 85%;
    margin-top: 0; }

  /* line 554, _small.scss */
  #myDetails .xsimpleRadio .ctrlHolder .options.horizontal label,
  #myInsurance .longSelect .ctrlHolder .options.horizontal label {
    color: #494949;
    padding: 8px 0;
    text-align: center;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #d8d8d8));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #d8d8d8);
    background-image: -moz-linear-gradient(top, #f5f5f5, #d8d8d8);
    background-image: -o-linear-gradient(top, #f5f5f5, #d8d8d8);
    background-image: linear-gradient(top, #f5f5f5, #d8d8d8);
    border-radius: 3px;
    border: 1px solid #8a8a8a;
    box-shadow: 0px 1px 1px 1px #fff;
    -webkit-box-shadow: 0px 1px 1px 1px #fff;
    position: relative;
    width: 100%;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    cursor: pointer; }

  /* line 572, _small.scss */
  .simpleRadio .ctrlHolder .options.horizontal li {
    float: left;
    width: 48%;
    margin-left: 0; }

  /* line 579, _small.scss */
  .simpleRadio .ctrlHolder .options.horizontal li:first-child,
  #smokingStatus .ctrlHolder .options.horizontal li:first-child {
    margin-left: 0;
    padding-right: 4%; }

  /* line 585, _small.scss */
  #myInsurance .longSelect .ctrlHolder .options.horizontal label.active {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2JjYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #cccbcb));
    background-image: -webkit-linear-gradient(top, #dddddd, #cccbcb);
    background-image: -moz-linear-gradient(top, #dddddd, #cccbcb);
    background-image: -o-linear-gradient(top, #dddddd, #cccbcb);
    background-image: linear-gradient(top, #dddddd, #cccbcb);
    color: #004165;
    border: 1px solid #8a8a8a;
    text-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8) inset; }

  /* line 593, _small.scss */
  #myDetails #pensionPayments legend {
    font-size: 108%;
    margin: 0 0 2%; }

  /* line 598, _small.scss */
  #myDetails #pensionPayments p {
    font-size: 93%;
    padding-right: 9%; }

  /* line 605, _small.scss */
  .lt-ie9 .ctrlHolder .text,
  .lt-ie9 .ctrlHolder select,
  .lt-ie9 .ctrlHolder textarea {
    padding: 6px 4px; }

  /* line 611, _small.scss */
  .ctrlHolder .text:focus,
  .ctrlHolder select:focus,
  .ctrlHolder textarea:focus {
    border-color: #3399cc; }

  /* line 620, _small.scss */
  .ctrlHolder .text.disabled,
  .ctrlHolder select.disabled,
  .ctrlHolder textarea.disabled,
  .ctrlHolder .text:disabled,
  .ctrlHolder select:disabled,
  .ctrlHolder textarea:disabled {
    border: 1px solid #999999;
    background-color: #efefef; }

  /* line 626, _small.scss */
  .ctrlHolder label,
  .ctrlHolder .label {
    width: auto;
    margin-right: 0;
    padding: 7px 0 0 0;
    font-weight: normal;
    text-align: left;
    color: #494949;
    font-size: 108%;
    }

  /* line 637, _small.scss */
  .longSelect .ctrlHolder label,
  .longSelect .ctrlHolder .label {
    width: auto;
    text-align: left; }

  /* line 642, _small.scss */
  #smokingStatus.longSelect .ctrlHolder .label {
    width: auto; }

  /* line 650, _small.scss */
  .inline.telephone .ctrlHolder label {
    display: block; }

  /* line 654, _small.scss */
  .inline.number .ctrlHolder label {
    display: none; }

  /* line 658, _small.scss */
  .ctrlHolder label.error, .inline .ctrlHolder label.error {
    float: right;
    text-align: left;
    color: #D90000;
    margin-right: 0;
    width: auto;
    padding: 0;
    font-size: 14px;
    margin: 12px 71px 0 0; }

  /* line 669, _small.scss */
  .ctrlHolder.error, .multi_validate.error {
    background-image: none;
    background-position: right 3px;
    background-repeat: no-repeat; }

  /* line 675, _small.scss */
  .mobileError_icon {
    cursor: pointer; }

  /* line 679, _small.scss */
  .selectRowLabel {
    width: auto;
    margin-right: 0;
    padding: 7px 0 0 0;
    font-weight: normal;
    text-align: left;
    color: #494949;
    float: none;
    display: block;
    font-size: 123.1%; }

  /* line 691, _small.scss */
  #myStatus .ctrlHolder .label {
    display: none; }

  /* Rendered label span element */
  /* line 696, _small.scss */
  #myStatus .ctrlHolder .label {
    display: none; }

  /* line 700, _small.scss */
  #myInvestment .ctrlHolder .btn_fancyRadio {
    margin: 0; }

  /* line 705, _small.scss */
  #myStatus .ctrlHolder .btn_fancyRadio li {
    margin: 0;
    margin-bottom: 12px;
    padding: 0;
    }
	
	
  /* line 711, _small.scss */
  #myStatus .ctrlHolder .btn_fancyRadio label,
  #myInsurance .ctrlHolder .btn_fancyRadio label {
    /* padding: 0; */
    color: #494949;
    text-align: center;
    position: relative;
    width: -webkit-fill-available;
    display: block;
    float: none;
    height: auto;
    color: #004165;
    /* padding: 16px; */
    background: #F7F7F7;
    border-radius: 4px;
    border: 1px solid #ffffff;
    box-shadow: 0px 1px 1px #b5b5b5;
 }

 #myStatus .ctrlHolder .btn_fancyRadio label {
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 18px;
    font-size: small;
  }
  /* line 728, _small.scss */
  #myStatus .ctrlHolder .btn_fancyRadio label.active,
  #myInvestment .ctrlHolder .btn_fancyRadio label.active {
 }

	#myInvestment .ctrlHolder .options.btn_fancyRadio input#investmentOption_selfSelect {
	    top: 12px;
	}

  /* line 736, _small.scss */
  #myStatus .ctrlHolder .btn_fancyRadio label.active,
  #myInvestment .ctrlHolder .btn_fancyRadio label.active,
  #myInsurance .ctrlHolder .btn_fancyRadio label.active {
    background-color: #004165;
    color: #fff;
    border: 1px solid #3193c4; 
    box-shadow: 0px 1px 1px #297aa3;
    white-space: normal;}

  #myStatus .threeTiles li {
	margin: 0 2px 20px 2px !important;
  }
  
  #myStatus .ctrlHolder .options.btn_fancyRadio input {
    top: 10px;
    left: 5px;
    transform: scale(1.05);
  } 

  /* line 743, _small.scss */
  #myStatus .ctrlHolder .btn_fancyRadio li label span {
    background-image: none;
    font-size: 108%; 
    height: auto;
    display: block;
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    }

  /* line 755, _small.scss */
  #myStatus .ctrlHolder .btn_fancyRadio li label#newUser span {
    left: auto; }

  /* line 760, _small.scss */
  #myStatus .ctrlHolder .btn_fancyRadio li label.active span,
  #myInvestment .ctrlHolder .btn_fancyRadio li label.active span {
    /* padding: 12px; */
    /* color: #004165; */
    /* padding: 16px; */
    /* background: #F7F7F7; */
    border-radius: 4px;
    /* border: 1px solid #ffffff; */
    /* box-shadow: 0px 1px 1px #b5b5b5; */
  }

  #state_resident, #state_mailing {
 	width: 100px;
  }
  
  #myInvestment .ctrlHolder .btn_fancyRadio li {
	    margin: 10px 0 20px 0;
  }

  /* line 777, _small.scss */
  #myStatus .ctrlHolder .btn_fancyRadio label#newUser span,
  #myInvestment .ctrlHolder .btn_fancyRadio label#newUser span {
    background-position: -728px 45px; }

  /* line 782, _small.scss */
  #myStatus .ctrlHolder .btn_fancyRadio label#newUser.active span,
  #myInvestment .ctrlHolder .btn_fancyRadio label#newUser.active span {
    background-position: -728px -247px; }

  /* line 786, _small.scss */
  #myInvestment .formSectionFooter {
    padding: 0 3% 20px; }

  /* line 790, _small.scss */
  #myInvestment .formSectionFooter input.sectionNavigator {
    width: 100%; }

  /* line 794, _small.scss */
  #myInvestment .ctrlHolder .btn_fancyRadio label#label_weSelect.active p {
    color: #494949; }


  /* My insurance module */


  /* line 822, _small.scss */
  #xmyInsurance .ctrlHolder .btn_fancyRadio li#coverNone {
    margin: 0;
    border: none;
    background-color: transparent;
    border-radius: none;
    padding: 4% 4% 0 4%; }

  /* line 830, _small.scss */
  #xmyInsurance .formSection {
    padding: 0; }

  /* line 834, _small.scss */
  #xmyInsurance .ctrlHolder .btn_fancyRadio label {
    padding: 0;
    text-align: center;
    border-radius: 4px;
    border-radius: 3px;
    position: relative;
    width: auto;
	display: flex;
	flex-flow: column;
    float: none;
    height: auto;
    margin: 0 0 16px;
    height: auto;
    min-height: 48px; }

  #myInsurance .ctrlHolder .btn_fancyRadio label.active {
    display: flex;
    flex-flow: column;
  }  

  /* line 851, _small.scss */
  #xmyInsurance .ctrlHolder .btn_fancyRadio input {
  	left: 10px;
    top: 20px;
    /*left: -9999px;*/ }

  /* line 855, _small.scss */
  #xmyInsurance .ctrlHolder .btn_fancyRadio label span {
    display: block;
    float: none;
    padding: 13px 0 0 20px;
	width: -webkit-fill-available;
	height:auto;}
	
  /* line 861, _small.scss */
  #xmyInsurance .ctrlHolder .btn_fancyRadio #coverNone label span {
    font-weight: normal;
    font-size: 77%; }


  /* line 874, _small.scss */
  #xmyInsurance .ctrlHolder .btn_fancyRadio label.active span {
    background-image: none;
    color: #fff;
    border: none;
    box-shadow: none; }

  /* line 882, _small.scss */
  #myInsurance .ctrlHolder .btn_fancyRadio label .pricing {
    display: flex;
    flex-flow: column;
    margin-left: 24px;
    padding-bottom: 13px;}
    
  /* line 882, _small.scss */
  #myInsurance .ctrlHolder .btn_fancyRadio label.active .pricing {
    color: #fff; }


  /* line 886, _small.scss */
  #myInsurance #insuranceIntroParagraph {
    padding: 3% 0 0 0; }

  /* line 890, _small.scss */
  #myInsurance fieldset p {
    color: #494949;
    font-size: 100%;
    line-height: 1.4;
    width: auto; }

  /* line 897, _small.scss */
  #myInsurance fieldset p.textblock {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 93%;
    line-height: 1.4;
    text-align: left;
    border-radius: none;
    width: auto; }

  /* line 908, _small.scss */
  .insuranceLabel .pricing {
    float: right;
    font-weight: normal;
    width: 100%;
    font-size: 77%; }

  /* line 917, _small.scss */
  .insuranceLabel.active .pricing {
    color: #666; }

  /* line 921, _small.scss */
  .insuranceLabel .pricingOutput {
    float: left;
    display:flex;
    }

  /* line 926, _small.scss */
  .insuranceLabel .pricing .pricingType {
    font-weight: normal;
    text-align: center;
    padding-right: 0;
    float: none;
    /*width: 100%;*/ 
    display:flex; }

  /* line 934, _small.scss */
  .insuranceLabel .pricing .pricingValue {
    font-weight: bold;
    text-align: center; }

	#adviserRenumerationDeclaration > div {
	    display: flex;
	}
	#adviserRenumerationDeclaration > div > input {
	    flex: none;
	}


  /* line 939, _small.scss */
  #myDeclaration .formSection {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    margin: 0;
    /*padding: 20px 7px 17px 20px;*/ }

  /* line 946, _small.scss */
  #myDeclaration .formSection h3 {
    font-size: 123.1%;
    margin: 0 0 14px; }

  /* line 951, _small.scss */
  #myDeclaration .formSection div {
    margin: 0 0 12px; }

  /* line 955, _small.scss */
  #myDeclaration .formSection div#checkboxesToSubmit {
    margin: 0; }

  /* line 959, _small.scss */
  #myDeclaration .formSection a {
    color: #0072AC; }

  /* line 964, _small.scss */
  #myDeclaration .formSection input {
    display: block;
    float: left; }

  #myDeclaration .formSection input#readStatement {
    margin: 2px 12px 54px 0; }

  /* line 969, _small.scss */
  #myDeclaration .formSection input#readDeclaration {
    margin: 2px 12px 10px 0; }
    
  #myDeclaration .formSection input#readConsent {
    margin: 2px 12px 32px 0; }    
    
  #myDeclaration .formSection input#readPersonalInformation {
    margin: 2px 12px 74px 0 !important; }    

  #myDeclaration .formSection input#readWorkTest {
    margin: 2px 12px 74px 0 !important; } 
    
    

  /* line 978, _small.scss */
  #myDeclaration #checkboxesToSubmit label {
    font-size: 93%;
    line-height: 1.3; }



  /* =============================================================================
     - Contributions      
     ========================================================================== */
	
	
	
  /* =============================================================================
     - CONFIRMATION SCREEN
     ========================================================================== */
  /* line 996, _small.scss */
  #confirmation {
    margin-top: 0 !important;
    border-radius: 4px;
    padding-top: 0; }

  /* line 1002, _small.scss */
  #confirmation .formSection {
    background: #fff;
    padding: 0 3%;
    border-radius: 4px;
    margin-top: 14px; }

  /* line 1009, _small.scss */
  #confirmation fieldset {
    padding-top: 0; }

  /* line 1013, _small.scss */
  ul#confirm_nextSteps {
    float: left;
    margin: 0;
    padding: 0; }

  /* line 1019, _small.scss */
  ul#confirm_nextSteps li {
    float: left;
    width: 200px;
    background-image: url("img/confirmation_icons.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 75px 605px;
    list-style-type: none;
    margin: 0 20px 7% 0;
    padding: 4% 0 4% 82px;
    font-size: 85%; }

  /* line 1032, _small.scss */
	ul#confirm_nextSteps li#nextSteps_email {
		background-position: 0px 15px;
		background-image: url("img/callback.jpg");
		background-size: 65px;
		padding-top: 30px;
	}

	ul#confirm_nextSteps li#nextSteps_acctDetails {
		background-position: 0px 15px;
		background-image: url("img/support.jpg");
		background-size: 60px;
	}

	ul#confirm_nextSteps li#nextSteps_accessOnline {
		background-position: 0px 15px;
		background-image: url("img/commence.jpg");
		background-size: 65px;
	}

  /* line 1045, _small.scss */
  #confirmationContact {
    clear: left;
    display: none;
    font-size: 108%; }

  /* line 1051, _small.scss */
  .callUs {
    float: left;
    margin: 0 20px 18px 0; }

  /* line 1056, _small.scss */
  .callHours {
    float: left;
    margin: 0 0 18px; }

  /* line 1061, _small.scss */
  .confirmationThanks {
    font-size: 108%; }

  /* line 1065, _small.scss */
  #confirmationContact p {
    clear: left; }



  /* line 1103, _small.scss */
  .sectionNavigator {
    padding: 12px 13px; 
	}
	
  .button.secondary {
    width: 100%;
  }
  /* line 1107, _small.scss */
  #myDeclaration .formSection div.formSectionFooter {
    margin: 0;
    padding: 0; }

  /* line 1112, _small.scss */
  #myDeclaration .formSection input#btn_formSubmit {
    margin: 16px 0 0 0;
    padding: 7px 33px; }


  /* ---------------- My investment module */
  /* line 1176, _small.scss */
  #myInvestment fieldset p.textblock {
    background-color: #d9eef5;
    border: 1px solid #bddfeb;
    color: #0072AC;
    padding: 14px 12px;
    font-size: 108%;
    line-height: 1.2em;
    text-align: center;
    border-radius: 4px;
    width: auto;
    margin: 16px 0 16px 14px;
    width: auto; }

  /* line 1191, _small.scss */
  #myInvestment fieldset p.assetAllocation {
    padding: 0 26px; }

  /* line 1195, _small.scss */
  #myInvestment .formSection h3 {
    margin: 0 0 10px 0;
    padding: 0 12px; }

  /* line 1206, _small.scss */
  #myInvestment .ctrlHolder .btn_fancyRadio li#listConditional {
    display: none !important;
    /* !important is the quick solution as element is getting a display: inline-block when the page loads */ }

  /* line 1211, _small.scss */
  #myInvestment fieldset,
  #myInsurance fieldset {
    padding: 0;
    margin: 0;
    min-width: 0; }

  /* line 1216, _small.scss */
  #myInsurance .formSection {
    padding: 0 3%; }

#selectInvestment.ctrlHolder {
	width: auto;	
 }

  /* line 1220, _small.scss */
  #xmyInvestment .ctrlHolder .options.btn_fancyRadio input {
    position: absolute;
    top: 26px;
    z-index: 1; }

/* line 676, modules/_formLayout.scss */
#xmyInvestment .ctrlHolder .btn_fancyRadio label {
  padding: 10px 0px 8px 38px;
}

  /* line 1245, _small.scss */
  #xmyInvestment .ctrlHolder .btn_fancyRadio label span {
    font-size: 93%;
    font-weight: normal;
    display: block; }


  /* line 1259, _small.scss */
  #xmyInvestment .ctrlHolder .btn_fancyRadio label#label_selfSelect {
    font-size: 100%;
    text-align:left; }

  /* line 1264, _small.scss */
  #xmyInvestment .ctrlHolder .btn_fancyRadio label#label_selfSelect.active {
    font-weight: normal;
  }

  /* line 1269, _small.scss */
  #xmyInvestment .ctrlHolder .btn_fancyRadio label#label_weSelect {
    font-size: 123.1%;
    margin: 2% 0 6%;
    text-align:left; }

  /* line 1275, _small.scss */
  .multi_validate {
    width: auto;
    padding: 0 0 0; }

  /* line 1280, _small.scss */
  #dobRow {
    width: 92%; }

  /* line 1284, _small.scss */
  #assetTable {
    width: auto;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(top, #fafafa, #ffffff);
    background-image: -moz-linear-gradient(top, #fafafa, #ffffff);
    background-image: -o-linear-gradient(top, #fafafa, #ffffff);
    background-image: linear-gradient(top, #fafafa, #ffffff);
    padding: 0 0 8px;
    border-top: 1px solid #fff;
    box-shadow: 0px 1px 2px #979797 inset; }

  /* line 1292, _small.scss */
  #assetTable .investmentOption {
    background-color: transparent;
    padding: 3%; }

  /* line 1298, _small.scss */
  #assetTable th.even,
  #assetTable tdh.even {
    padding: 12px;
    text-align: left;
    width: 50%; }

  /* line 1305, _small.scss */
  #assetTable th.odd,
  #assetTable td.odd {
    padding: 12px 23px 10px 12px;
    text-align: right;
    width: 50%; }

  /* line 1311, _small.scss */
  #assetTable thead th {
    border-bottom: 1px solid #d5d5d5;
    color: #004165;
    font-size: 138.5%; }

  /* line 1317, _small.scss */
  #assetTable tbody td {
    background-color: #fff;
    color: #747678;
    font-size: 123.1%;
    padding: 12px 0; }

  /* line 1324, _small.scss */
  #assetTable tfoot td {
    border-top: 1px solid #d5d5d5;
    color: #747678;
    font-size: 123.1%;
    padding: 12px 0; }

  #assetTable .investmentOption {
  }
  /* line 1331, _small.scss */
  input.investmentPercent {
    border: 1px solid #8a8a8a;
    width: 100%;
  /*  font-size: 123.1%; */
    text-align: center;
    padding: 6px 0; }

  /* line 1339, _small.scss */
  .investmentTotal {
    width: 122px;
    text-align: center;
    padding: 6px 0;
    font-weight: bold; }

  /* line 1346, _small.scss */
  #investmentOptions {
    position: relative; }

  #myContribution #myContributionANZCustomer .ctrlHolder  label {
  	max-width: 77%;
  }

  #myContribution fieldset {
    padding-top: 0;
    min-width: 0;
  }
  
  #myContribution .ctrlHolder .options.horizontal li {
    margin-left: 0;
  }
  
  #myContribution input#scAccNumber {
    width: -webkit-fill-available;
  }  
  
  #footer {
    padding-left: 10px;
    padding-right: 10px;
  }
  #footer .links {
	margin-top: 0;
	margin-left: 0;
  }
  
  #footer .links ul {
    display: flex; 
  	flex-direction: column; 	
  }

  #footer .links li {
    border-right: none;
  }

  /* ---------------------------------------------------------------------------------------- */
  /* line 1441, _small.scss */
  .ctrlHolder .legend {
    color: #747678;
    padding-top: 5px; }

  /* line 1447, _small.scss */
  .ctrlHolder label.longlabel,
  .ctrlHolder .label.longlabel {
    float: none;
    clear: both;
    width: auto;
    text-align: left;
    font-weight: normal;
    margin-bottom: 5px; }

  /* line 1457, _small.scss */
  .lt-ie7 .ctrlHolder select,
  .no-js .ctrlHolder select {
    margin-top: 5px; }

  /* =============================================================================
     - INPUT VARIATIONS
     ========================================================================== */
  /* line 1468, _small.scss */
  .ctrlHolder .text-pre,
  .lt-ie9 .ctrlHolder .text-pre,
  .ctrlHolder .text-placeholder,
  .lt-ie9 .ctrlHolder .text-placeholder {
    padding: 0;
    border: none;
    position: relative; }

  /* line 1475, _small.scss */
  .ctrlHolder .text-pre .display,
  .ctrlHolder .text-placeholder .display {
    position: absolute;
    top: 0;
    left: 6px; }

  /* line 1481, _small.scss */
  .ctrlHolder .text-placeholder .display {
    color: #bebebe; }

  /* line 1486, _small.scss */
  .lt-ie9 .ctrlHolder .text-pre .display,
  .lt-ie9 .ctrlHolder .text-placeholder .display {
    top: -1px; }

  /* line 1490, _small.scss */
  .ctrlHolder .text-pre .text {
    padding-left: 14px; }

  /* line 1494, _small.scss */
  .ctrlHolder .text-post {
    margin-left: 5px; }

  /* =============================================================================
     - SIMPLE SELECT (Doesn't work for IE6)
     ========================================================================== */
  /* line 1502, _small.scss */
  .simpleSelect {
    height: 40px;
    position: relative;
    overflow: visible;
    display: inline-block;
    border: 1px solid #8a8a8a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 108%;
    color: #025486;
    overflow: hidden;
    background: #fff; }

  /* line 1515, _small.scss */
  .simpleSelect.long {
    width: 100%; }

  /* line 1519, _small.scss */
  .simpleSelect.xshort {
    width: 100%; }


  /* line 1533, _small.scss */
  .ctrlHolder .simpleSelect,
  .no-js .ctrlHolder select {
    float: left;
    width: 100%; }

  /* line 1538, _small.scss */
  .simpleSelect:hover {
    border-color: #3399cc; }

  /* line 1542, _small.scss */
  .simpleSelect.focus {
    box-shadow: #C2DDEB 0px 0px 0px 3px;
    border-color: #006090; }

  /* line 1546, _small.scss */
  .simpleSelect .simpleLabel {
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 11px;
    left: 14px;
    margin-right: 0;
    max-width: 100%;
    overflow: hidden;
    background: transparent url("img/mobile_dropdown.png") no-repeat 100% 6px;
    background-size: 23px 11px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  /* line 1562, _small.scss */
  .simpleSelect select {
    position: relative;
    height: 32px;
    padding: 0 4px 0 4px;
    float: none; }

  /* line 1569, _small.scss */
  .webkit .simpleSelect select {
    padding-right: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

  /* line 1574, _small.scss */
  .lt-ie8 .simpleSelect select {
    margin-left: 0; }

  /* line 1580, _small.scss */
  .simpleSelect select#altNumber,
  .simpleSelect select#defaultNumber {
    float: left; }

  /* line 1587, _small.scss */
  .lt-ie9 .simpleSelect,
  .lt-ie9 .simpleSelect span,
  .lt-ie9 .simpleSelect select {
    height: 28px; }

  /* =============================================================================
     - INLINE HELP
     ========================================================================== */
  /* line 1595, _small.scss */
  .ctrlHolder .help {
    clear: both;
    display: block;
    margin-left: 290px;
    padding-top: 4px;
    font-size: 85%;
    font-style: normal; }

  /* line 1605, _small.scss */
  .legend .help,
  .ctrlHolder .legend .help {
    margin-left: 0;
    font-style: normal;
    display: block;
    font-weight: normal;
    font-size: 77%;
    /* 15px to 12px */
    padding-top: 4px; }

  /* line 1614, _small.scss */
  .ctrlHolder .options li .help {
    margin-left: 20px;
    padding-top: 0; }

  /* line 1619, _small.scss */
  .lt-ie7 .ctrlHolder .options li .help {
    margin-left: 22px; }

  /* =============================================================================
     - INLINE ACTION
     ========================================================================== */
  /* line 1627, _small.scss */
  .ctrlHolder .fancy {
    margin: -1px 0 0 8px; }

  /* line 1631, _small.scss */
  .lt-ie8 .ctrlHolder .fancy {
    margin: 0 0 0 8px; }

  /* line 1635, _small.scss */
  .ctrlHolder .fancy.small {
    margin: 2px 0 0 8px; }

  /* line 1639, _small.scss */
  .lt-ie8 .ctrlHolder .fancy.small {
    margin: 2px 0 0 8px; }

  /* =============================================================================
     - SUCCESS
     ========================================================================== */
  /* line 1647, _small.scss */
  .success {
    font-size: 108%;
    color: #008542;
    font-weight: bold;
    padding-left: 32px;
    background: url("img/form-success.png") no-repeat 0 0;
    line-height: 25px;
    display: block; }

  /* line 1657, _small.scss */
  .ctrlHolder .success {
    display: inline-block;
    line-height: 21px;
    padding-top: 4px;
    margin-top: 1px;
    margin-left: 5px; }

  /* =============================================================================
     - ERROR HANDLING
     ========================================================================== */
  /* line 1669, _small.scss */
  .error-summary {
    border: 1px solid #fdc352;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 15px 20px 15px 55px;
    color: #444444;
    margin-bottom: 10px;
    background-color: #fef0d4;
    position: relative; }

  /* line 1679, _small.scss */
  .lt-ie7 .error-summary {
    zoom: 1; }

  /* line 1683, _small.scss */
  .error-summary .icon {
    position: absolute;
    top: 14px;
    left: 12px;
    width: 37px;
    height: 34px;
    background: #fef0d4 url("img/form-error-summary.png") no-repeat 0 0; }

  /* line 1692, _small.scss */
  .error-summary .icon-centered {
    top: 50%;
    margin-top: -17px; }

  /* line 1697, _small.scss */
  .error-summary p {
    margin: 0;
    font-size: 100%;
    font-weight: bold; }

  /* line 1703, _small.scss */
  #main .error-summary p {
    line-height: 1.4; }

  /* line 1707, _small.scss */
  .error-summary ul {
    margin: 5px 0 0 0;
    padding: 0 0 0 20px; }

  /* line 1712, _small.scss */
  .error-summary li {
    font-size: 100%;
    margin-top: 3px; }

  /* line 1720, _small.scss */
  .error .text,
  .error select,
  .error textarea,
  .error .simpleSelect {
    background-color: #fff;
    border-color: #b71234; }

  /* line 1725, _small.scss */
  .error-text {
    clear: both;
    display: block;
    margin-left: 290px;
    padding-top: 6px;
    font-size: 93%;
    color: #b71234; }

  /* line 1734, _small.scss */
  .error-icon {
    background: url("img/form-error.png") no-repeat 0 0;
    width: 25px;
    height: 23px;
    float: left;
    margin: 3px 0 0 7px;
    display: none; }

  /* line 1743, _small.scss */
  .error .error-icon {
    display: block; }

   #investmentErrorSlot {
	    width: auto !important; }

  /* line 1749, _small.scss */
  .ctrlHolder label.error,
  .errorDialog {
    float: none;
    text-align: left;
    color: #D90000;
    width: auto !important;
    padding: 12px 32px;
    font-size: 14px;
    display: flex;
    margin: 2px 0 0 0 !important; }

  .ctrlHolder label.info{
    float: none;
    text-align: left;
    width: auto !important;
    padding: 12px 32px;
    font-size: 14px;
    display: flex;
    margin: 2px 0 0 0 !important; }


  /* line 1759, _small.scss */
  #iamError {
    margin: 0;
    float: none; }

  /* =============================================================================
     - OPTION LISTS
     ========================================================================== */
  /* line 1768, _small.scss */
  .ctrlHolder .options {
    list-style: none;
    padding: 7px 0 0 0;
    margin: 0;
    max-width: none; }

  #myStatus fieldset {
	padding-top: 0px;
  }
  /* line 1775, _small.scss */
  #myStatus .ctrlHolder .options {
    width: -webkit-fill-available;
    padding: 0; }

  /* line 1780, _small.scss */
  #myStatus .ctrlHolder .btn_fancyRadio label p {
    display: none; }

  /* line 1784, _small.scss */
  .ctrlHolder .horizontal {
	width: -webkit-fill-available; }

  /* line 1788, _small.scss */
  .ctrlHolder .options li {
    margin-top: 5px;
    position: relative; }

  /* line 1793, _small.scss */
  .lt-ie7 .ctrlHolder .options li {
    zoom: 1; }

  /* line 1798, _small.scss */
  .ctrlHolder .options li.first-child,
  .ctrlHolder .options li:first-child {
    margin-top: 0; }

  /* line 1802, _small.scss */
  .ctrlHolder .options.horizontal li {
    float: none;
    margin-left: 10px;
    margin-top: 0; }

  /* line 1808, _small.scss */
  #smokingStatus .ctrlHolder .options.horizontal li {
    float: left;
    width: 48%;
    text-align: left;
    margin-left: 0;
    margin-top: 0; }

  /* line 1817, _small.scss */
  .ctrlHolder .options.horizontal li.first-child,
  .ctrlHolder .options.horizontal li:first-child {
    margin-left: 0; }

  /* line 1821, _small.scss */
  #smokingStatus span.label {
    font-size: 100%; }

  /* line 1826, _small.scss */
  .ctrlHolder .options input {
    position: absolute;
    top: 2px;
  }

  /* line 1832, _small.scss */
  .ctrlHolder .options input.normal-checkbox {
    left: 0; }

  /* line 1837, _small.scss */
  #genderSelect .ctrlHolder .options input,
  #addressSelect .ctrlHolder .options input {
    /*display: none;*/ }

  #genderSelect button.tooltip-btn {
	    top: 8px; }
	    
  .yesno button.tooltip-btn {
    top: -40px;
  }	    
  
  #smokingStatus button.tooltip-btn {
	top: 46px;
  }  

  #manualAddressSelect, #manualMailingAddressSelect {
    margin-left: 0 !important;
  } 

  /* line 1841, _small.scss */
  .ctrlHolder .options.btn_fancyRadio input {
    position: absolute;
    top: 12px;
   /* left: -9999999px; */
    z-index: 1; }

  /* line 1850, _small.scss */
  .ctrlHolder .options label,
  .ctrlHolder .options .label {
    width: auto;
    padding: 0 0 0 20px;
    margin: 0;
    font-weight: normal;
    max-width: 335px;
    text-align: left;
    line-height: 1.5;
    margin-top: -3px; }

  /* line 1862, _small.scss */
  .ctrlHolder .options label,
  .ctrlHolder .options .label {
    width: auto;
    padding: 0 0 0 20px;
    margin: 0;
    font-weight: normal;
    max-width: 335px;
    text-align: left;
    line-height: 1.5;
    margin-top: -3px; }

  /* line 1873, _small.scss */
  .ctrlHolder .options.horizontal label {
    width: auto;
    max-width: none;
    color: #025486; }

  /* line 1880, _small.scss */
  .lt-ie9 .ctrlHolder .options .label,
  .lt-ie9 .ctrlHolder .options label {
    margin-top: -2px; }

  /* line 1886, _small.scss */
  .ctrlHolder label .tooltip-btn,
  .ctrlHolder .label .tooltip-btn,
  .ctrlHolder .options li .tooltip-btn {
    margin-top: 0;
    float: none; }

  /* line 1893, _small.scss */
  .lt-ie9 .ctrlHolder label .tooltip-btn,
  .lt-ie9 .ctrlHolder .label .tooltip-btn,
  .lt-ie9 .ctrlHolder .options li .tooltip-btn {
    margin-top: 0; }

  /* line 1897, _small.scss */
  .mobile-only {
	display:block;
  }
  .large-device-only {
	display:none;
   }
  
  
  .tooltip-new .tooltip-newtext {
       width: calc(90vw - 80px) !important;;
	   left: 10px;
   }
   
   .investmentOption .tooltip-new .tooltip-newtext {
       width: calc(80vw - 70px) !important;
   }
   
   
   .tooltip-new .tooltip-right-offset {
	   left: -120px;
   }
   
   .tooltip-new .tooltip-center {
	   margin-left: -120px !important;
   }
   
   .tooltip-new .tooltip-newtext {
	  visibility: hidden;
	  width: auto;
	  margin-left: calc(-90vw + 80px);

	}
	
   .tooltip-new .tooltip-newtext {
		width: 300px;
        margin-left: -70px;
   }
   
	.ui-tooltip {
	    background-color: #d9eef5 !important;
	    padding: 7px 12px 6px 12px !important;
	    color: #333 !important;
	    position: absolute;
	    -webkit-border-radius: 8px;
	    -moz-border-radius: 8px;
	    -ms-border-radius: 8px;
	    -o-border-radius: 8px;
	    border-radius: 8px !important;
	    border: 1px solid #bfe0ec !important;
	    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.43);
	    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.43);
	    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.43) !important;
	    font-family: myriad-pro, helvetica, arial, clean, sans-serif !important;
	} 
	
	.ui-tooltip .ui-tooltip-content {
		font-size: 12px !important;
		font-family: myriad-pro, helvetica, arial, clean, sans-serif !important;
	}

  /* =============================================================================
     - DISPLAY STATE
     ========================================================================== */
  /* line 1904, _small.scss */
  .ctrlHolder .display {
    padding-top: 7px;
    display: block;
    float: left;
    max-width: 385px; }

  /* line 1911, _small.scss */
  .ctrlHolder .subded {
    color: #747678;
    font-style: italic; }

  /* line 1916, _small.scss */
  .ctrlHolder .display-long {
    width: 242px; }

  /* line 1920, _small.scss */
  .lt-ie7 .ctrlHolder .display-long {
    width: 239px; }

  /* line 1924, _small.scss */
  .ctrlHolder .not-supplied {
    color: #b71234;
    font-style: italic; }

  /* line 1929, _small.scss */
  .lt-ie9 .ctrlHolder .display {
    padding-top: 7px; }

  /* =============================================================================
     - BUTTON HOLDER
     ========================================================================== */
  /* line 1937, _small.scss */
  .btnHolder {
    padding-top: 5px; }

  /* line 1941, _small.scss */
  .lt-ie7 .btnHolder {
    clear: both;
    zoom: 1;
    padding-top: 0; }

  /* line 1948, _small.scss */
  .btnHolder input,
  .btnHolder a {
    margin-left: 10px; }

  /* line 1954, _small.scss */
  .btnHolder input:first-child,
  .btnHolder a:first-child,
  .lt-ie7 .btnHolder .first-child {
    margin-left: 0; }

  /* line 1958, _small.scss */
  .form-module .btnHolder {
    border-top: 1px solid 1px solid #e2e2e2;
    padding: 15px 20px 15px 300px; }

  /* =============================================================================
     - PASSWORD STRENGTH
     ========================================================================== */
  /* line 1972, _small.scss */
  .ctrlHolder .password-strength span,
  .ctrlHolder .password-strength strong {
    float: left;
    display: block; }

  /* line 1977, _small.scss */
  .ctrlHolder .password-strength span {
    width: 100px;
    height: 10px;
    margin-top: 11px;
    background-color: #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-size: 0; }

  /* line 1986, _small.scss */
  .ctrlHolder .password-strength span span {
    width: 0px;
    margin-top: 0;
    -webkit-transition: background-color 0.5s, width 0.5s;
    -moz-transition: background-color 0.5s, width 0.5s;
    -o-transition: background-color 0.5s, width 0.5s;
    transition: background-color 0.5s, width 0.5s; }

  /* line 1992, _small.scss */
  .ctrlHolder .password-strength span .invalid {
    background-color: #eb2629;
    width: 25%; }

  /* line 1997, _small.scss */
  .ctrlHolder .password-strength span .average {
    background-color: #fbcc3f;
    width: 50%; }

  /* line 2002, _small.scss */
  .ctrlHolder .password-strength span .strong {
    background-color: #00afde;
    width: 75%; }

  /* line 2007, _small.scss */
  .ctrlHolder .password-strength span .very-strong {
    background-color: #7cb248;
    width: 100%; }

  /* line 2012, _small.scss */
  .ctrlHolder .password-strength strong {
    margin-left: 10px;
    padding-top: 7px; }

  /* =============================================================================
     - DATE FROM/TO
     ========================================================================== */
  /* line 2021, _small.scss */
  .date-fromto .ctrlsHolder {
    float: left;
    margin-left: 20px; }

  /* line 2026, _small.scss */
  .lt-ie9 .date-fromto {
    clear: both;
    zoom: 1; }

  /* line 2031, _small.scss */
  .lt-ie9 .date-fromto .ctrlsHolder {
    clear: none; }

  /* line 2036, _small.scss */
  .date-fromto .ctrlsHolder-first-child,
  .date-fromto .ctrlsHolder:first-child {
    margin-left: 0; }

  /* line 2040, _small.scss */
  .date-fromto .ctrlHolder label {
    width: auto; }

  /* =============================================================================
     - SIZES
     ========================================================================== */
  /* line 2050, _small.scss */
  .text.xlong,
  select.xlong,
  textarea.xlong {
    width: 320px; }

  /* line 2054, _small.scss */
  .simpleSelect select.xlong {
    width: 328px; }

  /* line 2058, _small.scss */
  .xlong.simpleSelect .simpleLabel {
    width: 309px; }

  /* line 2062, _small.scss */
  .text-pre .text.xlong {
    width: 310px; }

  /* line 2066, _small.scss */
  .lt-ie7 select.xlong {
    width: 330px; }

  /* line 2073, _small.scss */
  .text.long,
  select.long,
  textarea.long,
  .nonEditableField {
    width: 97%; }

  /* line 2077, _small.scss */
  .nonEditableField {
    top: 0; }

  /* line 2081, _small.scss */
  .simpleSelect select.long {
    width: 100%; }

  /* line 2085, _small.scss */
  .long.simpleSelect .simpleLabel {
    width: 93%; }

  /* line 2089, _small.scss */
  .text-pre .text.long {
    width: 210px; }

  /* line 2093, _small.scss */
  .lt-ie7 select.long {
    width: 230px; }

  /* line 2099, _small.scss */
  .text.medium,
  select.medium,
  textarea.medium {
    width: 100%; }

  /* line 2103, _small.scss */
  .simpleSelect select.medium {
    width: 154px; }

  /* line 2107, _small.scss */
  .medium.simpleSelect .simpleLabel {
    width: 159px; }

  /* line 2111, _small.scss */
  .text-pre .text.medium {
    width: 160px; }

  /* line 2115, _small.scss */
  .lt-ie7 select.medium {
    width: 180px; }

  /* line 2121, _small.scss */
  .text.short,
  select.short,
  textarea.short {
    width: 120px; }

  /* line 2125, _small.scss */
  .simpleSelect select.short {
    width: 85%; }

  /* line 2129, _small.scss */
  .short.simpleSelect .simpleLabel {
    width: 85%; }

  /* line 2133, _small.scss */
  .text-pre .text.short {
    width: 110px; }

  /* line 2137, _small.scss */
  .lt-ie7 select.short {
    width: 130px; }

  /* line 2143, _small.scss */
  .text.xshort,
  select.xshort,
  textarea.xshort {
    width: 65px; }

  /* line 2147, _small.scss */
  .simpleSelect select.xshort {
    width: 85px; }

  /* line 2151, _small.scss */
  .xshort.simpleSelect .simpleLabel {
    width: 80%; }

  /* line 2155, _small.scss */
  .lt-ie7 select.xshort {
    width: 60px; }

  /* line 2161, _small.scss */
  .text.xxshort,
  select.xxshort,
  textarea.xxshort {
    width: 45px; }

  /* line 2165, _small.scss */
  .simpleSelect select.xxshort {
    width: 53px; }

  /* line 2169, _small.scss */
  .xxshort.simpleSelect .simpleLabel {
    width: 34px; }

  /* line 2173, _small.scss */
  .lt-ie7 select.xxshort {
    width: 55px; }

  /* line 2177, _small.scss */
  .text.xxshort {
    width: 20px; }

  /* line 2182, _small.scss */
  .small.simpleSelect .simpleLabel {
    width: 61px; }

  /* line 2186, _small.scss */
  .assetGroupTitle {
    padding: 3%; }

  /* line 2190, _small.scss */
  #assetTable #assetTableHeaders {
    color: #004165;
    font-size: 108%;
    padding: 4% 3%;
    border-bottom: 1px solid #d5d5d5;
    margin: 0; }
    /* line 136, _functional.scss */
    #assetTable #assetTableHeaders:before, #assetTable #assetTableHeaders:after {
      content: "";
      display: table; }
    /* line 140, _functional.scss */
    #assetTable #assetTableHeaders:after {
      clear: both; }
    /* line 143, _functional.scss */
    #assetTable #assetTableHeaders {
      *zoom: 1; }

  /* line 2199, _small.scss */
  #assetTable #assetTableHeaders .even {
    padding: 0;
    width: 45%;
    text-align: right;
    float: right; }

  /* line 2206, _small.scss */
  #assetTable #assetTableHeaders .odd {
    padding: 0;
    text-align: left;
    float: left;
    width: 45%; }

  /* line 2213, _small.scss */
  #assetTable #assetTableHeaders .investmentHeading {
    color: #004165;
    font-size: 108%; }

  /* line 2218, _small.scss */
  #assetTable #investmentOptionsFooter {
    padding: 0 0 4%;
    background: #F7F7F7;
    display: flex;
    width: -webkit-fill-available !important;
   }

  /* line 2224, _small.scss */
  #investmentOptionsFooter #investmentFooterTitle {
    color: #005485;
    width: 48%;
    margin: 0 0 4%;
    text-shadow: 0 1px 0 #fff; }
    
  #investmentOptionsFooter #investmentFooterTitle label,
    #investmentOptionsFooter #investmentTotal label {
    width: auto !important; }

  /* line 2234, _small.scss */
  #investmentOptionsFooter #investmentTotal {
    color: #005485;
    text-shadow: 0 1px 0 #fff; 
    margin: 0 0 4% auto !important;
    text-align: right !important;
    padding-right: 10px; }

  #myDeclaration .formSection input {
    margin: 2px 12px auto 0; }

  /* line 2244, _small.scss */
  #myDeclaration .formSection #pensionChecklist {
    padding: 0 20px; }

  #myDeclaration .formSection #pensionChecklist li {
	padding-right: 0px;
  }

  /* line 2252, _small.scss */
  #myDeclaration #pensionChecklist .errorWrapper {
    margin-right: 29px; }

  /* =============================================================================
  -- SLIDER
  ============================================================================= */
  /* line 2260, _small.scss */
  .investmentInput {
    width: 16%;
    margin-left:auto; }

  /* line 2266, _small.scss */
  .investementInput input {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }

  /* line 2270, _small.scss */
  .investmentSlider {
    display: block;
    float: left;
    width: 80%; }

  /* line 2276, _small.scss */
  .investmentTitle {
    float: left;
    clear: left;
    text-align: left;
    width: auto;
    margin: 0 12px 0 0;
    padding: 6px 0 0 0; }

  /* line 2285, _small.scss */
  .slider {
    padding-top: 16px; }

  /* line 2289, _small.scss */
  .slider.short {
    padding-top: 0; }

  /* line 2293, _small.scss */
  .slider .slider-bg {
    width: auto;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
    background-image: url("/img/sprites/global-sf9d97cf60c.png");
    background-position: 0 -293px;
    background-repeat: no-repeat; }
  /* line 2302, _small.scss */
  .slider.short .slider-bg {
    width: auto;
    margin-bottom: 0;
    height: 5px;
    width: 85%;
    top: 14px;
    background: none; }

  /* line 2311, _small.scss */
  .slider .slider-indicator {
    width: auto;
    height: 8px;
    background-color: #004165;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 21px;
    border-top: 1px solid #182c42;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }

  /* line 2323, _small.scss */
  .slider.short .slider-indicator {
    width: 98%;
    left: 0;
    margin-left: 2px; }

  /* line 2329, _small.scss */
  .slider .slider-indicator .active {
    background-color: #004165;
    position: absolute;
    top: -1px;
    left: 0;
    height: 8px;
    width: 0;
    border-top: 1px solid #121f2e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    line-height: 0; }

  /* line 2342, _small.scss */
  .lt-ie9 .slider .slider-indicator,
  .lt-ie9 .slider .slider-indicator .active {
    position: relative;
    position: absolute; }

  /* line 2348, _small.scss */
  .lt-ie8 .slider .slider-indicator,
  .lt-ie8 .slider .slider-indicator .active {
    behavior: none !important; }

  /* line 2352, _small.scss */
  .glidepath {
    position: relative; }

  /* line 2356, _small.scss */
  .glidepath .chart {
    height: 300px; }

  /* line 2360, _small.scss */
  .win.firefox .we-select .glidepath .chart {
    margin-left: -8px; }

  /* line 2364, _small.scss */
  .glidepath .selected {
    position: absolute;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: 0.1;
    z-index: 1;
    height: auto;
    width: auto;
    top: 21px;
    left: 0; }

  /* line 2375, _small.scss */
  .win.firefox .we-select .glidepath .selected {
    height: 248px; }

  /* line 2379, _small.scss */
  .glidepath .legend {
    position: absolute;
    font-weight: bold;
    font-size: 108%;
    z-index: 2; }

  /* line 2386, _small.scss */
  .glidepath .legend.growth {
    color: #505051;
    top: 50px;
    left: 100px; }

  /* line 2392, _small.scss */
  .glidepath .legend.defensive {
    color: #fff;
    top: 200px;
    right: 55px; }

  /* line 2398, _small.scss */
  .glidepath .move-to-retirement {
    width: 171px;
    height: 35px;
    background-image: url("/img/sprites/global-sf9d97cf60c.png");
    background-position: 0 -68px;
    background-repeat: no-repeat;
    position: absolute;
    right: -188px;
    bottom: 6px; }
  /* line 2407, _small.scss */
  .lt-ie7 .we-select .glidepath .move-to-retirement {
    display: none; }

  /* line 2411, _small.scss */
  .slider {
    margin-left: 0; }

  /* line 2415, _small.scss */
  .dragdealer {
    position: relative;
    height: 30px;
    margin: 0 auto; }

  /* line 2421, _small.scss */
  .slider.short .dragdealer {
    width: auto; }

  /* line 2425, _small.scss */
  .dragdealer .handle {
    position: absolute;
    cursor: pointer;
    width: 27px;
    height: 27px;
    text-indent: -99999px;
    top: -10px;
    overflow: hidden;
    margin-top: 0;
    background-image: url("img/sprite.png");
    background-position: 0 -743px;
    background-repeat: no-repeat;
    background-size: 410px 810px; }

  /* =============================================================================
     - CUSTOM CONTROLS
     ========================================================================== */
  /* =============================================================================
     -- PHONE NUMBER
     ========================================================================== */
  /* line 2448, _small.scss */
  .phone-number .ctrlHolder {
    margin-left: 5px; }

  /* line 2452, _small.scss */
  .lt-ie8 .phone-number .ctrlHolder {
    margin-left: 2px; }

  /* line 2457, _small.scss */
  .lt-ie8 .phone-number .ctrlHolder:first-child,
  .phone-number .after-ctrlHolder {
    margin-left: 0; }

  /* line 2461, _small.scss */
  .width-areacode {
    width: 25px; }

  /* line 2465, _small.scss */
  .width-phone {
    width: 130px; }

  /* line 2469, _small.scss */
  .width-percentage {
    width: 25px;
    text-align: center; }

  /* line 2474, _small.scss */
  .tooltip-btn {
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
    height: 19px;
    width: 19px;
    margin-left: 5px;
    background-image: url("img/sprite.png");
    background-repeat: no-repeat;
    background-position: -393px -491px;
    background-size: 410px 801px;
    border: none;
    padding: 0;
    vertical-align: top;
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 0;
    }

  /* line 2494, _small.scss */
  #insuranceIntroParagraph .is-not-large .tooltip-btn {
    top: 10px; }

  /* line 2498, _small.scss */
  #smokingStatus .is-not-large .tooltip-btn {
    top: 15px; }

  /* line 2504, _small.scss */
  .tooltip-btn:hover,
  .tooltip-btn:focus,
  .tooltip-btn:active {
    background-position: -393px -491px; }

  /* line 2509, _small.scss */
  .lt-ie9 .ctrlHolder .tooltip-btn {
    margin-top: 6px; }

  /* line 2513, _small.scss */
  .tooltip {
    position: absolute;
    z-index: 9000;
    right: -21px;
    width: 97%;
    top: -156px;
    display: block; }

  /* line 2522, _small.scss */
  .tooltip#tooltip_smokingStatus {
    top: -156px; }

  /* line 2526, _small.scss */
  .tooltip#tooltip_coverage {
    top: -257px; }

  /* line 2530, _small.scss */
  .tooltip .content {
    background-color: #d9eef5;
    background-color: transparent;
    padding: 7px 12px 6px 12px;
    padding: 0 0 19px;
    color: #333;
    max-width: none;
    width: 92%;
    z-index: 0;
    position: relative;
    top: -4px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 1px solid #bfe0ec;
    border: none;
    /*@include box-shadow(0 1px 0 rgba(0,0,0,0.43));*/
    box-shadow: none;
    /* added */
    background-image: url("img/tooltip-arrow.png");
    background-repeat: no-repeat;
    background-position: bottom right; }

  /* line 2552, _small.scss */
  .lt-ie8 .tooltip .content {
    width: 250px; }

  /* line 2556, _small.scss */
  .tooltip .arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -17px;
    right: -4px;
    margin-left: 0;
    background: url("img/tooltip-arrow.png") no-repeat 0 0;
    z-index: 1;
    padding: 0;
    /* added */
    display: none; }

  /* line 2571, _small.scss */
  #myInsurance fieldset .tooltip .content p,
  .tooltip .content p {
    margin: 0;
    color: #333;
    font-size: 93%;
    line-height: 1.4;
    width: auto;
    font-weight: normal;
    /* added */
    background-color: #bfe0ec;
    padding: 6px 12px; }

  /* =============================================================================
  -- ANZ MOBILE ERROR TOOLTIPS
  ========================================================================== */
  /* line 2587, _small.scss */
  #errorWrapper label.error {
    float: left;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: visible;
    width: 0; }

  /* line 2596, _small.scss */
  .sectionSet div.errorWrapper {
    bottom: 39px;
    float: right;
    left: 8px;
    margin-right: 4%;
    position: relative;
    height: 0px; }

  /* line 2605, _small.scss */
  #errorIcon {
    background-color: #f79533;
    border-radius: 12px;
    font-size: 0.938em;
    height: 18px;
    position: relative;
    text-align: center;
    width: 18px;
    z-index: 2999;
    bottom: 0px;
    /* added */
    float: right;
    color: #fff;
    line-height: 19px; }

  /* line 2621, _small.scss */
  .phoneNumber .junty {
    background-color: red;
    display: block;
    height: 800px;
    visibility: visible; }

  /* line 2628, _small.scss */
  .formTipUI {
    width: 20px;
    height: 20px; }

  /* line 2632, _small.scss */
  #nameInfo {
    float: right;
    position: relative;
    right: 10%;
    top: 34px; }

  /* line 2639, _small.scss */
  .arrowError, .arrow-grey {
    border-left: 20px solid transparent;
    border-right: 0 solid transparent;
    border-top: 20px solid #f79433;
    float: right;
    height: 0;
    position: relative;
    right: -6px;
    top: 6px;
    width: 0; }

  /* line 2651, _small.scss */
  #arrow-down {
    float: right;
    height: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 0; }

  /* line 2660, _small.scss */
  #tooltip {
    border: 0;
    left: 44px !important;
    padding: 0;
    position: absolute;
    width: 80%;
    z-index: 3000; }

  /* line 2669, _small.scss */
  #tooltip h3, #tooltip div {
    font-size: 1em;
    margin: 0;
    text-shadow: none !important; }

  /* line 2675, _small.scss */
  .normalTip {
    border-color: #f555;
    background-color: #555;
    border: 1px solid #555;
    color: #fff;
    width: 90%; }

  /* line 2683, _small.scss */
  .errorTip {
    border: 0;
    padding: 0; }

  /* added GP */
  /* line 2689, _small.scss */
  .errorTip .body {
    background-color: #f79433;
    padding: 5px; }
    
  .insuranceform .onepathlistitem li {
     padding-left: 48px; }  
    
   .insuranceform .paragraphList li.listItem {
     background-position: 0 -390px;
   } 


   .insuranceform .formSection {
      padding: 3%;
	}
	
	.ctrlHolder #autocompleteMailError.error {
		margin: 2px 0 0 0 !important;
	}
}
  @media only screen and (max-width: 724px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 724px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 724px) and (min-device-pixel-ratio: 1.5) {
    /* line 2293, _small.scss */
    .slider .slider-bg {
      background-position: 0 -259px;
      -webkit-background-size: 658px auto;
      -moz-background-size: 658px auto;
      -o-background-size: 658px auto;
      background-size: 658px auto;
      background-image: url("/img/sprites/global-2x-sabf0f4260e.png"); } }

  @media only screen and (max-width: 724px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 724px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 724px) and (min-device-pixel-ratio: 1.5) {
    /* line 2398, _small.scss */
    .glidepath .move-to-retirement {
      -webkit-background-size: 658px auto;
      -moz-background-size: 658px auto;
      -o-background-size: 658px auto;
      background-size: 658px auto;
      background-image: url("/img/sprites/global-2x-sabf0f4260e.png"); } }
