﻿

#LoanSliderBackground
{
    height: 215px;
}

#LoanSliderLeft
{
    background: transparent url('../Images/sliderleft.png') no-repeat 0 0;
    height: 215px;
    width: 31px;
    float: left;
}

#LoanSliderMiddle
{
    background: transparent url('../Images/slidermiddle.png') repeat-x 0 1px;
    height: 215px;
    float: left;
}

#LoanSliderRight
{
    background: transparent url('../Images/sliderright.png') repeat-x 0 1px;
    height: 215px;
    width: 50px;
    float: left;
}

#SliderText
{
    position: relative;
    
}

.SliderBigText
{
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
   
}

#SliderAmountText
{
    top: 30px;
    left: 0px;
    position: absolute;
}

#SliderLengthText
{
    top: 80px;
    left: 0px;
    position: absolute;
}

#SliderAmount
{
    position: absolute;
    top: 40px;
    left: 270px;
}

#SliderDays
{
    position: absolute;
    top: 90px;
    left: 282px;
}

#Summary
{
    position: absolute;
    top: 135px;
    left: 0px;
    font-size: 19px;

}

.LoanAmountDays
{
    position: relative; top: 0px;
    display: inline;
}

a.tooltip  {position:relative; z-index:100; color: #000; margin-left: 0px; text-decoration: none}
a.tooltip span {display:none; font-family: Arial; padding:10px 10px 10px 10px; line-height:15px; font-size: 13px; text-decoration: none; background-color: #fff; border: solid 1px #888888;}
a.tooltip:hover span{white-space:normal; display:block; position:absolute; top:15px; left:0px; width:380px; background-color:#fff; border:1px solid #aaa; color:#444; z-index:100;}

#LoanSliderWrapper
{
    position:relative;
}


#SliderButton
{
    width: 98px;
    height: 43px;
    position: relative;
    top: 123px;
    left: 450px;
    border: 0;
}

#lsapp
{
    border: 0;
}


#days
{
    font-size: 12px;
    font-family: Arial;
    position: absolute;
    top: 88px;
    left: 547px;
    line-height: 13px;
}

.jscroller
{
	position: static;
	z-index: 998;
}
.slider
{
	position: absolute;
	z-index: 1000;
	   white-space: nowrap;

}
.inner
{
	width: 1px;
	height: 100%;
	z-index: 999;
}

#min-val, #max-val
{
    line-height: 10px;
    font-family: Arial;
    font-size: 12px;
 
}

.lgripper
{
	position: relative;
	z-index: 1001;
	top: 0px;
	border: none;
	outline: none;
}
.ticks
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: absolute;
	z-index: 997;
}
.ticks li
{
	display: inline;
	float: left;
	font-size: xx-small;
}
.slider.style1
{
	background-color: #D7D7D7;
	border: solid 1px #B6B6B6;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
}
.inner.style1
{
	background-color: #DFECF4;
	-moz-box-shadow: 0 1px 2px rgba(17, 35, 45, 0.6) inset;
	-webkit-box-shadow: 0 1px 2px rgba(17, 35, 45, 0.6) inset;
}
.lgripper.style1
{
	background: url(/images/tracker.png) 0px 0px no-repeat;
	
}




