#calcWidget{
width: 640px !important;
background: url('/images/simplyfinance/calculator/sprite-calc.png') 0 0 no-repeat;
}

.calcSelector li{
float: left;
width: 25%;
text-align: center;
height: 129px !important;
}

.calcSelector li a{
display: block;
text-decoration: none;
color: #0a728c;
height: 110px;
padding: 10px 0 0 0;
}

.calcSelector li a:hover{
color: #b40808;
}

.calcSelector li a img{
display: block;
margin: 0 auto 12px auto;
}

.calcSelector li.active{
background: url('/images/simplyfinance/calculator/sprite-calc.png') -640px -52px no-repeat;
}

.calcSelector li.active a{
color: #202020;
}

b.calcTitle{
color: #ffffff;
font-weight: bold;
font-size:22px;
display:block;
padding: 20px 0 0 17px;
}

h2{
padding: 7px 0 32px 17px;
color: #b7e6f2;
}

#calcForm{
background: url('/images/simplyfinance/calculator/sprite-calc.png') 0 100% no-repeat;
padding: 0 16px 0 16px;
}

.inputGroup{
padding: 7px 0 7px 0;
}

.mainLabel{
float: left;
width: 192px;
color: #9ed0dd;
font-weight: bold;
text-align: right;
padding: 12px 0 0 0;
height: 44px;
}


.options{
float: right;
width: 400px;
background: url('/images/simplyfinance/calculator/sprite-calc.png') -648px -182px no-repeat;
}

.optionsContent{

position: relative;
padding: 0 60px 0 0;
width: 340px;
text-align: right;
color: #9ed0dd;
}

.suffix{
float: right;
margin: 0 -1em 0 auto;
line-height: 44px;
color: #9ed0dd;
}

#calcWidget input,#calcWidget select,#calcWidget textarea{
border: #0b587b 1px solid;
background: #ffffff;
color: #0ad100;
font-size: 1.5em;
padding: 9px;
width: 90px;
text-align: right;
float: right;
}

select{
width: 110px;
}

.sliderBody{
float:left;
position: relative;
text-align: left;
background: url(/images/simplyfinance/calculator/sprite-calc.png) -648px -230px no-repeat;
top: 0;
}

.sliderKnob{
position: relative;
background: url(/images/simplyfinance/calculator/sprite-calc.png) -875px -41px no-repeat;
}

.buttonGroup{
height: 70px;
padding: 0 47px 0 0;
}

#calcWidget button{
float: right;
margin: 10px 0 0 0;
font-size:18px;
-moz-box-shadow: 1px 5px 3px #333;
-webkit-box-shadow: 1px 5px 3px #333;
box-shadow: 1px 5px 3px #333;

}
#calcWidget button span {
display:block;
padding:5px 10px;
}


p.result{
margin: 13px 0 0 0;
padding: 0 0 0 30px;
float: left;
width: 380px;
color: #00fcff;
line-height: 38px;
font-weight: bold;
font-size: 1.05em;
}

.result span{
float: right;
height: 38px;
line-height: 38px;
background: #0b5f85;
padding: 0 9px;
font-size: 1.6em;
}

.calcBottom{
height:19px;
padding:5px 8px 8px 8px;
}

.calcBottom a{
text-decoration: none;
color: #4fcdff;
}

.calcBottom a:hover{
text-decoration: underline;
}

#embedLink{
float: left;
width: 340px!important;

}

#embedLink span{
display: block;
background: #f7bfff;
height: 17px!important;
overflow: hidden;
width: 340px!important;
font-size: 0.75em;
}

#embedCode{
display: none;
}

.moreLink{
float: right;
text-align: right;
position: relative;
margin: 0 0 0 -110px;
width: 360px;
line-height: 0.9em;
}

.calcSelector:after,.inputGroup:after,.buttonGroup:after{
display: block;
content: ".";
clear: both;
height: 0px;
visibility: hidden;
}
.instructions{
display: none;
}

#validationErrors{
background: #fbfb9a url("/images/warning.gif") 10px 10px no-repeat;
margin: 8px 32px 8px 32px;
padding: 13px 8px 8px 36px;
}

#validationErrors h3{
font-weight: bold;
font-size: 1.05em;
}

#validationErrors ol li{
list-style-type: decimal;
margin: 4px 0 0 20px;
color: #d92e1c;
font-family: verdana;
font-size: 0.9em;
letter-spacing: -0.5px;
}

.world{
padding: 10px 0 32px 17px;
color: #b7e6f2;

}
.world strong{
font-weight: normal;
}
