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

    PAGE SPECIFIC CSS - TABLE OF CONTENTS

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

    1. HOMEPAGE

    2. MY ACCOUNT

    3. SEARCH BANK RESULTS

    4. SELECT ACCOUNTS

    5. RATE CHANGE DETAILS

    6. REGISTER

    7. PASSWORD RESET

    8. QUICK BANK REGISTER

    9. INSTITUTION PAGE

    10. ACCOUNT DETAILS

    11. MY WATCHLIST

    12. LOGIN

    13. SCREENER

    14. REVIEW ACCOUNT

    15. BANK HEALTH

    16. CD DETAILS

    17. ADD NOTES

    18. BRANCHES

    19. BLOG POST

    20. BLOG MAIN PAGE 

    21. EDIT ACCOUNT

    22. BANKS WATCHED

    23. CONTACT PAGE

    24. INSTITUTION RATES

*/

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

    1. HOMEPAGE

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


#homepage-may {
    padding: 10px 10px;
    width: 690px;
    margin-bottom: 0px;
    text-align: center;
    float: left;
    border: 0px solid #6699cc;
}

#homepage-may h1 {
    font-size: 4.0em;
    padding-top: 10px;
}

#homepage-may h2 {
    font-weight: normal;
    font-size: 1.1em;
    padding: 10px 0px;
}

#homepage-may h3 {
    margin: 35px 40px 0px 40px;
    padding: 10px;
    font-size: 1.0em;
    font-weight: normal;
    line-height: 140%;
}

#homepage-may h3 span {
    color: #ff0000;
    font-weight: bold;
}

#homepage-may ul {
    padding: 0px 30px;
}

#homepage-may li {
    float: left;
    padding: 0px 30px;
    text-align: center;
    width: 150px;
}

#homepage-may li.clear {
    float: none;
    clear: both;
    font-size: 1px;
}

#homepage-may li a {
    font-size: 1.2em;
    line-height: 120%;
}

#homepage-may ul li span {
    height: 150px;
    width: 150px;
    background: transparent url(../img/homepage-images.gif) no-repeat scroll 0 0;
    display: block;
    _font-size: 1px;
    cursor: pointer;
}



#homepage-may ul li span.savings { background-position: 0px 0px; }
#homepage-may ul li span.checking { background-position: -150px 0px; }
#homepage-may ul li span.cds { background-position: -300px 0px; }
#homepage-may ul li span.savings:hover { background-position: 0px -150px; }
#homepage-may ul li span.checking:hover { background-position: -150px -150px; }
#homepage-may ul li span.cds:hover { background-position: -300px -150px; }


#homepage-may-right {
    margin: 0px;
    float: right;
    width: 200px;
    padding: 15px;
    background-color: #ddeeff;
    border: 1px solid #aaccee;
}

#homepage-may-right ul {
    padding: 10px 0px 20px 0px;
}

#homepage-may-right ul li {
    padding: 0px 0px 10px 5px;
    font-size: 0.8em;
    line-height: 140%;
}




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

    2. MY ACCOUNT 

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

#nav-account-alerts h6 {
    padding-bottom: 10px;
    font-weight: normal;
}

#nav-account-alerts ul {
    padding-left: 25px;
    margin: 0;
}

#nav-account-alerts li {
    padding: 3px 20px;
    margin: 0;
    clear: left;
    font-size: .8em;
}

#nav-account-alerts li.bank {
    padding-top: 20px;
    padding-bottom: 3px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 1.0em;
}

#nav-account-alerts input {
    margin: 0px;
    padding: 0px;
}

#nav-account-alerts input {
    width: auto;
    margin-right: 5px;
    float: left;
}

#nav-account-alerts label {
    clear: none;
    float: none;
    width: auto;
    text-align: left;
    margin: 0px;
    padding: 0px;
    display: inline;
    font-size: .85em;
}

#nav-account-alerts form {
    margin-top: 0px;
}

#nav-account-alerts table {
    width: 100%;
}

#nav-account-alerts table td {
    padding: 8px;
    border-bottom: 1px solid #aaccee;
    font-size: 0.8em;
}

#nav-account-alerts table td button {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #aaccee;
    cursor: pointer;
    padding: 2px;
    font-size: 0.8em;
    margin: 0px 0px 0px 5px;
    display: inline;
}

#nav-account-alerts table td button:hover {
    border: 1px solid #6699cc;
    color: #6699cc;
    background-color: #ddeeff;
}




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

    3. SEARCH BANK RESULTS

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


#select-bank-alerts label {
    text-align: left;
    width: auto;
    padding-left: 25px;
    margin-top: 4px;
}

#select-bank-alerts input {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}

#select-bank-alerts button {
    clear: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
}

#select-bank-alerts ul {
    padding-left: 60px;
    padding-bottom: 30px;
    padding-top: 50px;
}

#select-bank-alerts li {
    padding-bottom: 20px;
    font-size: 1.2em;
    clear: left;
}

#select-bank-alerts li div {
    width: 120px;
    height: 40px;
    border: 1px solid #6699cc;
    float: left;
    margin-right: 20px;
    padding: 5px;
    text-align: center;
}

#select-bank-alerts li div img {
    max-width: 100%;
    max-height: 100%;
    _height: 100%;
    _width: 100%;
    display: inline;
    line-height: 30px;
}

#select-bank-alerts li div p {
    font-size: .9em;
    color: #aaaaaa;
    padding-bottom: 0px;
    padding-top: 0px;
    display: inline;
    line-height: 40px;
}

#select-bank-alerts li p {
    font-size: .7em;
    padding-left: 0px;
    padding-top: 5px; 
}

#select-bank-alerts p {
    padding-left: 25px;
}

#select-bank-alerts p.no-results {
    font-weight: bold;
    padding-bottom: 10px;
}


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

    4. SELECT ACCOUNTS

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

#select-account-alerts li {
    clear: left;
    padding: 2px;
}

#select-account-alerts div.right li {
    padding: 4px 0px;
}


#select-account-alerts li label {
    float: none;
    paddding-right: 0px;
    width: auto;
    text-align: left;
    padding-bottom: 10px;
    display: inline;
}

#select-account-alerts li label.other {
    float: none;
    display: inline;
}

#select-account-alerts li input {
    float: left;
    display: block;
    margin-bottom: 0px;
    width: auto;
    margin-left: 25px;
    margin-right: 20px;
    margin-top: 0px;
}

