/* DBS iBANKING FORM FILLING PAGE */
/* ------------------------------------------- */
/* CONTAINS MOST OF THE SECTION/BLOCKS OF TEXT
   CONTENTS IN A PAGE. MOSTLY MODULUS, SO THEY
   CAN BE EXTENDED EASILY.
   CSS LIBRARY DEPENDENCY:
   - SETUP.LESS
   CSS FILES REQUIRED FOR EXTENSION:
   - THEME.CSS
   - LAYOUTS.CSS
*/
.ie-fix {
  /*behavior: url(http://2359studios.com/dbs/ibanking/staging/stylesheets/vendor/styles/border-radius.htc);*/
}
/* GENERIC PAGE MODULES STYLING 
------------------------------------------- */
.form-page {
  /* ------- end of .error-message */
  /* ------- end of .more-detail */
  /* ------- end of .my-content-holder */
  /* ------- end of .tnc-check-list */
  /* ------- end of .verify-details */
  /* ------- end of .secure-pin-holder */
  /* ------- end of .send-submit */
  /* ------- end of .send-details-holder */
  /* ------- end of .send-adz-space */
}
.form-page h3,
.form-page h4 {
  margin: 0px;
  border-bottom: 0px !important;
}
.form-page .unbold {
  font-weight: 400;
}
.form-page .grey-border {
  border-bottom: 1px dotted #ccc6c6;
}
.form-page .info-wrapper {
  vertical-align: top;
}
.form-page .radio-buttons {
  margin-top: 9px;
}
.form-page .error-message {
  position: relative;
  margin: 20px 0;
  padding: 20px;
  width: 460px;
  background: #e6e6e6;
  border: 1px solid #ccc6c6;
  text-align: center;
}
.form-page .unbold h3 {
  font-weight: 400;
}
.form-page .underline {
  text-decoration: underline;
}
.form-page .header-title-left .small {
  color: #999494;
}
.form-page .header-title-left h3 {
  margin-bottom: 10px !important;
  color: #666363;
}
.form-page .more-detail {
  position: relative;
  margin: 0;
  margin-top: 30px;
  display: block;
  width: 100% !important;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  color: #cc0000;
}
.form-page .more-detail:hover .description,
.form-page .more-detail:active .description {
  text-decoration: underline;
}
.form-page .more-detail .description {
  float: right;
  padding-right: 20px;
}
.form-page .more-detail .detail-arrow-right-ico {
  position: absolute;
  top: 7px;
  right: 0;
}
.form-page .col-md-9 .module-header {
  margin: 0 0 18px 0;
  min-height: 35px;
}
.form-page .row {
  min-height: 0px;
}
.form-page .my-content-holder {
  position: relative;
  float: right;
  width: 260px;
  padding: 20px;
  background-color: #f4f0ea;
  border-bottom: 2px solid #ccc6c6;
  /* ------- end of .my-contect-info */
  /* ------- end of .need-help-list li */
}
.form-page .my-content-holder .btn.btn-primary {
  margin-bottom: 0;
  width: 236px;
}
.form-page .my-content-holder > div h4 {
  margin-top: 10px;
}
.form-page .my-content-holder .my-contect-info {
  margin-top: 10px;
  margin-bottom: 10px;
}
.form-page .my-content-holder .my-contect-info .contect-row {
  clear: both;
}
.form-page .my-content-holder .my-contect-info .contect-row div {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.form-page .my-content-holder .my-contect-info .contect-row .contect-title {
  min-width: 65px;
}
.form-page .my-content-holder .my-contect-info .contect-row .subtle {
  color: #999494;
}
.form-page .my-content-holder.need-help-list ul li {
  margin: 5px 0;
  list-style: none;
}
.form-page .my-content-holder.need-help-list ul li a {
  font-weight: 700;
  color: #100f0f;
}
.form-page .my-content-holder.need-help-list ul li a:hover {
  color: #cc0000;
}
.form-page .Tnc-check-list {
  padding: 0 0 0 20px;
}
.form-page .Tnc-check-list div {
  float: left;
}
.form-page .Tnc-check-list .tnc-text {
  width: 555px;
  line-height: 20px;
}
.form-page .Tnc-check-list input[type="radio"],
.form-page .Tnc-check-list input[type="checkbox"] {
  margin-right: 10px;
}
.form-page .verify-details .form-row {
  margin-bottom: 10px;
}
.form-page .secure-pin-holder {
  /* ------- end of .instruction-group */
}
.form-page .secure-pin-holder .form-row img {
  margin: 0 0 0 75px;
}
.form-page .secure-pin-holder .step-instruction {
  margin-left: 20px;
  width: 280px;
}
.form-page .secure-pin-holder .step-instruction.one-liner {
  margin-top: 8px;
}
.form-page .secure-pin-holder .instruction-group img {
  margin: 0;
}
.form-page .secure-pin-holder .instruction-group > .ico {
  margin-right: 20px;
}
.form-page .secure-pin-holder .instruction-group h4 {
  margin-right: 20px;
  width: 180px;
  line-height: 25px;
  vertical-align: top;
}
.form-page .secure-pin-holder .instruction-group h4.no-margins {
  margin-left: 0;
  margin-right: 0;
}
.form-page .send-submit {
  margin-top: 30px;
  width: 620px;
}
.form-page .send-submit h3 {
  font-weight: 200;
  color: #999494;
}
.form-page .send-submit .image-send-icon {
  position: absolute;
  right: 0px;
  top: 30px;
}
.form-page .send-details-holder {
  margin-top: 30px;
  margin-right: -20px;
  margin-left: -20px;
  border-top: 1px solid #ccc6c6;
  /* ------- end of .send-details */
}
.form-page .send-details-holder .send-details {
  width: 310px;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  padding: 25px 20px 5px;
}
.form-page .send-details-holder .send-details a.btn,
.form-page .send-details-holder .send-details a.btn:visited {
  margin-bottom: 0;
  border-bottom: 0;
  color: #666363;
}
.form-page .send-adz-space {
  /* ------- end of .col-md-9 */
  /* ------- end of .read-more-btn */
}
.form-page .send-adz-space .adz-title {
  text-align: left;
  margin: 22px 0;
  height: auto !important;
}
.form-page .send-adz-space .col-md-9 {
  text-align: left;
}
.form-page .send-adz-space .col-md-9 .description {
  white-space: normal;
  float: none !important;
}
.form-page .send-adz-space .read-more-btn {
  color: #cc0000;
  margin: 8px 0;
}
/* ------- end of .send-money */
