body { background: #1c2a4c; color: white; font-family: Myriad Pro; font-size: 14px; }
        h2 { font-size: 14px; font-weight: lighter; }
        #login { min-width: 270px; padding-top: 100px; margin: 50px auto 0 auto; display: table; background: url(fpalogo.png) no-repeat top center; }
        /*.popup { margin: 150px auto 0 auto;}*/
        .popup { width: 100%; }
        .popup .top,
        .popup .bottom,
        .popup .bottom td,
        .popup .top td { height: 8px; }

        .popup.google, .popup.facebook { margin-top: 5px; width: 100%; }
        .popup.google .s, .popup.facebook .s { width: 8px; }
        .popup td.g, .popup td.f { visibility: hidden; }
        .popup.google td.g,
        .popup.facebook td.f { visibility: visible; }

        .popup .top .tl,
        .popup .bottom .bl,
        .popup .content .cl { width: 10px; }

        .popup .top .tr,
        .popup .bottom .br,
        .popup .content .cr { width: 8px; }

        .popup .top .tr { background: url(bg-rt.png) no-repeat right -1px;}
        .popup .top .tl { background: url(bg-lt.png) no-repeat left -1px;}
        .popup .top .t { background: url(bg-t.png) repeat-x 0 -1px;}

        .popup .bottom .br { background: url(bg-rb.png) no-repeat;}
        .popup .bottom .bl { background: url(bg-lb.png) no-repeat;}

        .popup .content .cr,
        .popup .content .cl,
        .popup .bottom .b,
        .popup .content > .c { background: url(bg.png); }
        .popup .content > .c { padding: 10px; }

        .message { display: none; }
        .message .popup .tr { background: url(popup-rt.png) no-repeat right 0px;  width: 9px; height: 7px;}
        .message .popup .tl { background: url(popup-lt.png) no-repeat left 0px; width: 9px; height: 7px;}
        .message .popup .t { background: url(popup-bg.png) repeat 0 -1px; height: 7px;}
        .message .popup .content td { background: url(popup-bg.png) repeat; }

        .message .popup .bottom .br { background: url(popup-rb.png) no-repeat; height: 7px; }
        .message .popup .bottom .bl { background: url(popup-lb.png) no-repeat; height: 7px; }
        .message .popup .bottom .b { background: url(popup-bg.png) repeat; height: 7px;}

        .message .popup .top .tl,
        .message .popup .bottom .bl,
        .message .popup .content .cl { width: 9px; }

        .message .popup .top .tr,
        .message .popup .bottom .br,
        .message .popup .content .cr { width: 9px; }

        .message .msg { text-align: center; }

        .popup .content .cr,
        .popup .content .cl,
        .popup .bottom .b,
        .popup .content > .c { background: url(bg.png); }

        .tabs { cursor: pointer; xposition: absolute; height: 43px; margin: 0 auto 0; width: 220px;}
        .tab .top,
        .tab .top td { height: 8px; }
        .tab .top .l { width: 10px; }
        .tab .top .r { width: 8px; }
        .tab .top .tr { width: 8px; background: url(bg-rt.png) no-repeat right -1px;}
        .tab .top .tl { width: 10px; background: url(bg-lt.png) no-repeat left -1px;}
        .tab .top .t { background: url(bg-t.png) repeat-x 0 -1px;}
        .tab .label td { font-weight: bold; font-style: italic; font-size: 22px; vertical-align: top; background: url(bg.png); height: 35px; padding-bottom: 0px; white-space: nowrap; }
        .tabs .s { width: 6px; padding: 0 !important; background: transparent !important;}

        #login.login .tabs .signup { background: none !important; color: #172028; }
        #login.signup .tabs .login { background: none !important; color: #172028; }

        div.padder.button { padding-top: 5px; display: inline; }
        table.button { cursor: default; font-size: 20px; font-weight: bold; }
        table.button.green td { height: 40px; }
        table.button.green .l { width: 11px; background: url(button-green-l.png) no-repeat; }
        table.button.green .r { width: 20px; background: url(button-green-r.png) no-repeat; }
        table.button.green .c { vertical-align: baseline; min-width: 55px; text-align: center; padding: 6px 5px 0; background: url(button-green-bg.png) repeat-x; }

        table.button.yellow td { height: 40px; color: black; }
        table.button.yellow .l { width: 5px; background: url(button-yellow-l.png) no-repeat; }
        table.button.yellow .r { width: 18px; background: url(button-yellow-r.png) no-repeat; }
        table.button.yellow .c { min-width: 60px; text-align: center; padding: 0 5px; background: url(button-yellow-bg.png) repeat-x; }

        #signup-submit { margin: 0px auto; }
        .content input[type=text],
        .content input[type=password] { vertical-align: top; width: 180px; border: 0; color: #909090; font-size: 18px; xpadding: 5px; xmargin: 4px  5px 4px 0 ; }
        .content .signup input[type=text],
        .content .signup input[type=password] { width: 220px; }
        .content .signup .input { margin: 0px 80px; }
        .content .signup { text-align: center; }
        .login input.email-reminder { width: 380px; }
        .rememberme, .forgot { width: 200px; float: left; }
        br { float: none; clear: both; }
        a { color: white; }

        #login.login .content .signup, #login.signup .content .login,
        #login.signup .popup.facebook, #login.signup .popup.google { display: none; }
        .reminder { display: none; }


        .content.login-facebook,
        .content.login-google { font-size: 16px; cursor: pointer; }
        .content.login-facebook .c,
        .content.login-google .c { padding: 0 5px 0 0; min-width: 200px;}
        .content.login-facebook img { vertical-align: middle; margin-right: 5px; }
        .content.login-google img { vertical-align: middle; margin-right: 5px; }

        .input { display: inline-block; margin-right: 10px; vertical-align: top; xwidth: 150px; padding-left: 4px; background: url(input-l.png) no-repeat; }
        .input .r { xwidth: 150px; padding-right: 3px; background: url(input-r.png) no-repeat right top; }
        .input input { height: 36px; border: 0; background: url(input-bg.png) repeat-x; }

        .message { z-index: 100000000; margin-left: -250px; position: absolute; left: 50%; top: 230px; width: 500px; }
        .message .popup { width: 100%; }

        .message #button-ok { margin: 10px auto 0; display: table; }
        #overlay { display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px;}