#select-account-alerts li #id_unlisted_account1, #select-account-alerts li #id_unlisted_account2, #select-account-alerts li #id_unlisted_account3 {
    float: none;
    display: inline;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: -10px;
}

#select-account-alerts button {
    margin-left: 58px;
    margin-top: 20px;
}


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

    5. RATE CHANGE DETAILS

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

#rate-alert-change {
    width: 580px;
    overflow: auto;
    border-right: 1px solid #aaccee;
    padding-right: 20px;
    min-height: 300px;
}

#rate-alert-change h2 {
    font-size: 1.3em;
    font-weight: normal;
    padding-bottom: 10px;
}

#rate-alert-change h3 {
    font-weight: normal;
    font-size: 1.0em;
}

#rate-alert-change ul {
    clear: both;
    padding-top: 15px;
}

#rate-alert-change li {
    float: left;
    background-color: #eeeeff;
    border: 1px solid #6699cc;
}

#rate-alert-change h4 {
    font-size: 1.1em;
    font-weight: normal;
    background-color: #6699cc;
    color: #ffffff;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#rate-alert-change table {
    width: 240px;
    margin: 10px;
}

#rate-alert-change table th {
    font-size: 0.8em;
    font-weight: bold;
    border-bottom: 1px solid #aaccee;
    padding: 5px 0px;
}

#rate-alert-change table td {
    font-size: 0.8em;
    font-weight: normal;
    border-bottom: 1px solid #aaccee;
    padding: 5px 0px;
}

#rate-alert-change table td p.change {
    background-color: #ffffcc;
    display: inline;
    font-size: 1.0em;
    padding: 0px;
    line-height: 1;
}

#rate-alert-change li.arrow {
    padding: 10px;
    background-color: transparent;
    border: 0px;
}

#rate-alert-change li.arrow img {
    width: 36px;
    height: 36px;
    margin-right: 0px;
    margin-top: 40px;
}

#rate-alert-change li.new-account {
    margin-left: 20px;
    padding: 10px;
    background-color: #ffffcc;
    border: 1px solid #ffaa66;
}

#rate-alert-change li.new-account h5 {
    font-weight: bold;
    width: 275px;
}

#rate-alert-change li.new-account p {
    width: 275px;
}


#rate-alert-change p.zip {
    font-size: .7em;
    padding-top: 5px;
    clear: left;
    padding-bottom: 0px;
}

#rate-alert-change-charts {
    clear: both;
    padding-top: 20px;
}

#rate-alert-change-charts h5 {
    font-size: 1.1em;
    font-weight: normal;
    padding-bottom: 10px;
}
#rate-alert-change-charts label {
    width: auto;
}
#rate-alert-change-charts select {
    float: left;
    margin-right: 10px;
    font-size: 1.0em;
}
#rate-alert-change-charts button {
    clear: none;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

#rate-alert-change-charts li {
    width: 80px;
}

#rate-alert-change-charts div.tabbed-content {
    width: 620px;
    height: 220px;
    margin-left: 0px;
    padding: 20px;
}

#rate-alert-change-charts img {
    float: right;
    margin-left: 20px;
    border: 1px solid #aaccee;
    padding: 10px;
}

#rate-alert-change-charts table {
    width: 320px;
}

#rate-alert-change-charts table th {
    font-size: 1.0em;
    border-bottom: 1px solid #6699cc;
    padding-bottom: 10px;
    padding-top: 5px;
}

#rate-alert-change-charts table td {
    font-weight: normal;
    border-bottom: 1px solid #6699cc;
    padding: 8px 2px;    
    vertical-align: middle;
    line-height: 1.0em;
}

#rate-alert-change-charts table td p {
    padding-bottom: 3px;
    line-height: 110%;
}

#rate-alert-change-charts table td.average-rate {
    font-weight: bold;
    font-size: 1.2em;
}


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

    6. REGISTER

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

#register-page h5 {
    padding-bottom: 20px;
}

#register-page label {
    width: 200px;
}

#register-page p.password {
    margin-left: 210px;
    padding-bottom: 0px;
}

#register-page button {
    margin-left: 210px;
    margin-bottom: 40px;
}

#register-page div.right {
    width: 350px;
    height: 150px;
    padding: 0px 0px 0px 50px;
    border-left: 0px solid #aaaaaa;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
}

#register-page div.right h4 {
    padding: 0px;
    background-color: #ffffff;
}

#register-page div.right ul {
    padding-top: 3px;
}

#register-page div.right li {
    padding-left: 10px;
    font-size: 0.9em;
    margin-left: 20px;
}

#register-page div.right p {
    padding-top: 20px;
    padding-left: 0px;
    font-size: 1.0em;
}


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

    7. PASSWORD RESET

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

#password-reset-form h5 { 
    padding-bottom: 20px;
}



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

    8. QUICK BANK REGISTER

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


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

#select-email-alerts img {
    max-height: 100%;
    max-width: 100%;
    margin-top: -4px;
    _width: 100%;
    _height: 100%;
    vertical-align: middle;
}

#select-email-alerts p {
    font-size: 1.0em;
    padding: 4px;
    line-height: 1;
}

#select-email-alerts label {
    width: 160px;
}

#select-email-alerts li.account {
    padding-left: 170px;
    font-size: .8em;
    margin-top: 2px;
}

#select-email-alerts li.accounts {
    padding-left: 170px;
    margin-top: 2px;
}



#select-email-alerts button {
    margin-left: 170px;
    margin-bottom: 50px;
    clear: left;
    margin-top: 5px;
}

#select-email-alerts p.error {
    margin-left: 170px;
}

#select-email-alerts p.zip-message {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-left: 170px;
    font-size: .75em;
    font-style: italic;
    clear: left;
}

#select-email-alerts div.right p {
    text-align: center;
    padding: 10px;
}


div.sample-email-whitebox {
    margin-top: 10px;
}

div.sample-email-whitebox span {
    font-weight: bold;
    display: block;
    width: 80px;
    float: left;
    clear: left;
}

div.sample-email-whitebox p {
    padding-bottom: 5px;
    font-size: .9em;
}

div.sample-email-whitebox p.email-first-line {
    margin-top: 10px;
    border-top: 1px dashed #333333;
    padding-top: 20px;
    font-weight: bold;
    font-size: 1.0em;
}

div.sample-email-whitebox p.email-message {
    padding-top: 25px;
}

div.sample-email-whitebox p.email-url {
    padding-top: 5px;
}

