/*
	CommSec Fixed Variable Calculator Stylesheet
*/
/* Assets */
.icons-sprite, body#inline div#section div#header a#logo, form#fvc span.fvc_help, form#fvc div.fvc_output dl.fvc_legend dt.fvc_total span.icon, form#fvc div.fvc_output dl.fvc_legend dt.fvc_total_variable span.icon, form#fvc div.fvc_output dl.fvc_legend dt.fvc_total_variable_capitalised span.icon, form#fvc div.fvc_output fieldset.fvc_rates h3 div span.fvc_help, form#fvc div.fvc_output fieldset.fvc_rates ol li button.fvc_year_up,
form#fvc div.fvc_output fieldset.fvc_rates ol li button.fvc_month_up, form#fvc div.fvc_output fieldset.fvc_rates ol li button.fvc_year_down,
form#fvc div.fvc_output fieldset.fvc_rates ol li button.fvc_month_down {
  background: url('../png/icons-s88a970ed36.png') no-repeat;
}

/*@include all-icons-sprites;*/
/* MARKUP - The elements of HTML5 - http://dev.w3.org/html5/spec/Overview.html */
@media all {
  /* The root element */
  /*html {
    font-family: Arial, Sans-Serif;
    font-size: 100%;
    height: 100%;
  }*/

  /* Sections */
  .bodywrapper {
    background: black url(../jpg/bg_body.jpg) no-repeat 50% 0%;
    -webkit-background-size: 1730px 1594px;
    color: #ccc;
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
    padding: 0;
  }

  #fvc h1, #fvc h2, #fvc h3, #fvc h4, #fvc h5, #fvc h6 {
    display: block;
    font-family: Arial, Sans-Serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 8px 0;
  }

  #fvc h1 {
    color: #fc0;
    font-family: "proxima-nova-1", "proxima-nova-2", Arial, Sans-Serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
  }

  #fvc h2 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
  }

  #fvc h3 {
    font-size: 16px;
    font-weight: bold;
    color: #ffcc00;
  }


  /* Grouping content */
  #fvc p {
    display: block;
    margin: 0 0 16px 0;
  }

  #fvc hr {
    background-color: #333;
    border: none;
    clear: both;
    color: #333;
    display: block;
    height: 1px;
    margin: 16px 0 16px 0;
    width: 100%;
  }

  #fvc pre {
    display: block;
  }

  #fvc dialog {
    display: block;
  }

  #fvc blockquote {
    display: block;
  }

  #fvc ol {
    display: block;
  }

  #fvc ul {
    display: block;
    margin: 0 0 16px 32px;
    padding: 0 0 0 0;
  }

  #fvc dl {
    display: block;
    margin: 0 0 16px 0;
  }

  #fvc dt {
    display: block;
    font-weight: bold;
    margin: 0 0 0 0;
  }

  #fvc dd {
    display: block;
    margin: 0 0 0 0;
  }

  /* Text-level semantics */
  #fvc a {
    color: #666;
    text-decoration: underline;
  }

  #fvc a:link {
    color: #666;
    text-decoration: underline;
  }

  #fvc a:hover {
    color: #999;
    text-decoration: underline;
  }

  #fvc a:visited,
  #fvc a:active {
    color: #666;
    text-decoration: underline;
  }

  #fvc time {
    display: block;
  }

  #fvc progress {
    display: block;
  }

  #fvc meter {
    display: block;
  }

  #fvc sub {
    line-height: 0;
  }

  #fvc sup {
    line-height: 0;
  }

  /* Edits */
  /* Embedded content */
  #fvc figure {
    display: block;
  }

  #fvc figcaption {
    display: block;
  }

  #fvc img {
    border: none;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
  }

  #fvc video {
    display: block;
  }

  #fvc audio {
    display: block;
  }

  #fvc canvas {
    display: block;
  }

  /* Tabular data */
  #fvc table {
    border-collapse: collapse;
    margin: 0 0 16px 0;
  }

  #fvc caption {
    font-size: 110%;
    font-weight: bold;
    text-align: left;
  }

  #fvc tr {
    vertical-align: top;
  }

  #fvc th {
    text-align: left;
  }

  /* Forms */
  #fvc form {
    margin: 0 0 0 0;
  }

  #fvc fieldset {
    border: none;
    margin: 0 0 16px 0;
    padding: 0 0 0 0;
  }

  #fvc input {
    font-family: Arial, Sans-Serif;
    font-size: 100%;
	color: black;
  }

  #fvc button {
    font-family: Arial, Sans-Serif;
    font-size: 100%;
    overflow: visible;
  }

  #fvc select {
    font-family: Arial, Sans-Serif;
    font-size: 100%;
	color: black;
  }

  #fvc textarea {
    font-family: Arial, Sans-Serif;
    font-size: 100%;
  }

  /* Interactive elements */
  #fvc menu {
    display: block;
    margin: 0;
    padding: 0;
  }

  /* Miscellaneous elements */
  #fvc legend {
    font-size: 100%;
    font-weight: bold;
  }

  #fvc div {
    display: block;
  }
}
/* GENERIC - Often re-used styles */
@media all {
  /* Clear floats */
  #fvc .clear {
    clear: both;
  }

  #fvc br.clear,
  #fvc hr.clear {
    height: 1px;
    margin: -1px 0 0 0;
    overflow: hidden;
    *position: absolute;
    visibility: hidden;
    *width: 1px;
  }

  /* Clearing floats without extra markup - http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
  #fvc .clearfix {
    *zoom: 1;
  }

  #fvc .clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }

  /* Fix for iOS */
  #fvc .fixed {
    -webkit-transform: translate3d(0, 0, 0);
  }

  /* Button */
  #fvc button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
}
/* LAYOUT - The structure of the document */
@media all {
  /* Page Layout */
  body#inline div#section {
    margin: 0 auto 0 auto;
    width: 935px;
  }
  body#inline div#section div#header{
    padding: 40px 0 0 0;
    height: 80px;
    position: relative;
    width: 100%;
  }
  body#inline div#section div#header a#logo {
    background-position: 0 -165px;
    display: block;
    height: 48px;
    overflow: hidden;
    position: absolute;
    right: 2px;
    text-indent: 203px;
    top: 34px;
    width: 203px;
  }
  body#inline div#section div#header h1 {
    margin: 0;
  }
  body#inline div#section div#article ul.arrow {
    list-style: none outside none;
    padding-bottom: 10px;
    margin: 0;
  }
  body#inline div#section div#article ul.arrow li {
    background: url("../li_arrow.html") no-repeat scroll 3px 6px transparent;
    line-height: 1.4;
    list-style-type: none;
    margin: 0 0 0 15px;
    padding: 0 0 10px 15px;
  }
  body#inline div#section div#article p.smallText {
    font-size: 11px;
  }
  body#inline div#section div#article div.callOut {
    display: block;
    width: 45%;
    border: 1px solid #464646;
    margin: 10px 10px 10px 0;
    padding: 10px 15px;
    float: left;
    min-height: 212px;
  }
  body#inline div#section div#article div.callOut a {
    color: #ffcc00;
  }
  body#inline div#section div#article div.callOut.right {
    margin-right: 0;
    float: right;
  }
  body#inline div#section div#footer {
    font-size: 10px;
    padding-bottom: 16px;
  }
  body#inline div#section div#footer ul.meta {
    float: right;
    margin: 0;
    padding: 0;
  }
  body#inline div#section div#footer ul.meta li {
    border-left: solid 1px #ccc;
    display: inline-block;
    height: 10px;
    line-height: 0.8;
    list-style-type: none;
  }
  body#inline div#section div#footer ul.meta li a {
    color: #ccc;
    display: inline-block;
    padding: 0 6px 0 7px;
    text-decoration: none;
  }
  body#inline div#section div#footer ul.meta li.first {
    border-left: none;
  }
  body#inline div#section div#footer div.legal {
    border-top: solid 1px #666666;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
  }

  /* Calculator Component */
  form#fvc {
    margin: 0 0 16px 0;
  }
  form#fvc span.fvc_help {
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin: -2px 3px 0 0;
    background-position: 0 -37px;
    position: relative;
    vertical-align: middle;
    width: 19px;
  }
  form#fvc span.fvc_help span {
    background: #fff;
    display: block;
    position: absolute;
    width: 250px;
    border: solid 1px #000;
    background: #8f8f8f;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFQkVCRUIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4RjhGOEYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MzUpIiAvPgo8L3N2Zz4=);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #8f8f8f));
    background: -webkit-linear-gradient(top, #ebebeb 0%, #8f8f8f 100%);
    background: -moz-linear-gradient(top, #ebebeb 0%, #8f8f8f 100%);
    background: -o-linear-gradient(top, #ebebeb 0%, #8f8f8f 100%);
    background: -ms-linear-gradient(top, #ebebeb 0%, #8f8f8f 100%);
    background: linear-gradient(top, #ebebeb 0%, #8f8f8f 100%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    bottom: 20px;
    color: #000;
    font-size: 13px;
    left: 50%;
    margin: 0 0 0 -125px;
    overflow: hidden;
    padding: 10px 10px 10px 0px;
    position: absolute;
    text-align: center;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(1, 0.5, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.5, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(1, 0.5, 0.5, 1);
    transition-timing-function: cubic-bezier(1, 0.5, 0.5, 1);
    width: 230px;
    z-index: 9;
  }
  form#fvc span.fvc_help span.fvc_help span,
  form#fvc span.fvc_help span.fvc_help_hidden {
    max-height: 1px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    z-index: 9;
  }
  form#fvc span.fvc_help span.fvc_help:hover span,
  form#fvc span.fvc_help span.fvc_help_visible {
    max-height: 500px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }
  form#fvc div.fvc_input {
    background: #000;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2b2b2b), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #000000 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0%, #000000 100%);
    background: -o-linear-gradient(top, #2b2b2b 0%, #000000 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #000000 100%);
    background: linear-gradient(top, #2b2b2b 0%, #000000 100%);
    border: solid 1px #454545;
    padding: 16px 20px 8px 20px;
  }
  form#fvc div.fvc_input fieldset {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
  }
  form#fvc div.fvc_input fieldset label {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 10px 0;
    text-align: right;
    width: 211px;
	text-transform: none;
	font-weight: normal;
  }
  form#fvc div.fvc_input fieldset label select {
    background: #fff;
    border-radius: 5px;
    -moz-box-shadow: inset 0px 7px 7px #777777;
    -webkit-box-shadow: inset 0px 7px 7px #777777;
    -o-box-shadow: inset 0px 7px 7px #777777;
    box-shadow: inset 0px 7px 7px #777777;
    border: none;
    font-weight: bold;
    height: 25px;
    margin: 0 0 0 3px;
    padding: 3px;
    vertical-align: middle;
    width: 80px;
  }
  form#fvc div.fvc_input fieldset label input {
    margin: 0 0 0 3px;
    vertical-align: middle;
  }
  form#fvc div.fvc_input fieldset label input.text {
    background: #fff;
    border-radius: 5px;
    -moz-box-shadow: inset 0px 7px 7px #777777;
    -webkit-box-shadow: inset 0px 7px 7px #777777;
    -o-box-shadow: inset 0px 7px 7px #777777;
    box-shadow: inset 0px 7px 7px #777777;
    border: none;
    font-weight: bold;
    padding: 5px;
    margin: 0 0 0 3px;
    text-align: right;
    width: 70px;
  }
  form#fvc div.fvc_input fieldset label input.wide {
    width: 110px;
  }
  form#fvc div.fvc_input fieldset label input.disabled {
    background: #888;
    -moz-box-shadow: inset 0px 7px 7px #777777;
    -webkit-box-shadow: inset 0px 7px 7px #777777;
    -o-box-shadow: inset 0px 7px 7px #777777;
    box-shadow: inset 0px 7px 7px #777777;
  }
  form#fvc div.fvc_input fieldset label.double {
    width: 211px;
    margin-left: 215px;
  }
  form#fvc div.fvc_input fieldset label.wider {
    width: 239px;
  }
  form#fvc div.fvc_input fieldset button {
    left: -999em;
    position: absolute;
    top: -999em;
  }
  form#fvc div.fvc_output {
    background: #000;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2b2b2b), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #000000 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0%, #000000 100%);
    background: -o-linear-gradient(top, #2b2b2b 0%, #000000 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #000000 100%);
    background: linear-gradient(top, #2b2b2b 0%, #000000 100%);
    border: solid 1px #454545;
    border-top: none;
    height: inherit;
    padding: 16px 20px 16px 20px;
    position: relative;
    width: auto;
  }
  form#fvc div.fvc_output h2 {
    height: 44px;
    line-height: 44px;
    margin: 0px;
  }
  form#fvc div.fvc_output h3 {
	  line-height: inherit;
  }
  form#fvc div.fvc_output div.fvc_chart {
    position: relative;
    display: block;
    height: 250px;
    width: 740px;
    z-index: 7;
  }
  form#fvc div.fvc_output ul.fvc_overlay {
    height: 216px;
    left: 78px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 70px;
    width: 672px;
    z-index: 8;
  }
  form#fvc div.fvc_output ul.fvc_overlay li {
    background: Transparent url(../png/bg_column_0.png) repeat 0 0;
    float: left;
    height: 216px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 8;
  }
  form#fvc div.fvc_output ul.fvc_overlay li dl {
    border: solid 1px #000;
    background: #8f8f8f;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFQkVCRUIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4RjhGOEYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MzUpIiAvPgo8L3N2Zz4=);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #8f8f8f));
    background: -webkit-linear-gradient(top, #ebebeb 0%, #8f8f8f 100%);
    background: -moz-linear-gradient(top, #ebebeb 0%, #8f8f8f 100%);
    background: -o-linear-gradient(top, #ebebeb 0%, #8f8f8f 100%);
    background: -ms-linear-gradient(top, #ebebeb 0%, #8f8f8f 100%);
    background: linear-gradient(top, #ebebeb 0%, #8f8f8f 100%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    bottom: 50%;
    color: #000;
    font-size: 13px;
    left: 50%;
    margin: 0 0 0 -125px;
    overflow: hidden;
    padding: 10px 10px 1px 0px;
    position: absolute;
    text-align: center;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(1, 0.5, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.5, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(1, 0.5, 0.5, 1);
    transition-timing-function: cubic-bezier(1, 0.5, 0.5, 1);
    width: 230px;
    z-index: 9;
  }
  form#fvc div.fvc_output ul.fvc_overlay li dl dt {
    font-weight: bold;
    margin: 0;
    padding: 0;
  }
  form#fvc div.fvc_output ul.fvc_overlay li dl dt.fvc_year_title,
  form#fvc div.fvc_output ul.fvc_overlay li dl dt.fvc_month_title {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
  }
  form#fvc div.fvc_output ul.fvc_overlay li dl dd {
    color: #202020;
    margin: 0 0 10px 0;
    padding: 0;
  }
  form#fvc div.fvc_output ul.fvc_overlay li dl.fvc_overlay_hidden {
    max-height: 1px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    z-index: 9;
  }
  form#fvc div.fvc_output ul.fvc_overlay li dl.fvc_overlay_visible {
    max-height: 500px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    z-index: 10;
  }
  form#fvc div.fvc_output ul.fvc_overlay li:hover {
    background: Transparent url(../png/bg_column_1.png) repeat 0 0;
  }
  form#fvc div.fvc_output dl.fvc_legend {
    display: block;
    height: 323px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 67px;
    width: 150px;
  }
  form#fvc div.fvc_output dl.fvc_legend dt {
    color: #bababa;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 3px 20px;
    position: relative;
  }
  form#fvc div.fvc_output dl.fvc_legend dt span.icon {
    height: 10px;
    left: 0px;
    position: absolute;
    top: 4px;
    width: 10px;
  }
  form#fvc div.fvc_output dl.fvc_legend dt.fvc_total span.icon {
    background-position: 0 -136px;
  }
  form#fvc div.fvc_output dl.fvc_legend dt.fvc_total_variable span.icon {
    background-position: 0 -106px;
  }
  form#fvc div.fvc_output dl.fvc_legend dt.fvc_total_variable_capitalised span.icon {
    background-position: 0 -106px;
  }
  form#fvc div.fvc_output dl.fvc_legend dd {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 15px 20px;
  }
  form#fvc div.fvc_output dl.fvc_legend dd.fvc_note {
    bottom: 0;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    left: 0;
    position: absolute;
    width: 130px;
  }
  form#fvc div.fvc_output fieldset.fvc_rates {
    border: solid 1px Transparent;
    *border: none;
    display: block;
    height: 70px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 740px;
  }
