/*****************************************************
 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; outline: 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; }