div.sample-email-whitebox p.email-footer {
    margin-top: 25px;
    padding-top: 5px;
    font-size: .7em;
    border-top: 1px dashed #ffffff;
}

div.sample-email-whitebox p.email-footer-url {
    padding-top: 2px;
    font-size: .7em;
    padding-bottom: 30px;
    margin-bottom: 5px;
    border-bottom: 1px solid #333333;
}


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

    9. INSTITUTION PAGE

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


#institution-page {
    width: 595px;
}

#institution-page h5 {
    clear: left;
    padding: 5px 0px;
}

#institution-page h5.notice {
    color: #FF0000;
    font-weight: bold;
}

#institution-page span.health-score-icons {
    margin: 5px 10px;
}

#institution-page h5.health {
    float: left;
    clear: none;
}

#institution-page h4 {
    clear: left;
    font-size: 1.0em;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 5px;
    margin-top: 15px;
    background-color: #ddeeff;
}

#institution-page p.zip {
    font-size: 0.7em;
    padding: 0px 8px;
    margin-bottom: 0px;
}

#institution-page table {
    width: 100%;
    margin-bottom: 15px;
}

#institution-page table td {
    font-size: 0.8em;
    font-weight: normal;
    padding: 8px;
    border-bottom: 1px solid #aaccee;
    text-align: left;
}

#institution-page table td.button {
    padding: 4px 8px;
}

#institution-page table td h5 {
    float: left;
    font-weight: bold;
    padding: 0px;
    margin-top: 15px;
    font-size: 1.1em;
}

#institution-page p.no-accounts {
    padding: 5px 8px 10px 8px;
}

#institution-page p.bank-information {
    padding-left: 8px;
}

#institution-page span.fdic {
    float: right;
    margin-left: 25px;
    width: 75px;
    text-align: center;
    margin: 5px 10px;
}

#institution-page span.fdic img {
    padding: 9px;
    background-color: #ffffff;
    border: 1px solid #6699cc;
    margin-top: 0px;    
    _width: 55px;
    _height: 32px;
}

#institution-page span.fdic h5 {
    font-size: 0.7em;
    font-weight: normal;
    width: 75px;
}

#institution-page span.fdic h6 {
    font-size: 0.7em;
    font-weight: bold;
    width: 75px;
}

#institution-reviews {
    display: none;
}

#rate-page-dialog h1 {
    padding-top: 10px;
    padding-bottom: 15px;
}

#rate-page-dialog h2 {
    font-size: 1.3em;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 5px;
}

#rate-page-dialog h3 {
    font-weight: normal;
    font-size: 1.0em;
}

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

#rate-page-dialog img {
    max-height: 100%;
    max-width: 100%;
    margin-top: -4px;
    _width: 100%;
    _height: 100%;
    vertical-align: middle;
}



#rate-page-dialog ul {
    clear: both;
    padding-top: 20px;
}

#rate-page-dialog li {
    float: left;
    background-color: #e3f3ff;
    border: 1px solid #6699cc;
}

#rate-page-dialog h4 {
    font-size: 1.1em;
    font-weight: normal;
    background-color: #6699cc;
    color: #ffffff;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#rate-page-dialog table {
    width: 250px;
    margin: 10px;
}

#rate-page-dialog table th {
    font-size: 1.0em;
    font-weight: bold;
    border-bottom: 1px solid #aaccee;
    padding: 5px 0px;
}

#rate-page-dialog table td {
    font-size: 1.0em;
    font-weight: normal;
    border-bottom: 1px solid #aaccee;
    padding: 5px 0px;
}

#rate-page-dialog table td p.change {
    background-color: #ffffcc;
    display: inline;
    font-size: 1.0em;
    padding: 0px;
    line-height: 1;
}

#rate-page-dialog li.arrow {
    padding: 10px;
    background-color: transparent;
    border: 0px;
}

#rate-page-dialog li.arrow img {
    width: 36px;
    height: 36px;
    margin-right: 0px;
    margin-top: 40px;
}

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

    10. ACCOUNT DETAIL PAGE

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


#account-detail-page div.account-header {
    width: 595px;
    border-right: 0px solid #aaccee;
}

#account-detail-page img.account-bank-logo {
    max-height: 60px;
    max-width: 120px;
    float: right;
    padding: 10px;
    border: 1px solid #aaccee;
    margin-top: 10px;
    margin-left: 10px;
}

#account-detail-page h1 {
    padding-bottom: 10px;
}

#account-detail-page h2 {
    font-weight: normal;
    font-size: 1.1em;
    padding-bottom: 10px;
}

#account-detail-page h3 {
    font-weight: normal;
    font-size: 0.9em;
    padding-bottom: 10px;
}

#account-detail-page h5 {
    font-size: 0.8em;
}

#account-detail-page p {
    padding: 0px 0px 15px 0px;
}



#account-detail-page table {
    width: 100%;
}

#account-detail-page table th {
    font-size: 1.0em;
    font-weight: bold;
    padding: 6px 10px;
    border-bottom: 5px solid #ffffff;
    border-top: 15px solid #ffffff;
    background-color: #ddeeff;
}

#account-detail-page table td {
    font-size: .75em;
    font-weight: normal;
    border-bottom: 1px solid #aaccee;
    padding: 6px 10px;
    vertical-align: top;
}

#account-detail-page table td span.help-icon {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    float: none;
}

#account-detail-page table td.zip-code-info {
    font-size: 0.7em;
    border-bottom: 0px solid #ffffff;
    padding-top: 10px;
}

#account-detail-page table td.rates-header {
    font-size: 0.9em;
    font-weight: bold;
}

#account-detail-page table td.missing-rates {
    font-size: 0.8em;
    line-height: 140%;
}

#account-detail-page td.notes-section {
    font-size: 100%;
}

#account-detail-page td.notes-section ul {
    padding-left: 20px;
}

#account-detail-page td.notes-section ul li {
    list-style-type: disc;
    list-style-position: outside;
    padding: 0px 0px 15px 0px;
    line-height: 140%;   
    font-size: .8em;
}

#account-detail-page table td.account-review {
    font-size: 100%;
    font-weight: normal;
    border-bottom: 1px solid #aaccee;
}

#account-detail-page li.reviews div {
    float: left;
}

#account-detail-page li.reviews h6 {
    font-size: 1.0em;
    float: left;
}

#account-detail-page span.write-review-link {
    font-size: .8em;
    padding-left: 10px;
    font-weight: normal;
}

#account-detail-page li.reviews p {
    padding-top: 0px;
    padding-bottom: 12px;
    clear: left;
}

