/*  -----------------------------------------------------

    CSS STYLE SHEET - FINANCE SITE  - TABLE OF CONTENTS

    - - - - - - - - - - - - - - - - - - - - - - - - - - -

    0. CSS RESET

    1. GENERAL PROPERTIES
       a. Text
       b. Links
       c. Forms
       d. Dialog 
       e. Icons
       f. Tables
       g. Breaks

    2. PAGE ELEMENTS
       a. Body
       b. Header
       c. Basic Content
       d. Basic Form
       e. Navigation Tabs
       f. Footer

    3. RECURRING ELEMENTS
       a. Bank Logo
       b. Rates Tooltip
       c. Rectangle Right Ad
       d. Left Navigation
       e. Left Filters
       f. Screener Lists


    4. ICONS
       a. Bank Health Icons
       b. Bank Health Colors 
       c. Help Icon
       d. Star Icons

    5. EXTRA INSERTS

*/



/*  ---------------------------------------------

    0. CSS 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
       font-variant: normal;
       font-stretch: normal;
       font-size-adjust: none;
       -x-system-font: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

textarea, input {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
       font-variant: normal;
       font-stretch: normal;
       font-size-adjust: none;
       -x-system-font: none;
       line-height: normal;
}



/*  ---------------------------------------------

    1a. TEXT PROPERTIES

    - - - - - - - - - - - - - - - - - - - - - - -
*/


h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-weight: bold;
}
h1 {
    font-size: 1.5em;
}
h2 {
    font-size: 1.2em;
}
h3 {
    font-size: 1.1em;
}
h4 {
    font-size: 1.0em;
}
h5 {
    font-size: 0.9em;
}
h6 {
    font-size: 0.8em;
}
p {
    font-size: 0.8em;
}

/*  ---------------------------------------------

    1b. LINK PROPERTIES

    - - - - - - - - - - - - - - - - - - - - - - -
*/


a:link {
    color: #0000FF;
    text-decoration: none;
    text-transform: none;
}

a:visited {
    color: #0000FF;
    text-decoration: none;
    text-transform: none;
}

a:hover {
    color: #0000FF;
    text-decoration: underline;
    text-transform: none;
}

a:active {
    color: #0000FF;
    text-decoration: underline;
    text-transform: none;
}

a.light-link {
    color: #7777cc;
}


/*  ---------------------------------------------

    1c. FORM PROPERTIES

    - - - - - - - - - - - - - - - - - - - - - - -
*/


button {
    font-size: 0.8em;
    border: 1px solid #ff6633;
    background-color: #ffccaa;
    color: #000000;
    padding: 2px 8px;
    width: auto;
}

button:hover {
    background-color: #ffddbb;
}

.temp-hide {
    display: none;
}

.float-right {
    float: right;
}

/*  ---------------------------------------------

    1d. DIALOG PROPERTIES

    - - - - - - - - - - - - - - - - - - - - - - -
*/

.ui-dialog {
    border: 8px solid #aaaaaa;
    padding: 8px;
}

.ui-dialog form {
    padding-top: 10px;
}

.ui-dialog label {
    float: left;
    display: block;
    width: 150px;
    text-align: right;
    padding-right: 10px;
    padding-top: 4px;
}

.ui-dialog input {
    display: inline;
    width: 250px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.ui-dialog button {
    display: block;
    margin-left: 160px;
    margin-right: 20px;
    float: left;
    clear: left;
}

.ui-dialog button.no-indent {
    margin-left: 10px;
}

.ui-dialog button.no-label {
    margin-left: 50px;
}

.ui-dialog p {
    padding: 5px 0px;
    font-size: .9em;
    line-height: 120%;
}

.ui-dialog p.indented-link {
    margin-left: 160px;
    padding-top: 0px;
    margin-top: -5px;
}


.ui-dialog p.button-cancel {
    padding: 5px 5px;
}

div.dialog-help h6 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.5em;
    font-weight: bold;
}



/*  ---------------------------------------------

    1e. ICON PROPERTIES

    - - - - - - - - - - - - - - - - - - - - - - -
*/

hr.red-legend {
    width: 20px;
    height: 4px;
    color: #ffffff;
    border-bottom: 4px solid #FF0000;
    border-top: 0px solid #FF0000;
    border-left: 0px solid #FF0000;
    border-right: 0px solid #FF0000;
}

