#finder {
	position : absolute;
	top : 50px;
	left : 460px;
	width : 325px;
	height : 450px;
	padding : 22px;
	background : url('/img/finder/background-ldt.png') no-repeat;
	_background : url('/img/finder/background-ldt.gif') no-repeat;
	z-index : 110;
}

#finder .close {
	position : absolute;
	top : 20px;
	left : 20px;
	width : 22px;
	height : 22px;
	background : url('/img/finder/close.png');
	_background-image : none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/finder/close.png', sizingMethod='crop');
}

#finder h3 {
	background: url(/img/icons/magnifier.png) no-repeat;
	display: block;
	height: 40px;
	font-size : 22px;
	font-weight : bold;
	color : #568;
	padding-left : 50px;
	line-height: 36px;
	margin-top : 20px;
	margin-left: 20px;
	cursor : move;
}

#finder .step {
	color : #556688;
	margin : 16px 15px;
	float : right;
	text-align : right;
	width : auto;
}

#finder #step {
	font-size : 18px;
	display : block;
}

#finder #mfinder {
	position : absolute;
	overflow : hidden;
	width : 325px;
	height : 450px;
	left: 22px;
}

#finder #path {
	color:#AAAAAA;
	font-size:10px;
	font-weight:normal;
	position:absolute;
	top:77px;
	left : 15px;
	text-align: left;
	width: 300px;
	overflow: hidden;
}

#finder #path a {
	color : #666;
	margin-right : 10px;
	background : url(/img/finder/arrow-ldt.png) left 60% no-repeat;
	padding-left : 15px;
}


#finder .loader {
	background:transparent url(/img/form/loading.gif) no-repeat scroll 0 0;
	height:17px;
	width:17px;
}

#schoolfinder {
	line-height : 20px;
	text-decoration: underline;
	font-size:1.2em;
}

/*-------------------
 * LISTS
--------------------*/

#finder #inner {
	position : absolute;
	top : 100px;
	width : 10000px;
	height : 330px;
	overflow : hidden;
	left: 0;
}

#finder #inner ul {
	list-style : none;
	float : left;
	margin : 10px 0 0;
	width : 326px;
	line-height : 30px;
	padding : 0;
	position : relative;
	text-align: left;
}

#finder #inner li {
	background : url('/img/arrows/red.png') 15px 12px no-repeat;
	display : block;
	width : 220px;
	height: 28px;
	padding-left : 30px;
	cursor : pointer;
	color : #444;
	text-align: left;
}

#finder #fschooldetail .detail {
	background: none;
	line-height : normal;
	font-size : 11px;
	text-align : justify;
	padding-bottom : 10px;
	width : 260px;
	height: 90px;
	padding : 10px 0 20px 30px;
	cursor : default;
}

#finder #fschooldetail .detail img{
	border : 0;
	margin-right : 10px;
	margin-top : 3px;
	position: absolute;
	top: 10px;
	left: 30px;
}

#fschooldetail .detail h4 {
	margin : 0 0 10px 110px;
	font-size : 18px;
	color : #666;
	text-align: left;
}

/*-------------------
 * SLIDER
--------------------*/

#finder #slider {
	width : 18px;
	height : 325px;
	position : absolute;
	top : 130px;
	left : 310px;
	background : url('/img/finder/track.png') no-repeat;
	_background-image : none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/finder/track.png', sizingMethod='crop');
}

#finder #knob {
	width : 18px;
	height : 34px;
	background : #F00;
	background : url('/img/finder/knob.png') no-repeat;
	_background-image : none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/finder/knob.png', sizingMethod='crop');
}

/*-------------------
 * TIPS
--------------------*/

.finderTip {
	z-index : 101;
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.finderTip .tip-top {
	background: url(/img/finder/bubble.png) top left;
	width : 139px;
	height : 5px;
	font-size : 0;
}
 
.finderTip .tip-title {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/img/finder/bubble.png) bottom right;
}