#account-detail-page li.reviews p.post-info {
    font-weight: bold;
    padding-bottom: 40px;
}






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

    10. ACCOUNT OVERVIEW PAGE 

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


#account-overview a {
    text-decoration: underline;
}

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

#account-overview div.rate-information h6 {
    font-size: 1.0em;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

#account-overview div.rate-information a {
    font-size: .8em;
    font-weight: normal;
    text-decoration: underline;
}

#account-overview div.rate-information table {
    width: 100%;
    margin: 0px;
}

#account-overview div.rate-information table th {
    color: #666666;
    font-size: .7em;
    border-bottom: 1px solid #aaccee;
    line-height: 150%;
    text-transform: uppercase;
}

#account-overview div.rate-information table td {
    font-size: .8em;
    border-bottom: 1px solid #aaccee;
    line-height: 150%;
}

#account-overview div.rate-information p {
    font-size: 0.7em;
    margin: 10px 0px;
    padding: 0px;
    color: #666666;
}

#account-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;
}

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

#account-overview ul li span.left {
    float: left;
}

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

#account-overview p {
    font-size: .8em;
    padding: 20px 0px 10px 0px;
}




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

    11. MY WATCHLIST

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

#my-bank-accounts form.search {
    margin: 20px 0px;
    float: right;
}

#my-bank-accounts button {
    display: inline;
    clear: none;
    margin: 0px;
}

#my-bank-accounts form.search button {
    margin: 0px 10px;
}

#my-bank-accounts label {
    width: 150px;
}

#my-bank-accounts table {
    width: 100%;
    margin: 40px 0px 20px 0px;
}

#my-bank-accounts table th {
    padding: 8px;
    font-weight: bold;
    background-color: #eeeeff;
    font-size: 0.8em;
}

#my-bank-accounts table th.thh {
    padding: 30px 0px 20px 0px;
    background-color: #ffffff;
    font-size: 1.0em;
}

#my-bank-accounts table td {
    padding: 8px;
    border-bottom: 1px solid #aaccee;
    font-size: 0.8em;
}

#my-bank-accounts table td.no-accounts {
    padding: 50px;
    border-bottom: 1px solid #aaccee;
    font-size: 1.0em;
    text-align: center;
}

#my-bank-accounts table td.no-accounts span {
    background-color: #ffffcc;
    padding: 15px;
    border: 1px solid #ffaa66;
}

#my-bank-accounts table td.button {
    padding: 4px 8px;
}

#my-bank-accounts h6 {
    text-align: center;
    margin-bottom: 40px;
    font-weight: normal;
}

#my-bank-accounts ul.message li {
    margin-top: 40px;
    border: 1px solid #FFCCAA;
}


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

    12. LOGIN

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

#login-page label {
    width: 150px;
}

#login-page p.password {
    margin-left: 160px;
    padding-bottom: 0px;
}

#login-page button {
    margin-left: 160px;
}

#login-page div.right {
    width: 350px;
    height: 150px;
    padding-left: 50px;
    border-left: 1px solid #aaaaaa;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
}

#login-page div.right h4 {
    background-color: #ffffff;
    padding: 0px;
}


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

    13. SCREENER

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


#screener-accounts {
    padding: 0px 0px 0px 14px;
    border: 0px;
    width: 595px;
}

#screener-accounts h1 {
    font-size: 1.0em;
    padding-top: 0px;
}

#screener-accounts h2 {
    line-height: 140%;
    padding-bottom: 20px;
    padding-top: 5px;
    font-size: .8em;
    font-weight: normal;
}

#screener-accounts h2 input.zip {
    font-size: 1.0em;
    width: 4.0em;
}

#screener-accounts h2 select {
    font-size: 1.0em;
    width: 6em;
}


#screener-accounts table {
    width: 595px;
}


#screener-accounts table th {
    padding: 8px;
    font-weight: bold;
    font-size: 0.9em;
    background-color: #ddeeff;
}

#screener-accounts table td {
    padding: 8px;
    vertical-align: top;
    height: 100px;
}

#screener-accounts table td div.yellow-box {
    background-color: #ffffff;
    padding-right: 10px;
    border-right: 1px solid #dddddd;
    text-align: center;
}

#screener-accounts table td.center {
    text-align: center;
    width: 86px;
    padding-right: 20px;
}

#screener-accounts table td.bank-info, #screener-accounts table th.bank-info {
    padding-left: 50px;
}

#screener-accounts table td span.small-bank-logo {
    border: 1px solid #aaccee;
    padding: 2px;
    text-align: center;
    width: 80px;
    height: 30px;
    display: block;
}

#screener-accounts table td span.small-bank-logo img {
    max-width: 80px;
    max-height: 30px;
}

#screener-accounts table td.footer {
    border-bottom: 0px;
}

#screener-accounts table td h4 {
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
}

#screener-accounts table td h5 {
    font-size: 0.7em;
    font-weight: normal;
    padding: 0px 0px 4px 0px;
}

#screener-accounts table td h6 {
    font-size: 1.0em;
    font-weight: normal;
    padding: 0px 0px 4px 0px;
}

#screener-accounts table td h6 a {
    text-decoration: underline;
}

#screener-accounts table td p {
    padding: 0px 0px 4px 0px;
    font-size: 0.75em;
    clear: left;
}

#screener-accounts table td p.no-break {
    white-space: nowrap;
}

#screener-accounts table td div.no-break {
    white-space: nowrap;
}

#screener-accounts table td p.left {
    float: left;
}

#screener-accounts table td span.left {
    float: left;
    margin: 3px 0px 0px 5px;

} 

#screener-accounts div.account-filter {
    width: 220px;
    margin: 0px 17px 30px 0px;
    padding: 0px;
    border: 0px;
    background-color: #ddeeff;
    float: left;
}

#screener-accounts div.account-filter h3 {
    background-color: #aaccee;
    padding: 8px;
    font-size: 0.9em;
}

#screener-accounts div.account-filter ul {
    list-style-type: none;
    padding-bottom: 10px;
}



#screener-accounts div.account-filter div.closed {
    display: none;
}

#screener-accounts div.account-filter ul li {
    margin-left: 8px;
    font-size: 0.75em;
    clear: left;
}

#screener-accounts div.account-filter ul li input {
}

#screener-accounts div.account-filter ul li span {
    height: 8px;
    width: 40px;
    background: transparent url(../img/health-score-icons-small-clear.gif) no-repeat scroll 0 0;
    display: block;
    _font-size: 1px;
    margin-top: 2px;
    margin-left: 25px;
}