hr.blue-legend {
    width: 20px;
    height: 2px;
    color: #ffffff;
    border-bottom: 2px dotted #0000FF;
    border-top: 0px solid #FF0000;
    border-left: 0px solid #FF0000;
    border-right: 0px solid #FF0000;
}


span.bank-logo {
    background-color: #ffffff;
    border: 1px solid #6699cc;
    padding: 10px;
    margin-right: 20px;
    width: 120px;
    height: 40px;
    line-height: 1.5em;
    font-size: 1.4em;
    float: left;
    text-align: center;
    display: block;
}

span.bank-logo a {
    color: #cccccc;
}

span.bank-logo img {
    max-height: 100%;
    max-width: 100%;
    margin-top: -4px;
    _width: 100%;
    _height: 100%;
    vertical-align: middle;
}

/*  ---------------------------------------------

    1f. TABLE PROPERTIES

    - - - - - - - - - - - - - - - - - - - - - - -
*/

.no-break {
    white-space: nowrap;
}

td.center, th.center {
    text-align: center;
}


/*  ---------------------------------------------

    1g. BREAK PROPERTIES

    - - - - - - - - - - - - - - - - - - - - - - -
*/

br.clearing-break {
    clear: both;
    height: 1px;
}



/*  ---------------------------------------------

    2a. BODY

    - - - - - - - - - - - - - - - - - - - - - - -
*/


body {
    font-family: sans-serif;
    color: #000000;
    border: 0px solid #000000;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #ffffff;
    margin: 0px auto;
    width: 960px;
}

/*  ---------------------------------------------

    2b. HEADER

    - - - - - - - - - - - - - - - - - - - - - - -
*/


#header {
    height: 45px;
    border-bottom: 0px solid #6699cc;
    margin-bottom: 0px;
}

#header img {
    height: 30px;
    padding-top: 7px;
    padding-right: 0px;
    float: left;
}

#header ul {
    float: left;
    height: 16px;
    margin: 16px 0px 0px 5px;
}

#header ul.right {
    float: right;
}

#header form {
    float: right;
    font-size: .8em;
    padding-top: 14px;
}

#header form label {
    padding-right: 10px;
}

#header form input {
    margin-right: 10px;
}

#header ul li {
    height: 16px;
    padding: 0px 10px;
    font-size: .8em;
    display: inline;
    border-left: 1px solid #000000;
}

#header ul li.no-divider {
    border-left: 0px solid #000000;
}

#navigation-bar {
    height: 1.6em;
    background-color: #6699CC;
    margin-bottom: 15px;
    display: block;
}

#navigation-bar ul {
    float: left;
}

#navigation-bar ul.right {
    float: right;
}

#navigation-bar li {
    line-height: 2em;
    padding: 0px 10px;
    font-size: .8em;
    display: inline;
    border-left: 1px solid #FFFFFF;
}

#navigation-bar li a {
    color: #FFFFFF;
    font-weight: normal;
}

#navigation-bar li.no-divider {
    border-left: 0px solid #000000;
}



/*  ---------------------------------------------

    2c. BASIC CONTENT PAGES

    - - - - - - - - - - - - - - - - - - - - - - -
*/

div.basic-content {
   padding: 0px 10px;
}

div.basic-content p {
    font-size: .9em;
    line-height: 140%;
    padding-bottom: 20px;
    padding-top: 5px;
}

div.basic-content h1 {
    padding-bottom: 15px;
    padding-top: 10px;
}

div.basic-content h2 {
    padding-bottom: 10px;
}

div.basic-content h5 {
    font-weight: normal;
    padding-top: 3px;
}

div.basic-content ul.links {
    padding-left: 50px;
    padding-top: 30px;
    list-style-type: square;
    list-style-position: outside;
}

div.basic-content ul.links li {
    padding-bottom: 25px;
}

div.basic-content div.right {
    float: right;
    border: 1px solid #6699cc;
    width: 280px;
    padding: 10px;
    margin-left: 15px;
}

div.basic-content div.right h4 {
    padding: 5px;
    margin-bottom: 8px;
    background-color: #ddeeff;
}

div.basic-content div.right ul {
    list-style-type: square;
    list-style-position: outside;
}

div.basic-content div.right li {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: .8em;
    margin-left: 20px;
}






/*  ---------------------------------------------

    2d. BASIC FORM PAGES

    - - - - - - - - - - - - - - - - - - - - - - -
*/


div.basic-form-page ul li {
    clear: left;
    margin-top: 10px;
}

