body 	
	{
	background-image:url('https://www.miZone.biz/HBS_Generic/Images/Calculator/?39:13');
	font-family:Arial, Helvetica, sans-serif;	
	background-color:white;
	} 

.header
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:38pt;
        	width:400px;
	border-collapse:collapse;
	}
.headerlogo
	{
	background-image: url('https://www.miZone.biz/HBS_Generic/Images/Calculator/HeaderLogo_LTE002756.JPG?39:13');
	background-repeat:no-repeat;
	background-position:center; 
	background-color:transparent; 
	height:120px;
	vertical-align:text-top;
	}
.headerwording
	{
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-color:transparent;
	padding:10px 10px 10px 5px;
	text-align:justify;
	}
.container
	{
	font-family:Arial, Helvetica, sans-serif;
        width:400px;
	text-align:center;
	}
.outertable{
	background-color:#c3c4e0;
	color:black;
        width:400px;	
	border-collapse:collapse;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}

.calclabel{
	background-color:transparent;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:9px;
	}
.calcinput{
	background-color:transparent;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.calcbutton{
	width:auto;
	background-color:CalcButton-Background-Color;
	color:CalcButton-Font-Color;
	}
.calcoutputlabel{
	background-color:transparent;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:10px;
	}

.calcoutputamount{
	background-color:transparent;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left:10px;
	}

.calcoutputnarrative{
	background-color:transparent;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	}
.ExitPageTable
	{
	border-collapse:collapse;
	}

.ExitPageTitle
	{
	font-family:Arial, Helvetica, sans-serif;
	text-align:Center;
	padding-top:25px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:ExitPopup-16px;
	color:black;        
	width:100%;
	background-color:#c3c4e0;
	}
.ExitPageNarrative
	{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	color:black;        
	width:100%;
	background-color:#c3c4e0;
	}
.qualify
	{
	color:black;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	}

.bestbuys
	{
	color:black;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	}

.enquiry
	{
	color:black;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	}

.warningmessage{
	font-family:Arial, Helvetica, sans-serif;
        width:400px;
	padding-top:15px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	color:red;
	background-color:transparent;
	text-align:center;
	}
.warningwording{
	font-family:Arial, Helvetica, sans-serif;
        width:400px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	color:#4e4e4e;
	background-color:white;
	}
.footerwording
	{
	color:red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight:normal;
	background-color:transparent;
	padding:2px 10px 2px 5px;
	text-align:justify;
	}

form p{
	margin:0;
	padding:6px 0 5px 0;
	}
label{
	padding-left:5px;
	}
p{
	margin:0;
	padding:0 0 10px 0;
	}
h2{
	font-size:16px;
	padding:5px 5px 5px 5px;
	margin:0;
	color:black;
	background-color:transparent;
	}


h3{
	font-size:14px;
	font-weight:normal;
	color:black;
	background-color:transparent;
	padding:5px 5px 0px 5px;
	margin:0;
	}
h4{
	font-size:24px;
	color:black;
	background-color:transparent;
	padding:5px 5px 5px 5px;
	margin:0;
	}
a{
	text-decoration:none;
	color:#000000;
	}
a:hover{
	text-decoration:underline;
	}
th{
	text-align:left;
	}

.img_wrap{
	padding-right:10px;padding-bottom:4px;
	}

.slider_end_display
	{
	text-align:right;
	color:Calculated_Output-Font-Color;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:Calculated_Output-Background-Color;
	padding-left:10px;
	padding-right:5px;
	}

.calculated_output_title
	{
	display:block;
        padding:10px 0px 0px 0px;
        margin-right:0.2em;
        text-align:left;
	font-style:italic;
        font-weight:bold;
        color:blue;
        font-size:0.7em;
	}


#calculated_output
	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:500px;
	border-collapse:collapse;
	background-image: url('https://www.miZone.biz/HBS_Generic/Images/Calculator/Results-Background-Graphic');
	background-repeat:no-repeat;
	color:Results-Font-Color;
	background-color:Results-Background-Color;
	}
#calculated_output td, #calculated_output th
	{
	font-size:Results-Fontsize;
	border:1px solid transparent;
	padding:0px 7px 11px 15px;
	}
#calculated_output th 
	{
	font-size:Results-Header-Fontsize;
	text-align:left;
	padding-top:0px;
	padding-bottom:2px;
	background-color:Results-Header-Background-Color;
	color:Results-Header-Font-Color;
	}
#calculated_output tr.alt td 
	{
	color:green;
	background-color:#EAF2D3;
	}

.calculated_output_borrow
	{
	width:80px;
	}
.calculated_output_LTV
	{
	width:50px;
	}
.calculated_output_rate
	{
	width:55px;
	}
.calculated_output_intonly
	{
	width:70px;
	}
.calculated_output_repayment
	{
	width:70px;
	}

.mainpicture
	{
	background-image: url('https://www.miZone.biz/HBS_Generic/Images/Calculator/MainGraphic');
	background-repeat:no-repeat;
        width:500px;
        height:MainGraphic-Height;
	vertical-align:text-top;
	text-align:center;
	border:1px solid #ccc;
	}
.bestbuylogo
	{
	background-image: url('https://www.miZone.biz/HBS_Generic/Images/Calculator/BestBuysGraphic');
	background-repeat:no-repeat;
        width:500px;
        height:BestBuysGraphic-Height;
	vertical-align:text-top;
	}