#screener-accounts div.account-filter ul li span#health-choice-five { background-position: 0px 0px; width: 40px;}
#screener-accounts div.account-filter ul li span#health-choice-four { background-position: 0px -8px; width: 32px;}
#screener-accounts div.account-filter ul li span#health-choice-three { background-position: 0px -16px; width: 24px;}
#screener-accounts div.account-filter ul li span#health-choice-two { background-position: 0px -24px; width: 16px;}
#screener-accounts div.account-filter ul li span#health-choice-one { background-position: 0px -32px; width: 8px;}

#screener-accounts #balance-slider {
    float: right;
    width: 280px;
    padding-top: 10px;
    text-align: center;
}

#screener-accounts #balance-slider label {
    font-size: .8em;
}

#screener-accounts #balance-slider #id_balance_value {
    font-weight: bold;
}

#screener-accounts .ui-slider {
    background-color: #ddeeff;
    height: .6em;
    border: 1px solid #aaccee;
    margin-top: 10px;
}

#screener-accounts .ui-slider-tic {
    height: .5em;
    border: 1px solid #aaccee;
}

#screener-accounts .ui-slider-handle {
    height: 1.4em;
    border: 1px solid #6699cc;
    width: 1.2em;
    margin-left: -0.6em;
    top: -0.5em;
}

#id-no-results {
    text-align: center;
    margin: 25px;
    padding: 15px;
    background-color: #ffffcc;
    border: 1px solid #ffaa66;
}

#id_updating_dialog {
    display: none;
    background-color: #ffffcc;
    color: #000000;
    border: 10px solid #ffcc88;
    padding: 50px;
    text-align: center;
    font-size: 2.0em;
    font-weight: bold;
    z-index: 100;
    top: 150px;
    margin-left: 250px;
    position: fixed;
    width: 350px;
    _position: absolute; 
    _top: expression((150 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); 
    _right: expression((250 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
}

#screener-accounts table td ul {
    height: 20px;
    margin: 0px -8px;
    padding: 8px;
}

#screener-accounts table td ul li {
    height: 25px;
    display: block;
    font-size: 0.9em;
}

#screener-accounts table td ul li.left {
    float: left;
}

#screener-accounts table td ul li.right {
    float: right;
    font-weight: bold;
}

#id-help-bank-size table {
    margin: 15px 0px 20px 40px;
    width: 400px;
    font-size: .85em;
}

#id-help-bank-size table td {
    padding: 8px;
    border-bottom: 1px solid #aaccee;
}


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

    14. WRITE REVIEW

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

#write-review ul li {
    clear: left;
    padding: 10px 0px 0px 0px;
}

#write-review ul li label {
    display: block;
    float: left;
    width: 220px;
    padding: 4px 10px 0px 0px;
    text-align: right;
}

#write-review ul li select {
    font-size: 1.0em;
}

#write-review ul li input {
    font-size: 1.0em;
    width: 300px;
}


#write-review ul li.stars span {
    padding: 4px 0px 0px 0px;
    display: block;
    float: left;
}

#write-review ul li button {
    margin: 0px 0px 0px 230px;
}

#write-review ul li ul.errorlist {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#write-review ul li ul.errorlist li {
    clear: both;
    padding: 5px 0px 10px 230px;
    margin: 0px 0px 0px 0px;
    font-size: 0.8em;
    color: #ff0000;
}




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

    14. REVIEW ACCOUNT

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

#review-account h2 {
    font-size: 1.0em;
    margin-top: 25px;
    padding-bottom: 5px;
}

#review-account h5 {
    line-height: 120%;
}

#review-account h3 {
    padding-top: 20px;
    font-size: 1.0em;
}

#review-account ul.links {
    padding-top: 15px;
}

#review-account ul.links li {
    padding-bottom: 15px;
}

#review-account label {
    width: 160px;
    height: 25px;
}

#review-account button {
    margin-left: 170px;
}

#review-account ul.errorlist {
    padding-left: 170px;
}

#review-account h6 {
    padding-top: 4px;
    font-size: 1.0em;
    float: left;
}

#review-account span {
    display: block;
    height: 20px;
    float: left;
}

#review-account span div {
    margin: 4px 2px;
}

#review-account input#id_title {
    width: 400px;
}

#review-account textarea {
    width: 400px;
    height: 120px;
}

#review-account #upsell-review {
    float: right;
    width: 370px;
    border: 1px solid #6699cc;
    padding: 15px 15px;
    background-color: #ddeeff;
    margin: 20px 0px 20px 20px;
    margin-bottom: 20px;
}

#review-account #upsell-review h2 {
    margin-top: 0px;
}

#review-account #upsell-review input#id_title {
    width: 200px;
}

#review-account #upsell-review textarea {
    width: 200px;
    height: 80px;
}

#review-account #upsell-review label {
    width: 130px;
}

#review-account #upsell-review button {
    margin-left: 140px;
    margin-bottom: 20px;
}

#review-account #upsell-review ul.errorlist {
    padding-left: 140px;
}

#review-account h4.watched-account {
    border: 1px solid #ffaa66;
    background-color: #ffffcc;
    padding: 15px;
    margin: 25px 100px 25px 100px; 
    text-align: center;
}


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

    15. BANK HEALTH

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

#institution-health {
    width: 595px;
}

#institution-health a.overall-score {
    float: right;
    margin: 0px 0px 10px 25px;
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #6699cc;
}

#institution-health a.overall-score:hover {
    border: 1px solid #5588bb;
    background-color: #eeeeee;
    cursor: pointer;
}

#institution-health a.overall-score span {
    display: block;
    width: 100px;
    height: 100px;
    font-size: 5em;
    font-weight: bold;
    line-height: 100px;
    padding: 0px;
    margin: 5px 0px;
    text-align: center;
    color: #000000;
}

#institution-health a.overall-score p {
    text-align: center;
    font-size: 0.75em;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    width: 100px;
    color: #000000;
}

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

#institution-health p.alert {
    font-weight: bold;
    color: #ff0000;
}

#institution-health p.alert a {
    color: #FF0000;
}

#institution-health h3 {
    background-color: #eeeeff;
    font-size: 1.1em;
    font-weight: normal;
    padding: 5px 3px;
    margin: 5px 0px 10px 0px;
    clear: both;
}

#institution-health h3 a {
    color: #000000;
    text-decoration: none;
}

