/*****************************************************
 Base styles for the Informa rate widget

 This style sheet should be linked or imported 
 into any page where the widget appears.
******************************************************/
div#ratewidget { width: 350px; }

div#ratewidget h3 { border: none; font-size: 95%; color: #333; margin: 10px 0; }

div#ratewidget .error { color: #900; font-weight: bold; }

div#ratewidget ul#typeselect { display: block; list-style: none; clear: both; margin: 0; padding: 0; }
div#ratewidget ul#typeselect li { float: left; width: 25%; margin: 0 1px 0 0; padding: 3px 5px; text-align: center; }
div#ratewidget ul#typeselect a { display: block; height: 2.5em; padding: 3px 5px; }
div#ratewidget ul#typeselect li.current {  }

div#ratewidget div#typesub { margin: 6px; }

div#ratewidget div#ratewrap { padding: 5px 12px; background: #dfeaf6; border: 1px solid #cadaeb; }

div#ratewidget ul#loanselect { list-style: none; clear: both; width: 100%; margin: 0; padding: 0; text-align: center; }
div#ratewidget ul#loanselect li { line-height: 1.08; float: left; width: 19%; margin: 0 1px 0 0; padding: 0; font-size: 11px; text-align: center; background: #eee; border: 1px solid #e0e0e0; border-bottom: none; }
div#ratewidget ul#loanselect li a { display: block; height: 2.2em; padding: 3px 4px; }
div#ratewidget ul#loanselect li.current { margin-bottom: -1px; background: #dfeaf6; border: 1px solid #cadaeb; border-bottom: none; z-index: 101; position: relative; }
div#ratewidget ul#loanselect li.current a { padding: 3px 4px 4px 4px; }

ul#loanselect li a:link { text-decoration: none; }
ul#loanselect li a:visited { text-decoration: none; }
ul#loanselect li a:hover { text-decoration: underline; }

div#ratewidget a:active, div#ratewidget a:focus { border: none; }

/* clear floats in advanced browsers */
div#typesub:after, ul#typeselect:after, ul#typeselect li:after, ul#loanselect:after, ul#loanselect li:after, fieldset#lr_control:after { content:"."; height: 0; display: block; clear: both; visibility: hidden; }

fieldset#lr_control { border: none; margin: 0; font-size: 90%; padding: 6px 0; }
fieldset#lr_control label { float: left; margin: 0 5px; }
fieldset#lr_control .button { display: block; float: left; }

div#ratewidget table { width: 100%; clear: both; margin: 0; border-collapse: collapse; border-spacing: 0; }
div#ratewidget table thead th { white-space: pre; font-size: 95%; text-align: center; padding: 3px 0; }
div#ratewidget table thead th #APRNote { font-weight:normal; font-size:80%; }
div#ratewidget table tbody th { font-size: 100%; font-weight: normal; border-bottom: 1px solid #dfeaf6; text-align:center; }
div#ratewidget table tbody td { width: 33%; padding: 1px 0; text-align: center; border-bottom: 1px solid #dfeaf6; }
div#ratewidget table tbody tr { background: #fff; }

div#ratewidget table tfoot p { font-size: 95%; text-align: left; }

div#ratewidget span.footnote { float: left; display: block; clear: both; width: 100%; color: #777; }

.youarehere { background: transparent url(/images/ficokit/youarehere.png) 7px .25em no-repeat; }
.rowhighlight { background-color: #FFE7B5; }

/** popup note for APR **/
p.popnote { position: absolute; z-index: 1000; width: 240px; margin: 0; padding: 12px 20px; background: #ffe; border: 1px solid #ccc; font-size: 90%; }
p.popnote a.close { position: absolute; top: 3px; right: 3px; text-decoration: none; }

.chkboxes-op {float:left;margin:5px 0 0 10px;font-size:125%}
.chkboxes-op label {margin-left:4px;font-size:12px;line-height:28px}
.chkboxes-op small {margin-left:33px;position:relative;top:-5px}
.chkboxes-op input {margin-left:10px}
.chkboxes-op input.button {margin:10px 0 0!important;width:250px}
.prodprice-op {float:left;margin: 27px 0 0 40px;font-weight:800;font-size:120%}
.atcpanelul {clear:both;width:260px;margin:5px 0 0 15px!important;padding:0!important}
.ppwrap-op {padding:15px!important}
#containercon .rightcol .primepitch .ppwrap-op h3 {font-size:160%;line-height:1.2em}
.atcPanel-op {color: #006EC6 !important;display: block;font-size: 125%;margin-bottom: 11px;margin-top: 6px;}
#containercon .rightcol .primepitch .ppwrap-op p {line-height:2em}
.proddesc-m {line-height:1.5em!important}
.atcpanelul li {line-height:1.4em;margin-bottom:7px}
#swftdisc {clear: both;float: left;width: 100%;margin-top: 1.2em;font-size: 80%;left: -15px; position: relative; top: 0px;line-height:14px!important;margin:10px 10px 0 15px!important}
.ppwrap-op sup {vertical-align:super!important}