div.basic-form-page ul li.star-inputs span {
    padding: 4px 0px 10px 0px;
    display: block;
    float: left;
    margin: 0px;
}

div.basic-form-page label {
    display: block;
    float: left;
    clear: left;
    width: 220px;
    padding-right: 10px;
    margin-top: 4px;
    text-align: right;
}

div.basic-form-page input {
    width: 250px;
    display: inline;
    margin-bottom: 0px;
    margin-top: 0px;
}

div.basic-form-page button {
    margin-left: 230px;
    margin-top: 10px;
    margin-bottom: 70px;
    clear: left;
    display: block;
}

div.basic-form-page p.cancel-button {
    padding: 2px 8px;
    margin-top: 10px;
    margin-left: 20px;
    float: left;
}

div.basic-form-page h6.error {
    color: #FF0000;
    padding-bottom: 10px;
    padding-top: 5px;
}

div.basic-form-page p.error {
    color: #FF0000;
    padding-bottom: 10px;
    font-size: .8em;
    margin-top: 0px;
    margin-left: 230px;
    padding-top: 0px;
    clear: left;
}

div.basic-form-page ul.errorlist {
    clear: both;
    padding-left: 230px;
    margin-top: -8px;
    padding-bottom: 15px;
}

div.basic-form-page ul.errorlist li {
    color: #ff0000;
    font-size: 0.8em;
}

div.basic-form-page ul.message {
    padding: 0px;
    margin-bottom: 10px;
}

div.basic-form-page ul.message li {
    padding: 10px;
    background-color: #FFFFCC;
    margin: 0;
    font-size: 1.0em;
}



/*  ---------------------------------------------

    2e. BASIC NAVIGATION TABS

    - - - - - - - - - - - - - - - - - - - - - - -
*/

.ui-tabs-hide {
    display: none;
}

div.tabs-navigation {
    border: 0px;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

div.tabs-navigation .ui-tabs-selected {
    font-weight: bold;
    text-transform: none;
    text-decoration: none;
}

div.tabs-navigation ul.navigation-tabs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    -moz-border-radius-bottomleft: 0px; 
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    background: none;
    border: 0px;
    padding-left: 25px;
}

div.tabs-navigation ul.navigation-tabs li {
    display: block;
    float: left;
    border: 1px solid #6699CC;
    border-bottom: 1px solid #6699CC !important;
    background: #EEEEFF none repeat-x scroll 50% 50%;
    margin: 0px 10px 0px 0px;
    padding: 8px;
    font-size: .8em;
    width: 150px;
    text-align: center;
    font-weight: normal !important;
    clear: none;
}

div.tabs-navigation ul.navigation-tabs li a {
    padding: 0;
    display: inline;
}

div.tabs-navigation ul.navigation-tabs li.ui-tabs-selected {
    border-bottom: 1px solid #ffffff !important;
    background-color: #ffffff;
    z-index: 50;
    position: relative;
    background: none;
    padding-bottom: 8px;
}

div.tabbed-content {
    border: 1px solid #6699CC !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1px;
    z-index: 1;
    position: relative;
    padding: 30px 40px !important;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    background: none !important;
}

div.tabbed-content h3 {
    padding-bottom: 20px !important;
}


/*  ---------------------------------------------

    2f. FOOTER

    - - - - - - - - - - - - - - - - - - - - - - -
*/


#footer {
    clear: both;
    text-align: center;
}

#footer ul {
    padding-top: 10px;
    border-top: 1px solid #aabbee;
    margin-top: 30px;
}

#footer li {
    padding: 10px;
    font-size: .8em;
    display: inline;
}

#footer p {
    padding-top: 10px;
    font-size: .7em;
    padding-bottom: 30px;
}


/*  ---------------------------------------------

    3a. BANK LOGO

    - - - - - - - - - - - - - - - - - - - - - - -
*/




img.bank-logo-top-right {
    max-height: 80px;
    max-width: 150px;
    float: right;
    padding: 10px;
    border: 1px solid #aaccee;
    margin: 0px 0px 20px 20px;
    _width: 150px;
    _height: 80px;
}

span.bank-logo {
    background-color: #ffffff;
    border: 1px solid #6699cc;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 10px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 1px;
    float: right;
    text-align: center;
    display: block;
}

span.bank-logo img {
    max-height: 100%;
    max-width: 100%;
    margin-top: -4px;
    _width: 100%;
    _height: 100%;
    vertical-align: middle;
}