#institution-health table {
    width: 100%;
    margin: 0px 0px 15px 0px;
}

#institution-health table td {
    height: 60px;
    vertical-align: middle;
    border-bottom: 1px solid #aaccee;
}

#institution-health table td.letter {
    width: 60px;
}

#institution-health table td.letter a {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #aaccee;
    margin-right: 20px;
    text-decoration: none;
    color: #aaccee;
}

#institution-health table td.letter a:hover {
    color: #6699cc;
    background-color: #eeeeee;
    border: 1px solid #6699cc;
    cursor: pointer;
}

#institution-health table td h5 {
    font-size: 1.0em;
    font-weight: bold;
    padding: 0;
    margin: 0;
    float: left;
}

#institution-health table td h5 a {
    text-decoration: none;
}

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

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

#institution-health table td.red-notes a {
    color: #ff0000;
    font-size: .8em;
}


#institution-health table td p {
    padding: 3px 0px 0px 0px;
    margin: 0;
    clear: left;
}

#institution-health table td label {
    width: 60px;
    text-align: right;
    float: left;
    font-size: .7em;
    padding-right: 3px;
    padding-top: 2px;
    display: none;
}

#institution-health table td p.health-score {
    font-size: .7em;
    padding-left: 2px;
}

#institution-health table td p.health-score a {
    text-decoration: none;
}

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

#institution-health table td span.five { background-position: 0px 0px; }
#institution-health table td span.four { background-position: 0px -16px; }
#institution-health table td span.three { background-position: 0px -32px; }
#institution-health table td span.two { background-position: 0px -48px; }
#institution-health table td span.one { background-position: 0px -64px; }
#institution-health table td span.none { background-position: 0px -80px; }

#institution-health div.more-health-information {
    padding: 0px 3px;
}

#institution-health div.more-health-information h4 {
    padding: 10px 0px;
    font-size: 0.9em;
    line-height: 140%;
}

#institution-health div.more-health-information h4 span {
    padding: 3px;
}

#institution-health div.more-health-information ul.holding-company {
    padding: 0px 0px 20px 20px;
}

#institution-health div.more-health-information ul.holding-company li {
    font-size: .8em;
    line-height: 120%;
    padding: 10px;
    list-style-type: disc;
}

#institution-health div.more-health-information ul.holding-company li.red-bullet {
    color: #ff0000;
    font-weight: bold;
}


#institution-health div.more-health-information div {
    margin-right: 0px;
}

#institution-health div.more-health-information div h6 {
    font-size: 0.9em;
    padding: 10px 0px;
}

#institution-health div.more-health-information div img {
    padding: 0px;
    border: 0px solid #6699cc;
    margin: 5px 0px 0px -25px;
}

#institution-health div.more-health-information div img.historical-health-chart {
    margin: 5px 0px 0px 0px;
}

#institution-health div.more-health-information div ul {
    width: 300px;
    height: 40px;
}

#institution-health div.more-health-information div ul li {
    font-size: 1.0em;
    padding: 5px;
    margin: 0px 15px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #6699cc;
    clear: none;
    float: left;
    font-weight: bold;
}

#institution-health div.more-health-information div ul li.ie-bug {
    _margin-left: 12px;
}

#institution-health div.more-health-information table {
    width: 270px;
    float: right;
    margin: 10px 0px 0px 0px;
}

#institution-health div.more-health-information table th {
    font-weight: bold;
    font-size: 0.9em;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #ddeeff;
}

#institution-health div.more-health-information table td {
    height: 40px;
    width: 235px;
    border-bottom: 1px solid #ddeeff;
    vertical-align: middle;
    padding: 0px;
}

#institution-health div.more-health-information table td.right {
    width: 35px;
}

#institution-health div.more-health-information table td h6 {
    font-size: 0.9em;
    padding: 5px;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background-color: #99dd99;
}

#institution-health div.more-health-information table td h6.yellow {
    background-color: #FFCC66;
}

#institution-health div.more-health-information table td h6.red {
    background-color: #CC3333;
}

#institution-health div.more-health-information table td p {
    font-size: 0.75em;
}



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

    16. CD DETAIL PAGE

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

#cd-detail-page div.account-header {
    width: 595px;
}

#cd-detail-page h1 {
    padding-bottom: 10px;
}

#cd-detail-page h2 {
    font-weight: normal;
    font-size: 1.1em;
    padding-bottom: 10px;
}

#cd-detail-page h3 {
    font-weight: normal;
    font-size: 0.9em;
    padding-bottom: 10px;
}

#cd-detail-page h4 {
    font-size: 1.0em;
    font-weight: bold;
    padding: 6px 10px;
    border-bottom: 5px solid #ffffff;
    border-top: 15px solid #ffffff;
    background-color: #ddeeff;
    margin: 0px;
}

#cd-detail-page h5 {
    font-size: 0.8em;
}

#cd-detail-page h6 {
   padding: 0px;
   font-size: 1.0em;
   font-weight: bold;
}

#cd-detail-page p {
    padding: 0px 0px 15px 0px;
}

#cd-detail-page table {
    width: 100%;
}

#cd-detail-page table th {
    font-size: 1.0em;
    font-weight: bold;
    padding: 6px 10px;
    border-bottom: 5px solid #ffffff;
    border-top: 15px solid #ffffff;
    background-color: #ddeeff;
}

#cd-detail-page table td {
    font-size: 0.75em;
    font-weight: normal;
    border-bottom: 1px solid #aaccee;
    padding: 6px 10px;
    vertical-align: middle;
}

#cd-detail-page table td span.help-icon {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    float: none;
}

#cd-detail-page table th.cd-rates-header {
    font-size: 0.8em;
    background-color: #ffffff;
    border-bottom: 1px solid #aaccee;
    border-top: 0px;
    vertical-align: bottom;
}

#cd-detail-page table th.small {
    font-size: 0.6em;
    font-weight: normal;
    padding: 6px 1px;
}

#cd-detail-page table td.small {
    font-size: .75em;
    padding: 6px 1px;
}

#cd-detail-page p.zip {
    font-size: .7em;
    margin: 10px 0px 0px 10px;
}

#cd-detail-page table td.account-review {
    font-size: 100%;
    font-weight: normal;
    border-bottom: 1px solid #aaccee;
}

#cd-detail-page div.review-section {
    padding: 6px 10px;
}

#cd-detail-page div.review-section li.reviews div {
    float: left;
}

