/*
 * @version: 2.0
 * @author: Mauricio Balderrama
 * @webiste: http://www.mauriciobalderrama.com
 */
 
 
/*
 * reset
 */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
/*:focus{ outline:0; }*/
html { font: 100% Arial, Verdana, Helvetica, sans-serif;  }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, blockquote, ul, ol, dl, address { font-weight: normal; }
a, a:link, a:visited, a:hover, a:active { outline: 0; text-decoration: none; }
a img { border: none; text-decoration: none; }
img { border: none; text-decoration: none; }
hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px }
html, body { height:100%; }
/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }



/*
 * global
 */
.float-left, .left, .l { float: left; }
.float-right, .right, .r { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.img-left { float: left; margin: 0 20px 10px 0; }
.img-right { float: right; margin: 0 0 10px 20px; }
.clear { clear: both; height: 0; overflow: hidden; }
.hidden, .hide { display:none; }
.watermark { color:#b1b1b1; font-style: italic; }
strong {font-weight: bold; }



/*
 * general
 */
html { height: 100%; }
body { font: 12px Arial; color: #525351; text-align: left; line-height: 12px; height: auto; }
h1, h2, h3, h4, h5, h6 { color: #000000; margin-bottom: 10px; clear:both; }
h1 { font-size: 30px; line-height: 40px; }
h2 { font-size: 24px; line-height: 40px; }
h3 { font-size: 12px; line-height: 12px; font-weight: bold; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 12px; line-height: 20px; }
a { color: #000000; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
.highlight, .light{ color: #e61d1d; font-weight: bold; }
p { margin-bottom: 6px; line-height: 15px; }
blockquote { margin-bottom:20px; }
blockquote p { font-family: Georgia, serif; font-size: 12px; font-style: italic; margin-bottom:0; }
blockquote p cite { text-align: right; display: block; }
hr { margin:0 0 7px 0; border: none; border-top: 0px solid #cccccc; color: #ffffff; background:#ccc;  }
.min-height-aux { min-height: 100px; height: auto !important; height: 100px; }



/*
 * extra (general)
 */
#content ul li { margin-bottom: 7px;}
.larger { font-weight: bold; font-size:15px; }
.last { padding-right: 0; padding-bottom: 0; margin-right: 0; margin-bottom: 0;}
.mask,
.fake-mask { color:#999; font-style:italic; }
.italic { color:#999; font-style:italic; }



/*
 * header & footer
 */
#container { min-height: 100%; width:655px; margin:0 auto; }
#logo { float:right; height:40px; }
#main-header { width:405px; float:left; padding:0 0 15px 15px;
    background: url('../images/overlay1.png') top left repeat-x;
    border:3px solid #dfc570;
    border-bottom: none;
    /**/
    border-radius: 13px 13px 0 0; /* future proofing */
    -moz-border-radius: 13px 13px 0 0; /* Mozilla */
    -webkit-border-radius: 13px 13px 0 0; /* Webkit */
    -khtml-border-radius: 13px 13px 0 0; /* old Konqueror */
}
#main-header h1 { font:bold 15px Verdana, Arial; color:white; float:left; margin:0; line-height: 44px; text-transform: uppercase; }
#main-header h1 a { color:white; text-decoration: none; }
#main-header h1 a:hover { text-decoration: underline; }
#main-header .email-icon a { float:right; margin:5px 20px 0 0; width:30px; height:35px; }
#main-header .print-icon a { float:right; margin:3px 15px 0 0; width:32px; height:35px; }
/* email form */
.js-email-form {
    width:390px;
    display:none;
    padding:15px 15px 30px 15px;
    margin:0;
    border-top:1px dashed white; 
    border-bottom:0;
    border-top: 1px dotted white;
    border-bottom: none;
    background: url('../images/overlay2.png') bottom left repeat-x;
}
.js-email-form ol li { margin-bottom:10px; }
.js-email-form label { display: inline-block; width:100px; margin-right:20px; color:white; }
.js-email-form .submit { height:41px; }
.js-email-form label.checkbox { margin:0; width:200px; margin-bottom:5px; }
.js-email-form input[type=text],
.js-email-form input[type=email],
.js-email-form input[type=tel] { width: 235px; border: 1px solid #cccccc; height:21px; line-height: 21px; vertical-align: baseline; font-size: 12px;  font-family: Verdana; padding:0 7px;}
.js-email-form input[type=checkbox],
.js-email-form input[type=radio] { vertical-align: top; }
.js-email-form textarea { width: 280px; height: 101px; border: 1px solid #cccccc; vertical-align: baseline; font-size: 12px;  font-family: Verdana; margin: 0; }
.js-email-form textarea:focus { background: #fafafa; }
.js-email-form select { height:20px; margin-bottom:5px; width: 252px; }
.js-email-form input[type=submit] { background: #464646; color: white; font-weight: bold; border: 1px solid #333; height:30px; width:auto; margin-bottom:15px; }
.js-email-form .right-label input { margin:0 10px 0 123px; float:left; }
.js-email-form .right-label label { float:left; width: auto; margin:0;  }
.js-email-form button { margin:0 0 0 120px; }
.js-email-form legend { text-transform: uppercase; font-weight: bold; width:100%; color:white; margin-bottom: 10px; font-size: 14px;}
#disclaimer { margin:0 15px; color:#ccc; font-size:10px; font-family: Arial; }
#disclaimer strong { font-weight: bold; }
#footer-container { background: darkblue url('../images/body-container.jpg') top center repeat; position:absolute; bottom: 0; width:100%; }
#footer { background: lightblue url('../images/body-container.jpg') top center repeat; width: 940px; height: 20px; padding:20px 10px; margin: 0 auto; display: block; overflow: hidden; }
#footer .copyright { width: 530px; float: left; color: #ffffff;  margin-bottom: 0; }



/*
 * regular content
 */
#results { width:619px; padding:15px; padding-bottom:5px; padding-top:5px; margin-top:-15px; position:relative; margin-bottom: 15px;
    border:3px solid #7782af;
    /**/
    border-radius: 13px; /* future proofing */
    -moz-border-radius: 13px; /* Mozilla */
    -webkit-border-radius: 13px; /* Webkit */
    -khtml-border-radius: 13px; /* old Konqueror */
    /**/
    background: #455378; background-repeat: repeat-x; /* fallback */
}
#results h2 { text-transform: uppercase; font-weight: bold; margin-bottom: 10px; font-size: 12px; line-height:12px; margin-right:15px; clear:both; }
#results .col { width:45%; }
#results .time .label,
#results .amount .label,
#results .amount .label2 { width:175px; display: block; float:left; margin-bottom: 10px; }
#results .amount .label.last { margin-bottom: 5px; }
#results ol li { clear:both; }
#results ul { margin-left:15px; list-style: disc; margin-bottom:20px; }
/* forms */
#results form ol li { height:30px; width:300px; display: block; }
#results form ol li.hide { display: none; }
#results form label { display: inline-block; font-size:12px; margin-top:6px; float:left; }
#results form .submit { height:41px; }
#results form label.checkbox { margin:0; width:200px; margin-bottom:5px; }
#results form .amount { position:relative; }
#results form .amount span { position:absolute; top:6px; right:103px; font-size: 12px; }
#results form .percentage { position:relative; }
#results form .percentage span { position:absolute; top:5px; right:4px; font-size: 12px; }
#results form .years { position:relative; }
#results .years { position:relative; }
#results form .years .js-layout-slider { position: absolute; width:111px; height:25px; bottom:0; right:2px;  }
#results .years .js-layout-slider { position: absolute; width:111px; height:25px; bottom:0; right:2px;  }
#results form .years .simbol { position:absolute; top:7px; right:4px; font-size: 10px; }
#results form .time input[type=text] { width:110px;  }
#results form input[type=text],
#results form input[type=email],
#results form input[type=tel] { width: 100px; border: 1px solid #ccc; height:21px; line-height: 21px; vertical-align: baseline; font-size: 11px;  font-family: Verdana; text-align: right; float:right; padding:0 3px 0 10px; margin-left:5px; }
#results form input[type=checkbox],
#results form input[type=radio] { vertical-align: top; }
#results form textarea { width: 100px; height: 101px; border: 1px solid #cccccc; vertical-align: baseline; font-size: 12px;  font-family: Verdana; margin: 0; }
#results form textarea:focus { background: #fafafa; }
#results form select { padding:1px; border:1px solid #cccccc; line-height: 21px; height:23px;  width: 115px; float:right; font-size: 12px;}
.safari #results form select { line-height: 17px; }
#results form select.small { width: 85px; }
#results form input[type=submit] { background: #464646; color: white; font-weight: bold; border: 1px solid #333; height:30px; width:auto; margin-bottom:15px; }
#results form .right-label input { margin:0 10px 0 123px; float:left; }
#results form .right-label label { float:left; width: auto; margin:0;  }
#results form button { margin:0 0 0 120px; }
#results form legend { text-transform: uppercase; font-weight: bold; width:100%; margin-bottom: 10px; font-size: 14px;}
#results form .small input[type=text],
#results form .small input[type=email],
#results form .small input[type=tel] { width:35px; padding-left:3px; padding-right: 17px; }
#results form .calculate-button { width:115px; float:right; border:1px solid white; font:12px Arial; height:25px; color:white; font-weight: bold;  cursor:pointer; margin-left:0; } 
#results form .calculate-button.save-progress { width:135px; margin-right:20px; } 
#results form .calculate-button:hover { border:1px solid white; } 
#results form .simbol {color:#777777; }
#results form .jslider-value,
#results form .jslider-value span { color:#777777; }
#results .jslider-value,
#results .jslider-value span { color:#777777; }
#results form .radio span { float:none; display:inline-block; position:static; margin-top:5px; }
#results form .double-select select { margin-left:5px; width:85px; }

/* required input */
#required-input {
    width:300px; padding:10px 15px 5px 15px; margin-top:-15px; margin-left:-18px; position:relative; margin-bottom: 10px; float:left;
    border:3px solid #7782af;
    /**/
    border-radius: 13px; /* future proofing */
    -moz-border-radius: 13px; /* Mozilla */
    -webkit-border-radius: 13px; /* Webkit */
    -khtml-border-radius: 13px; /* old Konqueror */
    /**/
    background: #eee; background-repeat: repeat-x; /* fallback */
}



/*
 * alternative content
 */
.alternative #required-input { width:619px; padding:15px; padding-bottom:0px; padding-top:5px; margin-top:-15px; position:relative; margin-bottom: 5px;
    border:3px solid #7782af;
    border-radius: 13px; /* future proofing */
    -moz-border-radius: 13px; /* Mozilla */
    -webkit-border-radius: 13px; /* Webkit */
    -khtml-border-radius: 13px; /* old Konqueror */
    background: #455378; background-repeat: repeat-x; /* fallback */
}
.alternative #required-input h2 { text-transform: uppercase; font-weight: bold; margin-bottom: 10px; font-size: 12px; line-height:12px; margin-right:15px; clear:both; }
.alternative #required-input .col { width:45%; }
.alternative #required-input .time .label,
.alternative #required-input .amount .label { width:175px; display: block; float:left; margin-bottom: 10px; }
.alternative #required-input .amount .label.last { margin-bottom: 5px; }
.alternative #required-input ol li { clear:both; }
.alternative #required-input ul { margin-left:15px; list-style: disc; margin-bottom:20px; }
/* forms */
.alternative #required-input form {  }
.alternative #required-input form ol li { height:30px; width:275px; display: block; }
.alternative #required-input form label { display: inline-block; font-size:12px; margin-top:6px; float:left; }
.alternative #required-input form .submit { height:41px; }
.alternative #required-input form label.checkbox { margin:0; width:200px; margin-bottom:5px; }
.alternative #required-input form .amount { position:relative; }
.alternative #required-input form .amount span { position:absolute; top:6px; right:103px; font-size: 12px; }
.alternative #required-input form .percentage { position:relative; }
.alternative #required-input form .percentage span { position:absolute; top:5px; right:4px; font-size: 12px; }
.alternative #required-input form .years { position:relative; }
.alternative #required-input form .years .js-layout-slider { position: absolute; width:111px; height:25px; bottom:0; right:2px;  }
.alternative #required-input form .years .simbol { position:absolute; top:7px; right:4px; font-size: 10px; }
.alternative #required-input form .time input[type=text] { width:110px;  }
.alternative #required-input form input[type=text],
.alternative #required-input form input[type=email],
.alternative #required-input form input[type=tel] { width: 100px; border: 1px solid #ccc; height:21px; line-height: 21px; vertical-align: baseline; font-size: 11px;  font-family: Verdana; text-align: right; float:right; padding:0 3px 0 10px;}
.alternative #required-input form input[type=checkbox],
.alternative #required-input form input[type=radio] { vertical-align: top; }
.alternative #required-input form textarea { width: 100px; height: 101px; border: 1px solid #cccccc; vertical-align: baseline; font-size: 12px;  font-family: Verdana; margin: 0; }
.alternative #required-input form textarea:focus { background: #fafafa; }
.alternative #required-input form select { padding:1px; border:1px solid #cccccc; line-height: 21px; height:23px;  width: 115px; float:right; font-size: 12px;}
.alternative .safari #required-input form select { line-height: 17px; }
.alternative #required-input form select.small { width: 85px; margin-right: 5px; }
.alternative #required-input form input[type=submit] { background: #464646; color: white; font-weight: bold; border: 1px solid #333; height:30px; width:auto; margin-bottom:15px; }
.alternative #required-input form .right-label input { margin:0 10px 0 123px; float:left; }
.alternative #required-input form .right-label label { float:left; width: auto; margin:0;  }
.alternative #required-input form button { margin:0 0 0 120px; }
.alternative #required-input form legend { text-transform: uppercase; font-weight: bold; width:100%; margin-bottom: 10px; font-size: 14px;}
.alternative #required-input form .small input[type=text],
.alternative #required-input form .small input[type=email],
.alternative #required-input form .small input[type=tel] { width:35px; padding-left:3px; padding-right: 17px; }
.alternative #required-input form .calculate-button { width:115px; float:right; border:1px solid white; font:12px Arial; height:25px; color:white; font-weight: bold;  cursor:pointer; } 
.alternative #required-input form .calculate-button:hover { border:1px solid white; } 
.alternative #required-input form .simbol {color:#777777; }
.alternative #required-input form .jslider-value,
.alternative #required-input form .jslider-value span { color:#777777; }
.alternative #required-input .small-elements {  }
.alternative #required-input .small-elements li { display:inline-block; float:left; width:24%; margin-bottom: 7px;  }
/* results */
.alternative #results {
    width:100%; padding:10px 15px 5px 15px; margin-top:5px; margin-left:-18px; position:relative; margin-bottom: -3px; float:left; 
    border:3px solid #7782af;
    /**/
    border-radius: 13px; /* future proofing */
    -moz-border-radius: 13px; /* Mozilla */
    -webkit-border-radius: 13px; /* Webkit */
    -khtml-border-radius: 13px; /* old Konqueror */
    /**/
    background: #eee; background-repeat: repeat-x; /* fallback */
}
/* chart */
#chart-graph { width:300px; float:right; }
#chart-graph #chart { height:300px; margin-bottom: 0px;}
#chart-graph #chart-info { text-align: center; margin-left:40px; }
#chart-graph #chart-info p { margin-bottom: 0px; }
#chart-graph #chart-info .col { float:left; display:block; width:47%; }
#chart-graph #chart-info .col .icon { display:inline-block; width:10px; height:10px; margin-right:7px; }



/*
 * hmcib & hmcib2
 */
.hmcib #results { padding-bottom:0;}
.hmcib #results form ol li { width:300px; }
.hmcib #results form input[type=text],
.hmcib #results form input[type=email],
.hmcib #results form input[type=tel] { margin-left:5px; }
.hmcib #required-input { width:300px; margin-bottom: -3px; }
.hmcib #chart-graph { width:300px; }
/*
 * rb
 */
.endMessage {text-align: center; line-height: 20px; margin-top:-6px; }
/*
 * sd
 */
.sd #required-input { margin-left:0; }
/*
 * wealth
 */
.wealth #required-input { margin-left:0; }
.wealth #required-input h2 { margin-top:10px; }
.wealth #chart-graph { float:none; width:auto; }
.wealth #chart-graph #chart { height:305px; margin-bottom: 15px; width:500px; margin:0 auto; }
.wealth #required-input form ol.col { width:240px; }
.wealth #required-input form ol.col.button { width:auto; }
.wealth #required-input form ol li { width:200px; }
.wealth #required-input form ol.col.button li { width:auto; }
.wealth #required-input form ol.col.button li button { margin-left:0; }

/*
 * tax
 */
.tax #required-input { margin-left:0; }
.tax #required-input .col { width:49%; }
.tax #required-input .small-col { width:30%; }
.tax #required-input form ol li { height:30px;  display: block; width:auto; }
.tax #required-input form ol.with-small-select li { width: 300px; }
/*
 * sl
 */
.sl #results form ol li.extra-margin-bottom { height:33px; }
.sl #chart-graph #chart { height:290px; margin-bottom: 0px; }

/*
 * rmm
 */
.rmm hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 2px }


/*
 * er
 */
.er #results form .years.years2 { margin-top:5px; }
.er #results form ol li.extra-margin-bottom { height:33px; }
.er #results ol.col.ext-mar { margin-top:22px; width:260px; }
.er #results ol.col.ext-mar label { width:140px; }
.er #chart-graph #chart { height:305px; margin-bottom: 15px; }
.er .move-up { margin-top:-60px; width:615px; float:left; }
.er #results form .amount span.update-period { float:none; position:static; }
.er #results .time .label, 
.er #results .amount .label { width:185px; }
/*
 * lsp
 */
.lsp #results form .years.years2 { margin-top:5px; }
.lsp #results form ol li.extra-margin-bottom { height:33px; }
.lsp #results ol.col.ext-mar { width:260px; }
.lsp #results ol.col.ext-mar label { width:140px; }
.lsp #chart-graph #chart { height:305px; margin-bottom: 15px; }
.lsp .move-up { margin-top:-38px; width:615px; float:left; }
.lsp #results .time .label, 
.lsp #results .amount .label { width:185px; }
/*
 * bim
 */
.bim #results form .lower-input { margin-bottom: 7px; }
.bim #results form .lower-input input { margin-top: 3px; }
.bim #results form .lower-input label { margin-top: 4px; }
.bim #results form .lower-input span { margin-top: 3px; }
.bim #results div h2 { display: inline-block;  }
.bim #chart-graph #chart { height:305px; margin-bottom: 15px; }
.bim #results .col { margin-right:37px;  width:auto; }
.bim #results .col.last { margin-right:0px; }
.bim #results .col.labels { width:92px; }
.bim #results .col.data .amount .label { width:1px; }
.bim #results .col.data .strong-label { font-weight: bold; margin-bottom: 10px; display: block; }
/*
 * hltr
 */
.hltr #results { padding-bottom:0; }
.hltr #required-input { margin-bottom: 21px; }
.hltr #chart-graph #chart { margin-bottom: 0px; }
/*
 * cr
 */
.cr .endMessage { text-align: center; line-height: 20px; margin-top:20px; }
/*
 * clc
 */
.clc #results form ol li { width: auto;}
.clc #results form .amount span { right:89px; }
.clc #results form .amount.small span { position:absolute; top:6px; right:53px; font-size: 12px; }
.clc #results form .amount.special.small span { position:absolute; top:6px; right:65px; font-size: 12px; }
.clc #results form .years .js-layout-slider { width:97px; }
.clc #results form input[type=text],
.clc #results form input[type=email],
.clc #results form input[type=tel] { width: 85px;  margin-left:3px;}
.clc #results form .special.small input[type=text],
.clc #results form .special.small input[type=email],
.clc #results form .special.small input[type=tel] { width:62px; padding-left:10px; padding-right: 3px;  }
.clc #results form .small input[type=text],
.clc #results form .small input[type=email],
.clc #results form .small input[type=tel] { width:35px; padding-left:3px; padding-right: 17px; }
.clc #results ol.col { float:left; display:block; width:184px;  }
.clc #results ol.col.second { border-left: 1px dashed #ccc; padding-left:7px; margin-left:7px; width:99px; margin-bottom: 5px; }
.clc #results ol.column { float:left; display:inline-block; margin-top:-20px; width:290px; }
.clc #results ol.column.second { width:120px; }
.clc #results ol.column.second .label { width:1px; }
.clc .endMessage { padding:0; width:180px; margin-left:20px; float:right; line-height:20px;}
.clc .bank-name,
.clc .bank-name2 { font-weight: bold; text-transform: uppercase; }
.clc #results form ol li.center-col { width:235px; }
.clc #chart-graph #chart { height:330px }
/*
 * blr
 */
.blr #required-input { width:390px; }
.blr #results form ol li { width: auto;}
.blr #results form .amount span { right:89px; }
.blr #results form .years .js-layout-slider { width:97px; }
.blr #results form input[type=text],
.blr #results form input[type=email],
.blr #results form input[type=tel] { width: 85px;  margin-left:3px;}
.blr #results form .small input[type=text],
.blr #results form .small input[type=email],
.blr #results form .small input[type=tel] { width:35px; padding-left:3px; padding-right: 17px; }
.blr #results ol.labels-col { float:left; display:block; width:101px; }
.blr #results li.sp { height:13px; }
.blr #results ol.data-col { float:left; display:block; width:100px; margin-left:33px; }
.blr #results form select.small { float:left; display:block; width:100px;}
.blr .endMessage { padding:0; width:180px; margin-left:20px; float:right; line-height:20px;}
.blr .endMessage2 { padding:0; width:180px; margin-left:20px; float:right; line-height:20px;}
.blr #results form ol li.center-col { width:300px; }
.blr #chart-graph { width:200px }
.blr #chart-graph #chart { height:440px }
.blr .color-box { width:270px; height:215px; position:absolute; top:105px; left:130px;
    border:2px solid red;
    /**/
    border-radius: 13px; /* future proofing */
    -moz-border-radius: 13px; /* Mozilla */
    -webkit-border-radius: 13px; /* Webkit */
    -khtml-border-radius: 13px; /* old Konqueror */
    *top:120px; /* ie7 position fix */
    *height:225px; /* ie7 position fix */
}
.blr .color-box .line.horizontal { border-left:2px solid red; width:1px; height:100%; position:absolute; left:50%;  }
.blr .color-box .line.vertical { border-top: 2px solid red; height:1px; width:100%; position:absolute; top:49%; }
.blr .color-box .color-1 { border:0 solid red; background:red; width:15px; height:15px; position:absolute;
    border-radius: 13px 0 0 0; /* future proofing */
    -moz-border-radius: 13px 0 0 0; /* Mozilla */
    -webkit-border-radius: 13px 0 0 0; /* Webkit */
    -khtml-border-radius: 13px 0 0 0; /* old Konqueror */}
.blr .color-box .color-2 { border:0 solid red; background:yellow; width:15px; height:15px; position:absolute; right:0;
    border-radius: 0 13px 0 0; /* future proofing */
    -moz-border-radius: 0 13px  0 0; /* Mozilla */
    -webkit-border-radius: 0 13px  0 0; /* Webkit */
    -khtml-border-radius: 0 13px  0 0; /* old Konqueror */}
.blr .color-box .color-3 { border:0 solid red; background:greenyellow; width:15px; height:15px; position:absolute; bottom:0;
    border-radius: 0 0 0 13px; /* future proofing */
    -moz-border-radius: 0 0 0 13px; /* Mozilla */
    -webkit-border-radius: 0 0 0 13px; /* Webkit */
    -khtml-border-radius: 0 0 0 13px; /* old Konqueror */}
.blr .color-box .color-4 { border:0 solid red; background:fuchsia; width:15px; height:15px; position:absolute; bottom:0; right:0; 
    border-radius: 0 0 13px 0; /* future proofing */
    -moz-border-radius: 0 0 13px  0; /* Mozilla */
    -webkit-border-radius: 0 0 13px 0; /* Webkit */
    -khtml-border-radius: 0 0 13px 0; /* old Konqueror */}
.blr #results .display { position: static; }
.blr #results .display.spiel { margin-left:23px;  }
.blr #results .display.spiel2 { margin-left:36px;  }
.blr .color-box .results-color1,
.blr .color-box .results-color2 { border:0 solid red; background:none; width:15px; height:15px; position:absolute; top:300px; left:-117px;
    border-radius: 13px 0 0 0; /* future proofing */
    -moz-border-radius: 13px 0 0 0; /* Mozilla */
    -webkit-border-radius: 13px 0 0 0; /* Webkit */
    -khtml-border-radius: 13px 0 0 0; /* old Konqueror */}
.blr .color-box .results-color2 { top:322px; left:-105px;  }
/*
 * wciatb
 */
.wciatb #results { padding-bottom:0; } 
.wciatb #results .amount .label { width:200px; display: block; float:left; margin-bottom: 10px; }
.wciatb #results .deposit .amount .label { width:135px; display: block; float:left; margin-bottom: 10px; }
.wciatb #results form input[type=text],
.wciatb #results form input[type=email],
.wciatb #results form input[type=tel] { width: 100px; border: 1px solid #ccc; height:21px; line-height: 21px; vertical-align: baseline; font-size: 11px;  font-family: Verdana; text-align: right; float:right; padding:0 3px 0 10px; margin-left:5px; }
.wciatb #results form .small input[type=text], 
.wciatb #results form .small input[type=email], 
.wciatb #results form .small input[type=tel] { padding-left: 3px; padding-right: 17px; width: 35px; }
.wciatb .deposit { position:absolute; bottom:0; right:25px; width:210px;  }
.wciatb .deposit li.form {  position:relative; display: block; height: 30px; clear:both; }
.wciatb .deposit li.form label {    display: inline-block;    float: left;    font-size: 12px;    margin-top: 6px; width:135px}
.wciatb .deposit li.form input {  padding-left: 3px;    padding-right: 17px;    width: 35px; float:right; border: 1px solid #CCCCCC;
    float: left;    font-family: Verdana;    font-size: 11px;    height: 21px;    line-height: 21px;    margin-left: 0;    text-align: right;    vertical-align: baseline; }
.wciatb #results .deposit li.form span{font-size: 12px; color:#777777;    position: absolute;    right: 22px;    top: 6px; }
/*
 * lease
 */
.lease #chart-graph #chart { height:285px }
.lease #results .time .label,
.lease #results .amount .label {width:185px;}
/*
 * rm
 */
.rm #chart-graph #chart { height:285px }
.rm #results .time .label,
.rm #results .clear.sp { margin-bottom:4px; }
.rm #results .amount .label {width:215px;}
.rm #results .amount .label2 {width:175px;}
.rm #results form .radio input.first { margin-left:0; }
.rm #results form .radio span { margin-right:17px; }
.rm #results form .radio span.last { margin-right:0; }
.rm #results form .percentage span.lmhc { position:static; }
.rm #results .at-year { top:-25px; position:absolute; }
.rm #results .li-alert { display:none; }
.rm #results .li-alert h3 { display:none; float:right; }
.rm #results .li-alert2 { display:none; }
.rm #results .li-alert2 h3 { display:none; }
/*
 * savings
 */
.savings #chart-graph #chart { height:285px }
.savings #results .time .label,
.savings #results .amount .label {width:185px;}
/*
 * st
 */
.st #chart-graph #chart { height:285px }
.st #results .time .label,
.st #results .amount .label {width:185px;}
/*
 * coming-soon
 */
.coming-soon #results { height:185px; }
.coming-soon #results h2 { line-height: 140px; text-align: center; }
/*
 * budget
 */
.budget #required-input { width:619px; }
.budget #required-input .tabs { float:left; }
.budget #required-input .tabs li a { width:210px; line-height: 27px; height:27px; display:block; margin-bottom:18px; text-decoration: none; }
.budget #required-input .tabs li a.active,
.budget #required-input .tabs li a:hover{ border-bottom:2px dashed; border-top:2px dashed; line-height: 23px; height:23px; }
.budget #results form li { clear:both; width:370px; }
.budget #results li a .label { width:110px; display:block; float:left; }
.budget #results li h2 { margin-right:5px; clear:none; }
.budget #results form ol li.print-only { display:none; }
.budget #results form li.submit-button {width:100%}


.budget #results form .lower-input { margin-bottom: 7px; }
.budget #results form .lower-input input { margin-top: 3px; }
.budget #results form .lower-input label { margin-top: 4px; }
.budget #results form .lower-input span { margin-top: 3px; }
.budget #results .col { margin-right:10px;  bborder:1px solid red; width:91px; }
.budget #results .col.last { margin-right:0px; }
.budget #results .col.labels { width:110px; }
.budget #results .col.data .amount .label { width:1px; }
.budget #results .col.data .strong-label { font-weight: bold; margin-bottom: 10px; display: block; }

/*
 * Wealth
 */
.wealth.alternative #required-input h2.nocaps { text-transform: none; }
.wealth.alternative #required-input .amount .label  {width:150px;}
.wealth.alternative #results .amount .label  { font-weight: bold;}
.wealth.alternative #results .amount .amount, 
.wealth.alternative #results .amount .simbol { float:left;  margin-bottom:10px; text-align:left; }

.wealth.alternative #results .amount .amount { display:inline-block; width:122px;  padding:5px 0px 5px 3px;  }
.wealth.alternative #results .amount .label { padding:5px 0px 5px 0px;  }
.wealth.alternative #results .amount .amount.largerr { display:inline-block; width:135px; }
.wealth.alternative #results .amount .simbol {width:10px; padding:5px 0px 5px 3px;   }
.wealth.alternative #results .col  { width:48%; }

.wealth.alternative #required-input #results, 
.wealth #required-input #results { font-size:13px; }
.wealth p.wealth { margin-bottom:15px; }
.wealth.alternative #required-input h2.text-larger,
.wealth label.text-larger { font-size:14px; }
.wealth.alternative #results { background: url('../images/overlay1.png') top left repeat-x; }


/*
 * Assumptions
 */
.clear { clear:both; display:block; overflow: hidden; height:1px; }
a.assumptions { font-size: 12px; color: #222222; text-transform: uppercase; margin-bottom:5px; display:inline-block; text-decoration: none; }
a.assumptions:hover,
a.assumptions.active { color:#717171;  }
div.assumptions { color:#ccc; margin-bottom:10px; display:none; }
div.assumptions ul { list-style-type: disc; margin-left:20px;  }
div.assumptions ul li { margin-bottom: 5px; color:#ccc; }