/*  form#fvc div.fvc_output fieldset.fvc_rates h3 {*/
  form#fvc div.fvc_output fieldset.fvc_rates div  {
    border: solid 1px #434343;
    display: block;
    height: 50px;
    margin: 18px 0 0 0;
  }
/*  form#fvc div.fvc_output fieldset.fvc_rates h3 div {*/
  form#fvc div.fvc_output fieldset.fvc_rates div h3 {
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    background: #2b2b2b none;
    display: block;
    height: inherit;
    padding: 5px 10px 5px 10px;
    width: min-content;
  }
/*  form#fvc div.fvc_output fieldset.fvc_rates h3 div span.fvc_help {*/
  form#fvc div.fvc_output fieldset.fvc_rates div h3 span.fvc_help {
    height: 12px;
    margin-right: 0;
    background-position: 0 -74px;
    width: 13px;
  }
/*  form#fvc div.fvc_output fieldset.fvc_rates h3 div span.fvc_help span {*/
  form#fvc div.fvc_output fieldset.fvc_rates div h3 span.fvc_help span {
    *margin-bottom: 32px;
  }
  form#fvc div.fvc_output fieldset.fvc_rates ol {
    height: 80px;
    left: 58px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    *top: 0px;
    width: 672px;
  }
  form#fvc div.fvc_output fieldset.fvc_rates ol li {
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
  }
  form#fvc div.fvc_output fieldset.fvc_rates ol li input {
    background: #050505;
    border: 0;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    margin: 0 auto 5px auto;
    padding: 0;
    text-align: center;
    width: 45px;
  }
  form#fvc div.fvc_output fieldset.fvc_rates ol li button {
    background: Transparent none;
    border: 0;
    cursor: pointer;
    display: block;
    height: 17px;
    margin: 0 auto 5px auto;
    padding: 0;
    overflow: hidden;
    width: 23px;
    text-indent: 23px;
  }
  form#fvc div.fvc_output fieldset.fvc_rates ol li button.fvc_year_up,
  form#fvc div.fvc_output fieldset.fvc_rates ol li button.fvc_month_up {
    background-position: 0 -233px;
  }
  form#fvc div.fvc_output fieldset.fvc_rates ol li button.fvc_year_down,
  form#fvc div.fvc_output fieldset.fvc_rates ol li button.fvc_month_down {
    background-position: 0 0;
  }

  /* embeded version */
  .bodywrapper {
    background: #000 none;
    margin: 0;
    padding: 0;
	width: fit-content;
    /* specific exceptions */
  }
  .bodywrapper form#fvc {
    height: 501px;
    left: 0;
    overflow: hidden;
    /*position: absolute;*/
    top: 0;
    width: 935px;
  }
  .bodywrapper form#fvc div.fvc_input fieldset label.double span.fvc_help span{
    padding: 8px 10px 8px 0px;
    margin: 0 0 0 -175px;
    width: 350px;
  }
  .bodywrapper  form#fvc div.fvc_output fieldset.fvc_rates  div h3 span.fvc_help span{
    margin: 0 0 0 -50px;
  }
}

#fvc .checkbox {
	display: inline;
}

form#fvc h3 span.fvc_help {
	position: absolute;
}

@media only screen and (max-width: 935px) {
  .bodywrapper {
    width: auto;
	overflow-y: scroll;
  }
}