.warningwording
	{
	color:red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
input
        {
        border:1px solid #ccc;
        border-top:1px solid #888;
        border-left:1px solid #888;
        width:60px;
        margin-left:0.2em;
        }
label
        {
        font-style:italic;
        font-weight:bold;
        color:#5c5c5c;
	font-size:9px;
        }

.clsEnqPopup_checkbox
        {
	padding-top:15px;
	padding-bottom:2px; 
	font-style:italic;
        font-weight:bold;
        color:#5c5c5c;
	font-size:9px;
	padding-left:9px;

        }


code
        {
        font-family:'andale mono', 'lucida console', 'courier new', monospace;
        font-size:12px;
        }

.clsPopup
	{
	width:400px;
	font-size:12px;
	}
.clsEnqPopup
	{
	width:400px;
	font-size:12px;
	border-collapse: collapse;
	background-color:#c3c4e0;
	}
.clsEnqPopupHeader
	{
	width:400px;
	font-size:18px;
	border-collapse: collapse;
	text-align:left;
        font-weight:bold;
	padding:5px 5px 5px 10px;
	}
.clsEnqPopup_label
	{
	padding:0px 0px 0px 15px;
	font-size:12px;
	background-color:#c3c4e0;
	}
.clsEnqPopup_display
	{
	width:400px;
	font-size:12px;
	border-collapse: collapse;
	background-color:#c3c4e0;
	}
.clsEnqPopup_message
	{
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-color:transparent;
	padding:10px 10px 10px 10px;
	text-align:justify;
	}

.close
	{
	background-color:white;
	color:blue;
	}

.fd-slider
        {
        position:relative;
        width:150px;
        height:20px;
        text-align:center;
        }
.fd-slider-inner
        {
        position:relative;
        height:18px;
        text-align:left;
        background:#fcfcfc;
        border:1px solid #ccc;
        -moz-user-focus:normal;
        -moz-user-select:none;
        voice-family: "\"}\"";
        voice-family: inherit;
        height:20px;
        }
.fd-slider-bar
        {
        position:relative;
        height:4px;
        border:1px solid #bbb;
        border-bottom:1px solid #aaa;
        border-right:1px solid #aaa;
        background:#ddd;
        margin:0;
        overflow:hidden;
        line-height:4px;
        -moz-user-select:none;
        voice-family: "\"}\"";
        voice-family: inherit;
        height:2px;
        }
html>body .fd-slider-bar
        {
        height:2px;
        }
/* Styles for the vertical slider */
.fd-slider-vertical
        {
        position:relative;
        width:20px;
        height:100%;
        text-align:center;
        }
.fd-slider-vertical .fd-slider-inner
        {
        position:relative;
        width:18px;
        height:100%;
        text-align:left;
        background:#fcfcfc;
        border:1px solid #ccc;
        -moz-user-focus:normal;
        -moz-user-select:none;
        voice-family: "\"}\"";
        voice-family: inherit;
        width:20px;
        }
html>body .fd-slider-vertical .fd-slider-inner
        {
        width:20px;
        }
.fd-slider-vertical .fd-slider-bar
        {
        position:relative;
        width:4px;
        border:1px solid #bbb;
        border-bottom:1px solid #aaa;
        border-right:1px solid #aaa;
        background:#ddd;
        margin:0;
        padding:0;
        overflow:hidden;
        line-height:4px;
        -moz-user-select:none;
        voice-family: "\"}\"";
        voice-family: inherit;
        width:2px;
        }
html>body .fd-slider-vertical .fd-slider-bar
        {
        width:2px;
        }
/* CSS common to both vertical and horizontal sliders */
.fd-slider-inner:focus,
.focused
        {
        background:#eee !important;
        border:1px solid #aaa !important;
        }
.fd-slider-handle
        {
        position:absolute;
        top:0;
        left:0;
        width:20px;
        height:20px;
        background:transparent url(slider.png) no-repeat 0px 0px !important;
        background:none;
        -moz-user-select:none;
        }
.fd-slider-hover
        {
        background:transparent url(slider-1.png) no-repeat 0px 0px !important;
        background:none;
        }

/* (DEMO ONLY) The div used to wrap the vertical slider */
#verticalWrapper
        {
        height:255px;
        text-align:left;
        position:relative;
        margin:1.4em 0;
        }
/* (DEMO ONLY) An extra class that floats the vertical slider left for the demo */
.verticalclass
        {
        float:left;
        margin-right:4px;
        }
/* (DEMO ONLY) An extra class that floats the horizontal sliders left for the demo */
div.extraclass
        {
        width:20.6em;
        float:left;
        }
.fd-slider-handle
        {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='https://www.miZone.biz/HBS_Generic/Images/Calculator/slider.png');
        }
.fd-slider-hover
        {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='https://www.miZone.biz/HBS_Generic/Images/Calculator/slider-1.png');
        }


.button 
{
    background: transparent url('https://www.miZone.biz/HBS_Generic/Images/Buttons/BlueRight.gif') no-repeat scroll top right;
    color: Black;
    display: block;
    font: normal 9px;
    height: 20px;
    padding-right: 5px; /* sliding doors padding */
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
        
}

.button span 
{
    background: transparent url('https://www.miZone.biz/HBS_Generic/Images/Buttons/BlueLeft.gif') no-repeat;
    display: block;
    font: normal 9px;
    line-height: 14px;
    padding: 3px 0 3px 5px;
    vertical-align:middle;
    white-space:nowrap;
    text-align:center;
    cursor:pointer;
} 

.button:hover
{
    color: Blue;    
}