﻿
* { margin: 0; padding: 0; font-family: Arial, Helvetica, Sans-Serif, Serif; }
html { margin: 0; padding: 0; text-align: center; }
body { position: relative; margin: 0; padding: 20px 0; text-align: center; background-color: #E7E7E7; }

img, div, input { behavior: url(../css/iepngfix.htc) }

img { border: none; }
.hide { display: none !important; }

.success { color: green !important; font-weight: bold; }
    .success a, .success a:link { color: green !important; text-decoration: underline; }
    .success a:hover { text-decoration: none; }

.error { color: red !important; font-weight: bold; }
    .error a, .error a:link { color: Red !important; text-decoration: underline; }
    .error a:hover { text-decoration: none; }

.messageSuccess { float: left; width: 459px; color: #009800 !important; background-color: #D4F0D4; border: 1px solid #009800; margin: 0 0 20px 0; padding: 10px; }
    .messageSuccess p { width: 459px !important; font-size: 0.8em !important; margin: 0 !important; padding: 0 !important; }
    .messageSuccess a, .messageSuccess a:link { color: #009800 !important; text-decoration: underline; }
    .messageSuccess a:hover { text-decoration: none; }
    
.messageAlert { float: left; width: 717px; color: #484848 !important; background-color: #FFFFC6; border: 1px solid #FFB900; margin: 20px 0 20px 20px; padding: 10px; }
    .messageAlert p { width: 717px !important; font-size: 0.8em !important; margin: 0 !important; padding: 0 !important; }
    .messageAlert a, .messageAlert a:link { color: #484848 !important; text-decoration: underline; }
    .messageAlert a:hover { text-decoration: none; }

.messageError { float: left; width: 459px; color: #AD0000 !important; background-color: #FBE0E0; border: 1px solid #AD0000; margin: 0 0 20px 0; padding: 10px; }
    .paymentError p { width: 459px !important; font-size: 0.8em !important; margin: 0 !important; padding: 0 !important;  }
    .paymentError a, .error a:link { color: #009800 !important; text-decoration: underline; }
    .paymentError a:hover { text-decoration: none; }

.paymentError { float: left; width: 676px; color: #AD0000 !important; background-color: #FBE0E0; border: 1px solid #AD0000; margin: 0 0 20px 0; padding: 10px; }
    .paymentError p { width: 676px !important; font-size: 0.8em !important; margin: 0 !important; padding: 0 !important; }
    .paymentError a, .error a:link { color: #AD0000 !important; text-decoration: underline; }
    .paymentError a:hover { text-decoration: none; }

.divPageContainer { position: relative; width: 778px; margin: auto; padding: 0; text-align: left; z-index: 0 !important; }

.divHeaderMenu_Container { float: left; width: 778px; margin: 0; padding: 10px 0; color: #043172; text-align: center; font-weight: bold; }
    .divHeaderMenu_Container ul { width: 778px; margin: 0; padding: 0; list-style-type: none; font-size: 0.8em; }
        .divHeaderMenu_Container ul li { display: inline; margin: 0 8px 0 0; padding: 0 0 0 10px; border-left: 1px solid #043172; }
            .divHeaderMenu_Container ul li.liFirstItem { padding: 0; border: none; }
            .divHeaderMenu_Container ul li.liHighlight { color: Red !important; }
                .divHeaderMenu_Container ul li.liHighlight a, .divHeaderMenu_Container ul li.liHighlight a:link { color: Red !important; }
            .divHeaderMenu_Container ul li a, .divHeaderMenu_Container ul li a:link { color: #043172; text-decoration: none; }
            .divHeaderMenu_Container ul li a:hover { text-decoration: underline; }

    .divHeader_Login { position: absolute; right: 22px; width: 190px; height: 178px; margin: 0; padding: 15px 0 0 0; color: #043172; font-size: 0.8em;  }
        .divHeader_Login h2 { display: block; margin: 0; padding: 0 0 10px 0; font-size: 1.5em; font-weight: normal; color: #FFFFFF; }
        .divHeader_Login ul { width: 190px; margin: 0; padding: 0; }
            .divHeader_Login ul li { width: 190px; margin: 0; padding: 0 0 5px 0; list-style-type: none; }
                .divHeader_Login ul li label { float: left; width: 190px; margin: 0; padding: 0 0 2px 0; }
                .divHeader_Login ul li input { margin: 0; padding: 0; }
                .divHeader_Login ul li.liButtonRow { float: left; width: 190px; margin: 0; padding: 10px 0 5px 0; }
                    .divHeader_Login ul li.liButtonRow input { margin: 0; padding: 0; }
        .divHeader_Login a, .divHeader_Login a:link { margin: 0; padding: 0; font-weight: bold; }
        .divHeader_Login .liPasswordRecoery { float: left; padding: 10px 0 0 0; }

        .divAccountInfo h2 { font-size: 1.5em; display: block !important; color: #FFFFFF; }

        .divHeader_Login .divError { position: absolute; top: 145px; right: -1px; width: 209px; height: 180px; background: url(../images/layout/general_passwordbackground.png) bottom right no-repeat; color: #FF0000; text-align: left; font-size: 1.0em; font-weight: bold; z-index: 1; }
            .divHeader_Login .divError p { margin: 0; padding: 10px 20px 10px 20px; }
            .divHeader_Login .divError .spaInfo { float: left; margin: 10px 0 0 0; color: #043172; font-size: 0.9em; }
            .divHeader_Login .divError a, .divFeaturedMember_Container .divHeader_Login .divError a:link { color: #FFFFFF; text-decoration: none; }
            .divHeader_Login .divError  a:hover { text-decoration: underline; }

.divBody_Container { float: left; position: relative; background-color: #FFFFFF; }

.divFooterMenu_Container { float: left; width: 778px; margin: 0; padding: 15px 0 0 0; color: #043172; text-align: center; font-weight: bold; }
    .divFooterMenu_Container ul { width: 778px; margin: 0; padding: 0; list-style-type: none; font-size: 0.8em; }
        .divFooterMenu_Container ul li { display: inline; margin: 0 8px 0 0; padding: 0 0 0 10px; border-left: 1px solid #043172; }
            .divFooterMenu_Container ul li.liFirstItem { padding: 0; border: none; }
            .divFooterMenu_Container ul li a, .divFooterMenu_Container ul li a:link { color: #043172; text-decoration: none; }
            .divFooterMenu_Container ul li a:hover { text-decoration: underline; }

.divFooterIcon_Container { float: left; width: 738px; height: 70px; margin: 20px 0 0 0; padding: 0 20px 0 20px; color: #043172; z-index: 0; }
    .divFooterIcon_Container .divCardLogos { position: absolute; left: 20px; line-height: 50px; }
        .divFooterIcon_Container .divCardLogos img { margin: 0 10px 0 0; vertical-align: middle; }
    .divFooterIcon_Container .divAffiliation { position: absolute; right: 10px; line-height: 50px; }
        .divFooterIcon_Container .divAffiliation img { margin: 0 0 0 10px; vertical-align: middle; }

    .divFooter_Container { float: left; width: 778px; margin: 0 0 20px 0; padding: 20px 0; background-color: #989BA0; color: #FFFFFF; text-align: center; font-size: 0.8em; }
        .divFooter_Container p { margin: 0; padding: 0 0 2px 0; }


.dupfix {
    float: left;
    width: 1px;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
}