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



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:435px;
	font-size:12px;
	}
.clsEnqPopup
	{
	width:435px;
	font-size:12px;
	border-collapse: collapse;
	background-color:#ed9200;
	}
.clsEnqPopupHeader
	{
	width:435px;
	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:#ed9200;
	}
.clsEnqPopup_display
	{
	width:435px;
	font-size:12px;
	border-collapse: collapse;
	background-color:#ed9200;
	}
.clsEnqPopup_message
	{
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	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;    
}

.form
{
    FONT-SIZE: 12px;
    BORDER-TOP: #8b8b8b 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BORDER-RIGHT: #8b8b8b 1px solid;
    BORDER-BOTTOM: #8b8b8b 1px solid;
    BORDER-LEFT: #8b8b8b 1px solid;
    MARGIN-TOP: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.form .title
{
    FONT-FAMILY: Tahoma, Verdana, Arial;
    BORDER-BOTTOM: #c6c6c6 1px solid;
    FONT-WEIGHT: bold;
    COLOR: #313131;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    BACKGROUND-COLOR: #dedede;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
.form .content
{
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    BACKGROUND-COLOR: #f7f7f7;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}
SELECT
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    MARGIN: 0px
}
INPUT
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    MARGIN: 0px
}
TEXTAREA
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    MARGIN: 0px
}
INPUT.placeholder
{
    COLOR: #000;
    FONT-STYLE: normal
}
TEXTAREA.placeholder
{
    COLOR: #000;
    FONT-STYLE: normal
}
INPUT:unknown
{
    COLOR: #000;
    FONT-STYLE: normal
}
TEXTAREA:unknown
{
    COLOR: #000;
    FONT-STYLE: normal
}
INPUT:unknown
{
    COLOR: #000;
    FONT-STYLE: normal
}
TEXTAREA:unknown
{
    COLOR: #000;
    FONT-STYLE: normal
}
.form-label
{
    BOX-SIZING: border-box;
    VERTICAL-ALIGN: top;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 0px;
    CLEAR: both;
    DISPLAY: block;
    PADDING-RIGHT: 0px
}
.form-field
{
    BOX-SIZING: border-box;
    VERTICAL-ALIGN: top;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 0px;
    CLEAR: both;
    DISPLAY: block;
    PADDING-RIGHT: 0px
}
.form-info
{
    BOX-SIZING: border-box;
    VERTICAL-ALIGN: top;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 0px;
    CLEAR: both;
    DISPLAY: block;
    PADDING-RIGHT: 0px
}
.form-controls
{
    BOX-SIZING: border-box;
    VERTICAL-ALIGN: top;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 0px;
    CLEAR: both;
    DISPLAY: block;
    PADDING-RIGHT: 0px
}
.form-field SELECT
{
    BOX-SIZING: border-box;
    BORDER-TOP: #bfbfbf 1px solid;
    BORDER-RIGHT: #bfbfbf 1px solid;
    WIDTH: 100%;
    BORDER-BOTTOM: #bfbfbf 1px solid;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 3px;
    BORDER-LEFT: #bfbfbf 1px solid;
    LINE-HEIGHT: 18px;
    PADDING-RIGHT: 3px;
    border-radius: 0px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease
}
.form-field TEXTAREA
{
    BOX-SIZING: border-box;
    BORDER-TOP: #bfbfbf 1px solid;
    BORDER-RIGHT: #bfbfbf 1px solid;
    WIDTH: 100%;
    BORDER-BOTTOM: #bfbfbf 1px solid;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 3px;
    BORDER-LEFT: #bfbfbf 1px solid;
    LINE-HEIGHT: 18px;
    PADDING-RIGHT: 3px;
    border-radius: 0px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease
}
.form-field INPUT
{
    BOX-SIZING: border-box;
    BORDER-TOP: #bfbfbf 1px solid;
    BORDER-RIGHT: #bfbfbf 1px solid;
    WIDTH: 100%;
    BORDER-BOTTOM: #bfbfbf 1px solid;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 3px;
    BORDER-LEFT: #bfbfbf 1px solid;
    LINE-HEIGHT: 18px;
    PADDING-RIGHT: 3px;
    border-radius: 0px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease
}
.form-field SELECT:hover
{
    BORDER-TOP-COLOR: #999;
    BORDER-LEFT-COLOR: #999;
    BORDER-BOTTOM-COLOR: #999;
    BORDER-RIGHT-COLOR: #999
}
.form-field TEXTAREA:hover
{
    BORDER-TOP-COLOR: #999;
    BORDER-LEFT-COLOR: #999;
    BORDER-BOTTOM-COLOR: #999;
    BORDER-RIGHT-COLOR: #999
}
.form-field INPUT:hover
{
    BORDER-TOP-COLOR: #999;
    BORDER-LEFT-COLOR: #999;
    BORDER-BOTTOM-COLOR: #999;
    BORDER-RIGHT-COLOR: #999
}
.form-field SELECT:focus
{
    BORDER-TOP-COLOR: #777;
    BORDER-LEFT-COLOR: #777;
    OUTLINE-WIDTH: medium;
    BORDER-BOTTOM-COLOR: #777;
    OUTLINE-STYLE: none;
    BORDER-RIGHT-COLOR: #777;
    OUTLINE-COLOR: invert;
    BACKGROUND-COLOR: #f8f8f8
}
.form-field TEXTAREA:focus
{
    BORDER-TOP-COLOR: #777;
    BORDER-LEFT-COLOR: #777;
    OUTLINE-WIDTH: medium;
    BORDER-BOTTOM-COLOR: #777;
    OUTLINE-STYLE: none;
    BORDER-RIGHT-COLOR: #777;
    OUTLINE-COLOR: invert;
    BACKGROUND-COLOR: #f8f8f8
}
.form-field INPUT:focus
{
    BORDER-TOP-COLOR: #777;
    BORDER-LEFT-COLOR: #777;
    OUTLINE-WIDTH: medium;
    BORDER-BOTTOM-COLOR: #777;
    OUTLINE-STYLE: none;
    BORDER-RIGHT-COLOR: #777;
    OUTLINE-COLOR: invert;
    BACKGROUND-COLOR: #f8f8f8
}
.form-field SELECT.error
{
    BORDER-TOP-COLOR: #e69696;
    BORDER-LEFT-COLOR: #e69696;
    BORDER-BOTTOM-COLOR: #e69696;
    BORDER-RIGHT-COLOR: #e69696;
    BACKGROUND-COLOR: #f9eced
}
.form-field TEXTAREA.error
{
    BORDER-TOP-COLOR: #e69696;
    BORDER-LEFT-COLOR: #e69696;
    BORDER-BOTTOM-COLOR: #e69696;
    BORDER-RIGHT-COLOR: #e69696;
    BACKGROUND-COLOR: #f9eced
}
.form-field INPUT.error
{
    BORDER-TOP-COLOR: #e69696;
    BORDER-LEFT-COLOR: #e69696;
    BORDER-BOTTOM-COLOR: #e69696;
    BORDER-RIGHT-COLOR: #e69696;
    BACKGROUND-COLOR: #f9eced
}
.form-field SELECT.error:focus
{
    BORDER-TOP-COLOR: #e56767;
    BORDER-LEFT-COLOR: #e56767;
    BORDER-BOTTOM-COLOR: #e56767;
    BORDER-RIGHT-COLOR: #e56767;
    BACKGROUND-COLOR: #fadcdf
}
.form-field TEXTAREA.error:focus
{
    BORDER-TOP-COLOR: #e56767;
    BORDER-LEFT-COLOR: #e56767;
    BORDER-BOTTOM-COLOR: #e56767;
    BORDER-RIGHT-COLOR: #e56767;
    BACKGROUND-COLOR: #fadcdf
}
.form-field INPUT.error:focus
{
    BORDER-TOP-COLOR: #e56767;
    BORDER-LEFT-COLOR: #e56767;
    BORDER-BOTTOM-COLOR: #e56767;
    BORDER-RIGHT-COLOR: #e56767;
    BACKGROUND-COLOR: #fadcdf
}
.form-antispam
{
    DISPLAY: none;
    VISIBILITY: hidden
}
.form-controls BUTTON
{
    CURSOR: pointer;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    BORDER-BOTTOM: 0px;
    COLOR: white;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 10px;
    MARGIN: 5px 0px;
    BORDER-LEFT: 0px;
    PADDING-RIGHT: 10px;
    BACKGROUND-COLOR: #6142a2
}
.form-controls INPUT
{
    CURSOR: pointer;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    BORDER-BOTTOM: 0px;
    COLOR: white;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 10px;
    MARGIN: 5px 0px;
    BORDER-LEFT: 0px;
    PADDING-RIGHT: 10px;
    BACKGROUND-COLOR: #6142a2
}
.form-controls BUTTON:hover
{
    BACKGROUND-COLOR: black
}
.form-controls INPUT:hover
{
    BACKGROUND-COLOR: black
}
.form-field INPUT[type='checkbox']
{
    WIDTH: auto
}
.form-field SPAN.info
{
    COLOR: #666;
    PADDING-BOTTOM: 0px;
    FONT-STYLE: italic;
    PADDING-TOP: 5px;
    PADDING-LEFT: 0px;
    DISPLAY: block;
    PADDING-RIGHT: 0px
}
.form-group
{
}
.form-group DIV
{
    FLOAT: left;
    CLEAR: none
}
.form-group DIV.colspan1
{
    WIDTH: 30%;
    MARGIN-RIGHT: 2%
}
.form-group DIV.colspan2
{
    WIDTH: 36%
}
.form-validation-errors
{
    BORDER-TOP: #e69696 1px solid;
    BORDER-RIGHT: #e69696 1px solid;
    BORDER-BOTTOM: #e69696 1px solid;
    COLOR: #d54a4a;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    PADDING-LEFT: 8px;
    MARGIN: 4px 0px;
    BORDER-LEFT: #e69696 1px solid;
    DISPLAY: none;
    PADDING-RIGHT: 8px;
    BACKGROUND-COLOR: #f9eced
}
.form-validation-errors UL
{
    LIST-STYLE-TYPE: none;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
.form-validation-errors LI
{
    MARGIN: 5px 0px 0px
}
.form-validation-errors-title
{
    MARGIN-BOTTOM: 5px;
    FONT-WEIGHT: bold
}