#cd-detail-page div.review-section li.reviews h6 {
    font-size: 1.0em;
    float: left;
}

#cd-detail-page div.review-section span.write-review-link {
    font-size: .8em;
    padding-left: 10px;
    font-weight: normal;
}

#cd-detail-page div.review-section li.reviews p {
    padding-top: 0px;
    padding-bottom: 12px;
    clear: left;
}

#cd-detail-page div.review-section li.reviews p.post-info {
    font-weight: bold;
    padding-bottom: 40px;
}



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

    17. ADD NOTES

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

#add-notes-page h5 {
    padding-bottom: 15px;
    clear: left;
}

#add-notes-page h6 {
    padding-top: 30px;
}


#add-notes-page textarea {
    height: 100px;
    width: 300px;
}

#add-notes-page label {
    width: 150px;
}

#add-notes-page ul.errorlist {
    padding-left: 160px;    
}

#add-notes-page button {
    margin-left: 160px;
    margin-bottom: 40px;
    float: left;
}

#add-notes-page ul.notes-history {
    padding-left: 20px;
}

#add-notes-page ul.notes-history li {
    list-style-type: disc;
    list-style-position: outside;
    padding: 0px 0px 15px 0px;
    line-height: 140%;   
    font-size: .8em;
}

#add-notes-page ul.notes-history li span {
    font-size: .8em;
}


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

    18. BRANCHES

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

#bank-branches h1 {
    padding-top: 0px;
}

#bank-branches h2 {
    font-size: 1.0em;
    padding-bottom: 20px;
    padding-top: 20px;
}

#bank-branches h3 {
    float: left;
    border: 1px solid #aaccee;
    padding: 5px;
    font-size: 1.0em;
    color: #aaccee;
    margin: 0px 10px 80px 0px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

#bank-branches h3:hover {
    color: #6699cc;
    background-color: #eeeeee;
    border: 1px solid #6699cc;
    cursor: pointer;
}

#bank-branches h5 {
    padding-bottom: 25px;
}

#bank-branches h6 {
    padding: 5px 0px 0px 0px;
    font-weight: bold;
    line-height: 140%;
}

#bank-branches ul li {
    padding-bottom: 30px;
    clear: left;
}

#bank-branches p {
    padding: 5px 0px 0px 0px;
}

#bank-branches #id_map_canvas {
    width: 580px;
    height: 350px;
}

#bank-branches #id_map_canvas p {
    padding: 0px 0px 0px 0px;
}

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

    19. BLOG POSTS

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

#blog-posting {
    width: 580px;
    border-right: 1px solid #aaccee;
    padding-right: 20px;
    margin-right: 0px;
}

#blog-posting h4 {
    background-color: #ddeeff;
    padding: 8px 5px;
    margin: 20px 0px 10px 0px;
}

#blog-posting p {
    font-size: .9em;
    padding: 0px 0px 15px 0px;
}

#blog-posting p.comments-link {
    float: right;
    font-weight: bold;
}

#blog-posting span.comment {
    padding: 0px 5px 5px 5px;
    display: block;
}
#blog-posting p.post-info {
    padding: 0px 5px 10px 5px;
    font-size: .7em;
    font-weight: bold;
    color: #444444;
    border-bottom: 0px solid #aaccee;
    margin-bottom: 15px;
}

#blog-posting ul li label {
    width: 100px;
    font-size: .9em;
}

#blog-posting button {
    margin-left: 110px;
}

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

    20. BLOG MAIN PAGE

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


#blog-main-page {
    width: 580px;
    border-right: 1px solid #aaccee;
    padding-right: 20px;
    margin-right: 0px;
}

#blog-main-page h2 {
    font-size: .9em;
    font-weight: normal;
    margin-bottom: 5px;
}

#blog-main-page h3 {
    font-size: 1.1em;
    padding: 20px 0px 5px 0px;
    clear: left;
}

#blog-main-page p {
    font-size: .9em;
    padding-bottom: 10px;
}

#blog-main-page p.byline {
    font-size: .7em;
    font-weight: bold;
}

#blog-main-page table {
    width: 100%;
    margin-top: 30px;
}

#blog-main-page table td {
    border-top: 1px solid #aaccee;
    padding: 20px 0px;
}

#blog-main-page table td.right {
    text-align: right;
    font-weight: bold;
}



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

    21. EDIT ACCOUNT

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

#edit-account-page h4 {
    padding: 20px 0px;
}

#edit-account-page input {
    width: 75px;
}

#edit-account-page #id_apply_url {
    width: 500px;
}


#edit-account-page label {
    text-align: left;
}

#edit-account-page table {
    width: 100%;
}

#edit-account-page table th {
    font-weight: bold;
    padding: 8px 4px;
    border-top: 16px solid #ffffff;
    font-size: .85em;
    background-color: #ddeeff;
}

#edit-account-page table td {
    padding: 8px 4px;
    border-bottom: 1px solid #aaccee;
    font-size: .85em;
}

#edit-account-page table td select {
    width: 150px;
}

#edit-account-page table td.errors {
    border-bottom: 0px;
    padding-bottom: 0px;
}

#edit-account-page table td.errors ul.errorlist {
    display: inline;
    padding: 0px;
    margin: 0px;
}

#edit-account-page table td.errors ul.errorlist li {
    display: inline;
    white-space: nowrap;
    font-size: 1.0em;
}

#edit-account-page span.help-icon {
    margin: 0px;
}

#edit-account-page button {
    margin: 20px 0px 0px 0px;
}

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

    20. BANKS WATCHED

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


#banks-watched h5 {
    padding-bottom: 30px;
}

#banks-watched ul li {
    width: 450px;
    font-size: .9em;
    float: left;
    padding: 5px 0px;
}

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

    21. RATE ALERT SEARCH

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


#rate-alert-search #alert-search {
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    margin: 30px 20px 30px 20px;
}


#rate-alert-search ul.search-accounts {
    padding: 10px 0px 15px 0px;
}

#rate-alert-search ul.search-accounts li {
    margin-top: 5px;
}

#rate-alert-search ul.search-accounts li label {
    width: 150px;
    font-weight: bold;
}

#rate-alert-search span.zip {
    font-size: 0.7em;
    padding: 0px 0px;
    display: inline;
}

#rate-alert-search input {
    width: 350px;
    font-size: 1.0em;
}

#rate-alert-search select {
    font-size: 1.0em;
}

#rate-alert-search button {
    display: inline;
    margin: 0px 0px 0px 10px;
}

