/* SlideLock Styles */
form.hform p label { width: 150px; }
p.quiet { padding-left: 0px; width: 200px; }
span.quiet { font-size: 0; }
#locked { font-weight: normal; color: #333; }
#unlocked { margin-left: 40px; color:#aaa;}
p.quiet img { margin: 0 0 0 40px; }	

.ui-slider { 
	position: relative; 
	text-align: left; 
	display: block; 
	margin: 15px 0 0 15px; 
	width: 155px; 
	clear:left;
}
.ui-slider-handle { 
	position: absolute; 
	z-index: 2; 
	width: 16px; 
	height: 16px; 
	cursor: pointer; 
	background: #333; 
	top: -4px; 
	margin-left: -8px; 
	border: 1px solid #784807; 
}
.ui-slider-horizontal { 
	height: 10px; 
	background: #ddd; 
	border: 1px solid #ccc; 
}
.ui-slider-handle:hover, .ui-state-hover, .ui-state-focus, .ui-state-active { background: #aaa; }


/* CSS3 ---------------------------------------------------- */
.ui-slider-handle { 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: -moz-linear-gradient(top, #f60, #930);
	background: -webkit-gradient(linear, left top, left bottom, from(#f60), to(#930));
}
.ui-slider-horizontal { 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: -moz-linear-gradient(left, #fff, #ddd);
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(#ddd));
}
a.ui-state-hover, a.ui-state-focus { 
	background: -moz-linear-gradient(top, #666, #333) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333)) !important;
	box-shadow: 0px 0px 10px #f60 !important;
	-moz-box-shadow: 0px 0px 10px #f60 !important;
	-webkit-box-shadow: 0px 0px 10px #f60 !important;
}
a.ui-state-active { 
	background: -moz-linear-gradient(top, #ddd, #aaa)!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa))!important;
}
.formRowSlider label { 
	width:150px !important;
	font-size:12px;
}
.formRowSlider input { 
	margin-top:0 !important;
}
#quickValuationForm .formRowSlider input { 
	margin: 0 20px 0 125px;
	float:right;
}
.Valfrm label {
    clear: left;
    float: left;
    padding: 0 10px 0 0;
    width: 160px;
}
#quickValuationForm legend { 
	color: #000;
	font-weight:bold;
	margin:0px 0px 5px 5px;
}
#quickValuationFormNew label {float:left; width:60px; margin:0px 0px 0px 5px;}
#quickValuationFormNew fieldset {background: #f0f0f0; border: 1px solid #ccc; padding:0px;}
#quickValuationFormNew input[type="checkbox"] { width:20px; }
#thankyouMessage p { color:#000;}
#quickValuationForm h3 { margin-top:0px; }

/*
==================
	info bubble
==================	
*/

a.tt{
    position:absolute;
    z-index:900;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none !important;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:1000; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300 !important;
    text-align: center;
	/*filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/chrome/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/chrome/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/chrome/bubble.gif) no-repeat bottom;
}