body{
margin:0;
padding:0;
line-height:1.5em;
font-family:Arial,Helvetica,'Gill Sans',Lucida,Verdana,sans-serif;
font-size:16px;
width:520px;
}
#wrapper{
width:500px;
margin:0 auto;
padding:10px;
}
.innertube{
padding:10px;
padding-top:2px;
}
p{
font-size:0.8em;
line-height:1.2em;
}
/* FORM RELATED */
fieldset{
width:100%;
margin:0;
padding:5px 0;
border:0;
font-size:1.0em;
}
fieldset li{
list-style-type:none;
margin:0;
padding:5px 0;
width:100%;
clear:left;
}
fieldset ol{
list-style-type:none;
margin:0;
padding:0;
width:100%;
}
fieldset legend{
font:normal 13px/1em Arial,Helvetica,'Gill Sans',Lucida,Verdana,sans-serif;
color:#323232;
background-color:transparent;
text-transform:uppercase;
}
label{
float:left;
margin-right:5px;
text-align:right;
font-weight:bold;
width:220px;
font-size:0.75em;
}
fieldset p,fieldset p label{
text-align:left;
font-weight:bold;
}
input.textbox,select,option,textarea{
position:relative !important;
font-size:11px;
color:#222;
border:1px solid #7F9DB9;
background:#EFEFEF !important;
padding:2px;
}
input{
position:relative !important;
}
option{
border:0;
}
.required,.error{
color:#D33;
background-color:transparent;
}
.formerror{
width:400px;
margin:5px auto;
color:#C00;
border:1px solid #C00;
background:#FEE;
padding:5px;
font-size:0.725em;
}
.lighttext{
color:#666;
background-color:transparent;
font-size:80%;
}
.textbox-error{
position:relative !important;
font-size:11px;
color:#222;
border:1px solid #C00;
background:#FEE !important;
padding:2px;
}
/* CALCULATOR RELATED */
#page-wrap{
width:330px;
background:#FFF;
color:#323232;
margin:0 auto;
padding:10px 0px 10px 0px;
}
#description-area{
padding:5px;
background:#FEFEFE;
color:#323232;
}
#information{
margin:0;
padding:0;
font-size:1.0em;
}
#mortgage{
margin-bottom:10px;
font-size:0.875em;
}
#mortgage strong{
font-size:100%;
}
#mortgage legend{
padding:0px 4px 0px 4px;
font:normal 101% Arial,Helvetica,'Gill Sans',Lucida,Verdana,sans-serif;
color:#656565;
background-color:transparent;
width:auto;
}
#mortgage label{
float:left;
width:150px;
font-weight:bold;
text-align:right;
padding-right:10px;
font-size:0.75em;
}
#mortgage label span{
float:left;
font-size:0.55em;
}
h2.number{
margin:0 5px 0 0;
padding:5px;
position:relative;
top:0px;
left:0px;
font:normal 5em Arial,Helvetica,'Gill Sans',Lucida,Verdana,sans-serif;
color:#323232;
background-color:transparent;
float:left;
vertical-align:top;
}
.comment-box{
margin:0px 0px 10px 0px;
padding:10px;
width:320px;
border:1px solid #CCC;
float:left;
height:100px;
background:#EEE;
color:#323232;
font-size:1.0em;
}
.comment-box p{
margin:0;
padding:0;
}
table.amortize{
color:#333;
background:#EFEFEF;
border-collapse:collapse;
width:100%;
border:3px solid #D1D1D1;
margin-bottom:5px;
font-size:0.875em;
}
.amortize td{
text-align:center;
font-size:0.75em;
}
.amortize .even{
font-size:0.725em;
}
.amortize .odd{
background:#E4E4E4;
color:#323232;
font-size:0.725em;
}
.amortize thead{
background:#C4C4C4;
color:#323232;
font-size:0.675em;
}
.amortize tfoot{
background:#5A615A;
color:#FEFEFE;
padding:5px;
}
.amortize tfoot td{
padding:5px;
text-align:right;
font-size:0.875em;
}
.amortize strong{
font-size:115%;
}
.amortize tfoot tr td a,.amortize tfoot tr td a:active,.amortize tfoot tr td a:link,.amortize tfoot tr td a:visited{
color:#FFFF80;
}
.amortize tfoot tr td a:hover,.amortize tfoot tr td a:focus{
color:#FFFFFF;
}