/*  ---------------------------------------------

    3b. RATES TOOL TIPS

    - - - - - - - - - - - - - - - - - - - - - - -
*/

div.tier-rates {
   display: none;
}

.cluetip-rate-table {
    background-color: #aaaaaa;
}

.cluetip-rate-table #cluetip-outer {
    position: relative;
    margin: 0;
    background-color: #ddeeff;
    border: 3px solid #6699cc;
}

.cluetip-rate-table h3#cluetip-title {
    margin: 0 0 5px;
    padding: 8px 10px 5px;
    font-size: 1.0em;
    font-weight: bold;
    background-color: #6699cc;
    color: #FFFFFF;
}

.cluetip-rate-table #cluetip-title a {
    color: #ffffff;
    font-size: 0.95em;
    padding: 2px;
}

.cluetip-rate-table #cluetip-title a:hover {
    color: #ffffaa;
    text-decoration: none;
    font-weight: bold;
    background-color: #ffffff;
    color: #6699cc;
    padding: 2px;
}

  
.cluetip-rate-table #cluetip-inner {
    padding: 10px;
}

.cluetip-rate-table #cluetip-inner table {
    width: 300px;
}

.cluetip-rate-table #cluetip-inner th {
    border-bottom: 1px solid #aaccee;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 1.0em;
    font-weight: bold;
}

.cluetip-rate-table #cluetip-inner td {
    border-bottom: 1px solid #aaccee;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 0.9em;
}

.cluetip-rate-table #cluetip-inner p {
    font-size: 1.0em;
    padding-bottom: 10px;
}

.cluetip-rate-table #cluetip-inner h5 {
    font-size: 1.0em;
    font-weight: bold;
    padding-bottom: 10px;
}

.cluetip-rate-table div#cluetip-close { 
    text-align: right;
    margin: 0 5px 5px;
    color: #900;
}

.cluetip-arrows {
    background: transparent url(../img/cluetip-arrow.gif) no-repeat scroll 0px 0px;
    left: -8px;
}

/*  ---------------------------------------------

    3c. RECTANGLE RIGHT ADS

    - - - - - - - - - - - - - - - - - - - - - - -
*/

div.right-wide-bar {
    float: right;
    width: 330px;
}

div.right-wide-bar-ad {
    width: 300px;
    padding: 10px;
    border: 1px solid #aaccee;
    margin: 10px 10px 0px 0px;
    _margin-right: 5px;
}


div.rectangle-right-ad {
    float: right;
    width: 300px;
    padding: 10px;
    border: 1px solid #aaccee;
    margin: 10px 10px 0px 0px;
    _margin-right: 5px;
}

div.rectangle-right-ad-no-box {
    float: right;
    width: 300px;
    padding: 0px 0px 0px 14px;
    margin: 0px;
}



div.wide-skyscraper-right-ad {
    float: right;
    width: 160px;
    padding: 10px;
    border: 1px solid #aaccee;
    margin: 10px 10px 0px 0px;
    _margin-right: 5px;
}

div.wide-skyscraper-right-ad-no-box {
    float: right;
    width: 160px;
    padding: 0px 0px 0px 14px;
    _margin-left: 7px;
    margin: 0px;
}

div.wide-skyscraper-right-ad-no-box-no-line {
    float: right;
    width: 160px;
    padding: 0px 0px 0px 14px;
    margin: 0px;
}


div.top-sponsored-links {
    background-color: #ffffcc;
    padding: 8px;
    margin-bottom: 10px;
}

div.top-sponsored-links span.sponsored-links {
    font-size: 0.7em;
    color: #888888;
    float: right;
    display: block;
}

div.top-sponsored-links a {
    text-decoration: underline;
}

div.top-sponsored-links span.ad-url {
    font-size: 0.8em;
    color: #009900;
}

div.top-sponsored-links p {
    font-size: .8em;
    padding: 5px 0px 0px 0px;
}


/*  ---------------------------------------------

    3d. LEFT NAVIGATION

    - - - - - - - - - - - - - - - - - - - - - - -
*/


div.left-nav {
    float: left;
    width: 154px;
    padding: 5px 10px 0px 10px;
    border-right: 1px solid #aaccee;
    margin: -5px 15px 0px 0px;
}