#rate-alert-search h4 {
    margin-bottom: 15px;
    padding: 8px 6px;   
    background-color: #eeeeff;
}

#rate-alert-search table {
    width: 100%;
    margin-bottom: 30px;
}

#rate-alert-search table tr td {
    border-bottom: 1px solid #aaccee;
    padding: 8px 6px;   
    font-size: 0.8em;
}

#rate-alert-search table tr th {
    padding: 8px 6px;
    font-weight: bold;   
    font-size: 0.8em;
    border-bottom: 1px solid #aaccee;
}

#rate-alert-search table tr td button {
    margin: 0px;
}

#rate-alert-search table tr td.left-paging {
    font-size: 1.0em;
    padding: 20px 6px 0px 6px;
    border-bottom: 0px;
}

#rate-alert-search table tr td.right-paging {
    font-size: 1.0em;
    padding: 20px 6px 0px 6px;
    text-align: right;
    border-bottom: 0px;
}

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

    23. CONTACT PAGE

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


#contact-page #contact-address {
    float: right;
    width: 300px;
    margin-top: 20px;
    border-left: 1px solid #aaccee;
    height: 250px;
    padding-left: 80px;
}

#contact-page #contact-address li {
    font-size: .9em;
}

#contact-page #contact-address li.list-header {
    font-size: 1.0em;
    font-weight: bold;
}

#contact-page form {
    padding-top: 20px;
}

#contact-page label {
    width: 150px;
}

#contact-page select {
    font-size: 1.0em;
}

#contact-page input {
    width: 300px;
}

#contact-page textarea {
    width: 300px;
    height: 150px;
}

#contact-page button {
    margin-left: 160px;
    margin-bottom: 20px;
}

#contact-page ul.errorlist {
    clear: left;
    padding-left: 160px;
}

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

    24. INSTITUTION RATES

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

#institution-rates {
    width: 595px;
}


#institution-rates p {
    padding: 0px;
    margin: 0px;
}

#institution-rates a {
    text-decoration: underline;
}

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

#institution-rates h5 {
    font-weight: bold;
    font-size: 1.0em;
    margin: 0px;
    border-bottom: 1px solid #6699cc;
    clear: left;
    padding: 25px 0px 5px 0px;
}

#institution-rates div {
    border: 1px solid #aaccee;
    padding: 10px;
    width: 260px;
    margin: 15px 15px 0px 0px;
    float: left;
}

#institution-rates div h6 {
    margin: 0px 0px 10px 0px;
}

#institution-rates div table {
    width: 260px;
    margin: 0px;
}


#institution-rates div.cd {
    width: 573px;
}

#institution-rates div.cd table {
    width: 573px;
}

#institution-rates div table th {
    color: #888888;
    text-transform: uppercase;
    border-bottom: 1px solid #aaccee;
    font-size: .7em;
}

#institution-rates div table td {
    font-size: .8em;
    line-height: 140%;
    border-bottom: 1px solid #aaccee;
}

#institution-rates div table td.rates {
    width: 30%;
}

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

    25. RATE HISTORY

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

#rate-history p {
    font-size: .8em;
    margin: 0px 2px;
    padding: 0px 0px 20px 0px;
}

#rate-history div {
    float: left;
    margin: 10px 0px 20px 0px;
    width: 40%;
    border: 1px solid #aaccee;
    padding: 10px;
}

#rate-history img {
    float: left;
    margin: 20px 15px;
}

#rate-history h6 {
    font-size: 1.0em;
    font-weight: bold;
    border-top: 1px dotted #aaccee;
    margin: 0px;
    padding: 15px 3px 0px 3px;
}

#rate-history h6.no-line {
    border-top: 0px;
    padding: 0px 3px;
}

#rate-history div table {
    width: 100%;
}

#rate-history div h6 {
    padding: 0px 0px 10px 0px;
    border-top: 0px;
}

#rate-history div p {
    font-size: 0.7em;
    margin: 10px 0px;
    padding: 0px;
    color: #666666;
}

#rate-history div table tr th {
    color: #888888;
    text-transform: uppercase;
    font-size: .7em;
    border-bottom: 1px solid #aaccee;
    line-height: 140%;
}

#rate-history div table tr td {
    font-size: .8em;
    border-bottom: 1px solid #aaccee;
    line-height: 140%;
}

#rate-history div table tr td span {
    background-color: #ffffcc;
}

#rate-history div.one-table table {
    float: none;
}

#rate-history div.one-table {
    border-bottom: 0px dotted #aaccee;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}

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

    26. COMPARE PAGE

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

#compare-accounts a {
    text-decoration: underline;
}

#compare-accounts table {
    margin-top: 20px;
    width: 100%;
}


#compare-accounts table tr th {
    padding: 5px 0px;
    line-height: 140%;
    font-size: .8em;
    vertical-align: top;
    text-align: center;
}


#compare-accounts table tr td {
    border-bottom: 1px dashed #aaccee;
    padding: 5px 2px;
    line-height: 140%;
    font-size: .7em;
    vertical-align: top;
    text-align: center;
}

#compare-accounts table tr td span.big-rate {
    font-size: 2.5em;
    font-weight: bold;
    display: block;
    padding: 10px 0px;
}


#compare-accounts table tr td table {
    margin: 0px;
}

#compare-accounts table tr td table tr td {
    text-align: left;
    font-size: 1.0em;
    border-bottom: 1px solid #aaccee;
    padding: 2px 0px;
    margin: 0px;
}

#compare-accounts table tr td table tr th {
    text-align: left;
    font-size: 1.0em;
    border-bottom: 1px solid #aaccee;
    padding: 2px 0px;
    margin: 0px;
    font-weight: bold;
}

#compare-accounts table tr td.left {
    text-align: left;
}

#compare-accounts table tr td.header {
    font-weight: bold;
    font-size: 0.7em;
    padding: 3px 2px;
    border-top: 15px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    background-color: #eeeeff;
}



#compare-accounts table tr td img.check {
    width: 15px;
}




#compare-accounts span.compare-logo {
    display: block;
    width: 120px;
    height: 40px;
    border: 1px solid #aaccee;
    padding: 5px;
    text-align: center;
    line-height: 40px;
    margin: 0px auto 10px auto;
}

#compare-accounts span.compare-logo img {
    max-height: 100%;
    max-width: 100%;
    _height: 100%;
    _width: 100%;
}

#compare-accounts table tr td span.small-type {
    font-size: .9em;
    color: #888888;
    display: block;
}