/*** dl#income_selector ***/

dl#income_selector{
	margin-bottom:16px;
}

dl#income_selector dd a{
	display:block;
	color:#153776;
	text-decoration:none;
	height:15px;
	background:url(../img/radio.gif) 0px 0px no-repeat;
	padding-left:23px;
	margin-bottom:5px;
	margin-left:5px;
	overflow:hidden;
}

dl#income_selector dd a.selected{
	background:url(../img/radio.gif) 0px -15px no-repeat;
}

dl#income_selector dd a:hover{
	text-decoration:underline;
}


/*** form#single_income ***/

form#single_income,
form#dual_income{
	display:block;
	padding:0 0 30px 0;
}
.js_enabled form#single_income,
.js_enabled form#dual_income{
	/*display:none;*/
}

.js_enabled form.selected#single_income,
.js_enabled form.selected#dual_income{
	display:block;
}

dl#income_selector,
form#single_income dl,
form#dual_income dl{
	color:#153776;
}

dl#income_selector dt,
form#single_income dl dt,
form#dual_income dl dt{
	font-weight:bold;
	width:140px;
	float:left;
	clear:left;
	min-height:32px;
}

dl#income_selector dd,
form#single_income dl dd,
form#dual_income dl dd{
	margin:0 0 0 140px;
	padding:0;
}
form#single_income dl dd.range p,
form#dual_income dl dd.range p{
	font-size:9px;
	float:right;
	margin:0;
}
form#single_income dl dd.range,
form#dual_income dl dd.range{
	height:45px;
	display:block;
	padding:0 0 0 4px;
}

.js_enabled form#single_income dl dd.range,
.js_enabled form#dual_income dl dd.range{
	background:url(../img/slider.gif) 4px 0px no-repeat;
	width:300px;
	padding-right:60px
}

form#single_income dl dt.result,
form#dual_income dl dt.result{
	width:auto;
	float:none;
	display:block;
	background:url(../img/mortgage_result.gif) top right repeat-y;
	border-bottom:1px solid #A5D5F4;
	padding:17px 165px 0 0;
	height:33px;
	text-align:right;
	margin-top:1.5em;
}
form#single_income dl dd.result,
form#dual_income dl dd.result{
	font-weight:bold;
	border:1px solid #A5D5F4;
	float:right;
	background:white;
	padding:5px 6px 5px 7px;
	margin:-40px 10px 0 0;
}


/*** js initialised sliders ***/

.js_enabled form#single_income .range input,
.js_enabled form#dual_income .range input,
.js_enabled form#single_income .range p,
.js_enabled form#dual_income .range p{
	display:none;
}

form#single_income .range .slider-track,
form#dual_income  .range .slider-track{
	height:45px;
	float:left;
	background:url(../img/slider_track.gif) top left no-repeat;
}

form#single_income .range .slider-handle,
form#dual_income .range .slider-handle{
	cursor:pointer;
	float:left;
	display:block;
	background:url(../img/slider_handle.gif) 10px 0px no-repeat;
	width:55px;
	height:23px;
	margin:20px -66px 0 -14px;
	color:#0F3676;
	padding:2px 0 0 25px;
}


/*form#single_income dl dd.range:hover .slider-handle,
form#dual_income dl dd.range:hover .slider-handle,*/
form#single_income .range .slider-handle:hover,
form#dual_income .range .slider-handle:hover{
	background:url(../img/slider_handle_hover.gif) 10px 0px no-repeat;
}