div.left-nav-gray {
    float: left;
    width: 153px;
    background-color: #eeeeff;
    margin: -5px 15px 0px 0px;
    border: 1px solid #aaccee;
    padding: 10px;
}

div.left-nav-gray-box {
    float: left;
}

div.left-nav-gray-bank-info {
    width: 153px;
    background-color: #eeeeff;
    margin: -5px 15px 0px 0px;
    border: 1px solid #aaccee;
    padding: 10px;
}

div.three-column-center {
    width: 595px;
    padding: 0px;
    float: right;
}


/*  ---------------------------------------------

    3e. MAIN BANK NAVIGATION

    - - - - - - - - - - - - - - - - - - - - - - -
*/


div.main-bank-nav img {
    max-width: 135px;
    max-height: 60px;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #aaccee;
    margin: 0px 0px 10px 0px;
    _width: 120px;
    _height: 60px;
}

div.main-bank-nav ul li {
    font-size: .75em;
    line-height: 120%;
    margin: 5px 0px 5px 15px;
    list-style-type: none;
    list-style-position: outside;
}


div.main-bank-nav ul li.selected {
    font-weight: bold;
    list-style-type: square;
}

div.main-bank-nav ul li.bank-name {
    font-size: 1.0em;
    font-weight: bold;
    color: #000000;
    line-height: 1em;
    margin: 0px 0px 10px 0px;
}

div.main-bank-nav ul li.bank-name a {
    color: #000000;
    text-decoration: none;
    cursor: text;
}

div.main-bank-nav ul li.small-header {
    font-size: .7em;
    color: #666666;
    margin: 15px 0px 0px 0px;
}

div.main-bank-nav ul li a {
    text-decoration: underline;
}

div.main-bank-nav ul li.selected a {
    color: #000000;
    text-decoration: none;
}


/*  ---------------------------------------------

    3e. MAIN ACCOUNT NAVIGATION

    - - - - - - - - - - - - - - - - - - - - - - -
*/

div.account-header-navigation h1 {
    font-size: 1.4em;
    padding-bottom: 10px;
    line-height: 120%;
}

div.account-header-navigation h2 {
    font-size: 1.1em;
    font-weight: normal;
    background-color: #eeeeff;
    padding: 5px 3px;
    margin: 0px 0px 10px 0px;
}

div.account-header-navigation h4 {
    font-size: .7em;
    font-weight: normal;
    text-transform: uppercase;
}

div.account-header-navigation h5 {
    padding: 0px;
    border-bottom: 0px solid #aaccee;
    margin: 0px 0px 15px 0px;
    font-size: .8em;
}

div.account-header-navigation h5 a.affiliate-link {
    background-color: #ffffcc;
    border: 1px solid #ffaa66;
    padding: 5px 10px;
    font-weight: bold;
}



div.account-header-navigation a {
    text-decoration: underline;
}


/*  ---------------------------------------------

    3e. SCREENER FILTERS

    - - - - - - - - - - - - - - - - - - - - - - -
*/


#screener-filters h6 {
    font-size: .7em;
    font-weight: normal;
    color: #888888;
}

#screener-filters h6.right {
    float: right;
}

#screener-filters h6 a {
    text-decoration: underline;
    color: #7777cc;
}

#screener-filters div.filter-header {
    height: 1.0em;
    padding: 10px 0px 0px 0px;
    clear: left;
}

#screener-filters div.filter-header span.arrow-icon {
    margin: 0px;
    height: 13px;
    width: 13px;
    background: transparent url(../img/arrow-icons.gif) no-repeat scroll;
    float: left;
    display: block;
    _font-size: 1px;
}

#screener-filters div.filter-header span.arrow-icon-closed {
    background-position: 0px -13px;
}

#screener-filters div.filter-header h5 {
    padding: 0px 6px 0px 0px;
    font-weight: bold;
    font-size: 0.8em;
    float: left;
    margin: 0px;
}

#screener-filters div.filter-header h5 a {
    color: #000000;
    text-decoration: none;
}

#screener-filters div.filter-header span.help-icon {
    margin: 0px 0px;
    width: 15px;
}

#screener-filters div select {
    font-size: .75em;
}

#screener-filters div ul {
    clear: left;
}

#screener-filters div ul li {
    font-size: 0.75em;
    line-height: 130%;
}

#screener-filters div ul li label {
    color: #444444;
    cursor: pointer;
}

#screener-filters div ul li label input {
    margin: 0px;
    text-decoration: auto;
}

#screener-filters div.closed {
    display: none;
}

#screener-filters div#id-cd-term {
    background-color: #eeeeff;
    border: 1px solid #aaccee;
}

#screener-filters div.cd-terms-slider {
    width: 150px;
    margin: 5px 0px 0px 3px;
    clear: left;
}

#screener-filters div.cd-terms-slider .ui-slider-handle {
    width: .3em;
    margin-left: -.15em;
    border: 1px solid #aaccee;
}

#screener-filters p.cd-term-months {
    margin: 10px 0px 5px 5px;
    padding: 0px;
}


/*  ---------------------------------------------

    3f. SCREENER LISTS

    - - - - - - - - - - - - - - - - - - - - - - -
*/

#screener-list-container h1 {
    padding-top: 0px;
    font-size: 1.2em;
}

#screener-list-container h2 {
    font-weight: normal;
    font-size: .8em;
    padding-bottom: 15px;
}

#screener-list-container h2 span {
    float: right;
}

#screener-list-container h2 a {
    text-decoration: underline;
    color: #7777cc;
}


ul.screener-list li {
    border: 1px solid #aaccee;
    padding: 0px;
    margin: 0px 0px 12px 0px;
}

ul.screener-list li a {
    text-decoration: underline;
}

ul.screener-list li div.right-info {
    float: right;
    width: 125px;
    padding: 0px;
    margin: 10px 10px 10px 0px;
}

ul.screener-list li div.right-info h6 {
    font-size: 1.6em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

ul.screener-list li div.right-info h6 span {
    font-size: .4em;
    color: #666666;
    font-weight: normal;
}

ul.screener-list li div.right-info a.learn-more-link {
    display: block;
    padding: 4px 0px;
    margin: 0px;
    font-size: .70em;
    text-align: right;
}

ul.screener-list li div.right-info span.apply-link {
    display: block;
    padding: 15px 0px;
    margin: 0px;
    text-align: right;
    font-size: .8em;
}

ul.screener-list li div.right-info span.apply-link a {
    background-color: #ffffcc;
    border: 1px solid #ffaa66;
    padding: 5px 12px;
    margin: 0px;
    font-weight: bold;
}

ul.screener-list li div.right-info span.no-apply-link {
    display: block;
    padding: 15px 0px;
    margin: 0px;
    text-align: right;
    border: 1px solid #ffffff;
    font-size: .8em;
}

ul.screener-list li h4 {
    padding: 10px 0px 3px 10px;
    font-weight: bold;
    font-size: 1.0em;
}

ul.screener-list li span.fixed-bank-logo {
    border: 1px solid #BBCCDD;
    display: block;
    height: 78px;
    line-height: 78px;
    margin: 10px;
    padding: 4px;
    text-align: center;
    width: 128px;
    float: left;
}

ul.screener-list li span.fixed-bank-logo img {
    max-height: 70px;
    max-width: 120px;
    _height: 70px;
    _width: 120px;
    vertical-align: middle;
}

ul.screener-list li div.item-details {
    float: left;
    width: 300px;
}

ul.screener-list li div.item-details p {
    padding: 8px 0px 0px 0px;
    margin: 0px;    
    font-size: .8em;
    color: #666666;
}

ul.screener-list li div.item-details p.reviews img {
    display: block;
    float: left;
    padding: 1px 10px 0px 0px;    
}

ul.screener-list li div.item-details p.features {
    font-size: .75em;
}

ul.screener-list li div.item-details p.features span {
    color: #000000;
    font-weight: bold;
}

ul.screener-list li p.bar {
    background-color: #eeeeff;
    clear: both;
    padding: 3px 13px 3px 10px;
    border-top: 1px solid #aaccee;
    color: #888888;
    font-size: .8em;
}

ul.screener-list li p.bar a {
    color: #7777cc;
}

ul.screener-list li p.bar label {
    color: #000000;
    display: inline;
}

ul.screener-list li p.bar span {
    float: right;
    display: block;
}

ul.screener-list-footer li {
    font-size: 0.8em;
    float: left;
    padding: 0px 2px;
}

ul.screener-list-footer li.right {
    font-weight: bold;
    float: right;
}



/*  ---------------------------------------------

    3g. STANDARD RATE BOX

    - - - - - - - - - - - - - - - - - - - - - - -
*/


div.standard-rate-box {
    width: 200px;
    float: right;
    border: 1px solid #aaccee;
    margin: 0px 0px 10px 20px;
    padding: 10px;
}

div.standard-rate-box h6 {
    font-size: 1.0em;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

div.standard-rate-box a {
    font-size: .8em;
    font-weight: normal;
    text-decoration: underline;
}

div.standard-rate-box table {
    width: 100%;
    margin: 0px;
}

div.standard-rate-box table th, table.wide-cd-rates th {
    color: #666666;
    font-size: .7em;
    border-bottom: 1px solid #aaccee;
    line-height: 150%;
    text-transform: uppercase;
    vertical-align: bottom;
}

div.standard-rate-box table td, table.wide-cd-rates td {
    font-size: .8em;
    border-bottom: 1px solid #aaccee;
    line-height: 150%;
}

div.standard-rate-box p, div.product-overview div.standard-rate-box p {
    font-size: 0.7em;
    margin: 10px 0px;
    padding: 0px;
    color: #666666;
}


/*  ---------------------------------------------

    3h. PRODUCT OVERVIEW

    - - - - - - - - - - - - - - - - - - - - - - -
*/

div.product-overview a {
    text-decoration: underline;
}

div.product-overview h1 {
    font-size: 1.4em;
    line-height: 120%;
    padding: 0px 0px 10px 0px;
}

div.product-overview h5 {
    font-size: 0.8em;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

div.product-overview p {
    font-size: .8em;
    padding-bottom: 10px;
}

div.product-overview ul li {
    padding: 0px 0px 0px 0px;
    font-size: .8em;
    line-height: 140%;
    clear: left;
    list-style-type: none;
    list-style-position: outside;
    margin: 0px 0px 0px 0px;
}

div.product-overview ul li.header {
    padding: 15px 0px 2px 0px;
    margin: 0px;
    font-weight: bold;
    font-size: .8em;
    color: #000000;
}

div.product-overview ul li.bullet {
    margin-left: 15px;
    list-style-type: disc;
}

div.product-overview ul li.alert {
    color: #ff0000;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    font-size: .9em;
}

div.product-overview ul li.reviews img {
    padding: 1px 10px 0px 0px;
    display: block;
    float: left;
}

div.product-overview ul li.fdic img {
    padding: 6px;
    border: 1px solid #aaccee;
    margin: 10px 0px 0px 0px;
}

div.product-overview ul li.wide-rate-table {
    font-size: 1.0em;
}

div.product-overview ul li.wide-rate-table p {
    font-size: .7em;
    margin: 10px 0px;
    padding: 0px;
    color: #666666;
}




/*  ---------------------------------------------

    3i. REVIEWS

    - - - - - - - - - - - - - - - - - - - - - - -
*/

div.user-reviews h5 {
    color: #000000;
    font-size: .8em;
    font-weight: normal;
    padding: 5px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}

div.user-reviews p {
    font-size: .8em;
    padding: 0px 0px 15px 0px;
}

div.user-reviews a {
    text-decoration: underline;
}

div.user-reviews a.write-review {
    display: block;
    font-size: .8em;
    padding: 15px 0px 15px 0px;
}

div.user-reviews ul li {
    margin: 20px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
    border-top: 1px solid #aaccee;
}

div.user-reviews ul li h6 {
    font-size: 1.0em;
}

div.user-reviews ul li h6 span.edit-review{
    font-size: 0.8em;
    font-weight: normal;
}

div.user-reviews ul li p.account-name {
    padding: 15px 0px;
    font-size: 0.7em;
    font-weight: bold;
}

div.user-reviews ul li p.post-info {
    font-weight: bold;
    font-size: .7em;
    color: #444444;
}


div.user-reviews form {
    padding: 5px 0px 15px 0px;
}

div.user-reviews span.arrow-icon {
    margin: 2px 5px 0px 0px;
    height: 13px;
    width: 13px;
    background: transparent url(../img/arrow-icons.gif) no-repeat scroll;
    float: left;
    display: block;
    _font-size: 1px;
    cursor: pointer;
}

div.user-reviews span.arrow-icon-closed {
    background-position: 0px -13px;
}

div.user-reviews div.review-links {
    padding: 20px 0px;
}

div.user-reviews div.review-links p {
    padding: 0px;
    font-weight: bold;
    font-size: 1.0em;
}

div.user-reviews div.review-links ul li {
    border-top: 0px;
    margin: 0px 0px 0px 30px;
    padding: 0px;
    font-size: .8em;
    line-height: 140%;
    list-style-type: disc;
    list-style-position: outside;
}

div.user-reviews div.review-links ul li.small-header {
    list-style-type: none;
    font-weight: normal;
    font-size: .7em;
    color: #666666;
    margin: 10px 0px 0px 0px;
    
}

div.user-reviews p.no-reviews {
    font-size: 1.0em;
    border-top: 1px solid #aaccee;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px;
}

div.user-reviews p.no-info {
    font-size: 0.9em;
}

/*  ---------------------------------------------

    4a. BANK HEALTH ICONS

    - - - - - - - - - - - - - - - - - - - - - - -
*/


span.health-score-icons {
    height: 16px;
    background: transparent url(../img/health-score-icons.gif) no-repeat scroll 0 0;
    display: block;
    font-size: 1px;
    float: left;
}

span.five-health-score { background-position: 0px 0px; width: 80px;}
span.four-health-score { background-position: 0px -16px; width: 64px;}
span.three-health-score { background-position: 0px -32px; width: 48px;}
span.two-health-score { background-position: 0px -48px; width: 32px;}
span.one-health-score { background-position: 0px -64px; width: 16px;}
span.no-health-score { background-position: 0px -80px; width: 0px;}

span.health-score-icons-small {
    height: 8px;
    background: transparent url(../img/health-score-icons-small-clear.gif) no-repeat scroll 0 0;
    display: block;
    _font-size: 1px;
    margin-bottom: 2px;
    cursor: pointer;
}

span.five-health-score-small { background-position: 0px 0px; width: 40px;}
span.four-health-score-small { background-position: 0px -8px; width: 32px;}
span.three-health-score-small { background-position: 0px -16px; width: 24px;}
span.two-health-score-small { background-position: 0px -24px; width: 16px;}
span.one-health-score-small { background-position: 0px -32px; width: 8px;}
span.no-health-score-small { background-position: 0px -40px; width: 0px;}



span.health-one { background-color: #CC3333; }
span.health-two { background-color: #FFCC66; }
span.health-three { background-color: #99dd99; }
span.health-four { background-color: #99dd99; }
span.health-five { background-color: #99dd99; }


/*  ---------------------------------------------

    4c. HELP ICON

    - - - - - - - - - - - - - - - - - - - - - - -
*/


span.help-icon {
    width: 15px;
    height: 15px;
    background: transparent url(../img/question-icons.gif) no-repeat scroll 0px 0px;
    display: block;
    float: left;
    font-size: 1px;
    margin-left: 5px;
    margin-top: 15px;
}

span.help-icon:hover {
    background: transparent url(../img/question-icons.gif) no-repeat scroll 0px -15px;
    cursor: pointer;
}


/*  ---------------------------------------------

    4d. STAR ICONS

    - - - - - - - - - - - - - - - - - - - - - - -
*/


span.stars {
    height: 16px;
    width: 80px;
    background: transparent url(../img/five-large-star-icons.gif) no-repeat scroll 0 0;
    float: left;
    display: block;
    padding-right: 10px;
    _font-size: 1px;
}

span.stars-1 { background-position: 0px 0px; }
span.stars-1-5 { background-position: 0px -16px; }
span.stars-2 { background-position: 0px -32px; }
span.stars-2-5 { background-position: 0px -48px; }
span.stars-3 { background-position: 0px -64px; }
span.stars-3-5 { background-position: 0px -80px; }
span.stars-4 { background-position: 0px -96px; }
span.stars-4-5 { background-position: 0px -112px; }
span.stars-5 { background-position: 0px -128px; }




/*  ---------------------------------------------

    5a. EXTRA INSERTS

    - - - - - - - - - - - - - - - - - - - - - - -
*/


form#id_filter_form select#id_sort {
    display: none;
}

form#id_filter_form select#id_min_deposit_to_open_account {
    display: none;
}

form#id_filter_form select#id_min_balance_to_avoid_fee {
    display: none;
}

form#id_filter_form select#id_min_rating_stars {
    display: none;
}

form#id_filter_form select#id_balance {
    display: none;
}

div#id_error_console {
    display: none;
    float: right;
    width: 747px;
    border-collapse: collapse;
    background-color: #FFDDCC;
    border: 1px solid #CC9966;
    padding: 6px;
    margin-bottom: 13px;
}

form#id-account-filter input#id_page {
    display: none;
}

.hidden {
    display: none;
}