html, body { height: 100%; }

.wrapper { min-height: 100%; height: 670px !important; height: 100%; margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */ }

.footer { height: 80px; /* .push must be the same height as .footer */ background-color: #fff; }

body { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDNkNGQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d3d4d4 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#d3d4d4)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#d3d4d4 100%); background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#d3d4d4 100%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#d3d4d4 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#d3d4d4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d4d4',GradientType=1 ); }

.top-bar { height: 80px; background-color: #FFF; box-shadow: 0px 1px 5px rgb(136, 136, 136); }

.pf-block { height: 80px; background-color: #fff; box-shadow: 0px -1px 5px rgb(136, 136, 136); }

    .pf-block .content { width: 960px; margin: 0 auto; }

.pf-info { float: left; margin-top: 15px; }

    .pf-info .spacer { height: 36px; float: left; display: inline-block; margin: 7px 20px 0 20px; border-right: 1px solid #BBB; background: url('/Style/Default/Images/logo_trans.gif') no-repeat 0 0; background-size: contain; width: 136px; }

    .pf-info .statement { float: left; width: 190px; color: #686868; }

        .pf-info .statement .main { display: block; font-weight: bold; }

        .pf-info .statement .s { display: block; margin: -5px 0; font-size: 11px; }

.pf-links { line-height: 80px; vertical-align: middle; float: right; }

    .pf-links a { margin-left: 50px; }

a { color: #555; text-decoration: none; font-size: 10pt; }

    a:hover { color: #e75825; }

.login-block { text-align: center; color: rgb(153, 153, 153); position: absolute; top: 50%; left: 50%; height: 475px; width: 320px; margin-top: -330px; margin-left: -160px; }

    .login-block .Row { overflow: hidden; }

    .login-block .CheckBox { float: left; }

    .login-block .Legal { font-size:8pt;color:#555;}
    .login-block .Legal a{font-size:8pt;}

.Logo { display: block; clear: both; width: 320px; height: 150px; background-size: contain; margin: 0 0 30px 0; background-repeat: no-repeat; background-position: center center; }

.login { text-align: initial; width: 280px; background-color: #fff; box-shadow: 0px 1px 0px rgb(176, 176, 176); margin: 0 auto; margin-top: 20px; padding: 25px 20px; border-radius: 5px; margin-bottom: 35px;border: 1px solid #e9e9e9; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.03);  }

.forgotpassword { display: none; text-align: initial; width: 280px; background-color: #fff; box-shadow: 0px 1px 0px rgb(176, 176, 176); margin: 0 auto; margin-top: 20px; padding: 25px 20px; border-radius: 5px; margin-bottom: 35px; }

.Row.Msg span { display: none; }

.Row .msg { display: block; font-size: 11pt; color: #666; margin-bottom: 20px; }

.Input { width: 95%; padding: 8px 5px; border-radius: 5px; border: 2px solid #DDD; font-family: 'Asap';line-height: 19px; color: #555; }

    .Input.Email { margin-bottom: 15px; background: url('/Style/Default/Icons/login-user-icon.png') top right no-repeat; background-position: 97% -38px; }

        .Input.Email:focus { background-position: 97% -6px; }

    .Input.Password { margin-bottom: 15px; background: url('/Style/Default/Icons/login-pwd-icon.png') top right no-repeat; background-position: 97% -39px; }

        .Input.Password:focus { background-position: 97% -6px; }

input.Input:focus { border: 2px solid #e75825; }

.LoginButton { float: right; width: 100%; margin-top: 35px; height: 36px; border-radius: 3px; cursor: pointer; font-family: 'Asap'; color: #FFF; font-weight: 700; text-shadow: 0px 1px #000; text-transform: uppercase; font-size: 11pt; border: none; }


.ResetPwdButton { float: right; width: 100%; margin-top: 35px; height: 36px; border-radius: 3px; cursor: pointer; font-family: 'Asap'; color: #FFF; font-weight: 700; text-shadow: 0px 1px #000; text-transform: uppercase; font-size: 11pt; border: none; }

.CheckBox-Box { margin-top: 0; }

.CheckBox-Label { margin: 0 5px; font-size: 9pt; color: #777; height: 28px; line-height: 29px; display: inline-block; float: left; }

.forgot-pwd { margin-top: 15px; display: block; text-align: center; text-decoration: none; font-weight: bold; }

    .forgot-pwd:hover { text-decoration: underline; }

.bookmark { text-decoration: none; font-weight: bold; display: inline-block; margin-bottom: 5px; }

    .bookmark:hover { text-decoration: underline; }

a .fav-icon { width: 20px; display: inline-block; height: 20px; background: url('/Style/Default/Icons/favourite-icon.png') top left no-repeat; background-position: 1px -38px; }

a:hover .fav-icon { background-position: 0px -7px; }

.unsupported { display: none; text-align: initial; background-color: #fff; box-shadow: 0px 1px 0px rgb(176, 176, 176); margin: 0 auto; margin-top: 20px; padding: 25px; border-radius: 5px; margin-bottom: 35px; }

    .unsupported .msg { font-size: 20px; font-weight: bold; color: rgb(102, 102, 102); text-align: center; padding: 5px; }

    .unsupported .desc { text-align: center; color: rgb(119, 119, 119); font-size: 10pt; }

    .unsupported .browser { border-bottom: 1px solid #ddd; line-height: 30px; padding: 8px; }

        .unsupported .browser .name { display: inline-block; width: 50px; padding-left: 40px; line-height: 30px; font-weight: bold; color: #666; }

            .unsupported .browser .name.chrome { background: url('/Style/Default/Icons/sprite-browser.png') 0px 0px no-repeat; }

            .unsupported .browser .name.firefox { background: url('/Style/Default/Icons/sprite-browser.png') 0px -40px no-repeat; }

            .unsupported .browser .name.ie { background: url('/Style/Default/Icons/sprite-browser.png') 0px -80px no-repeat; }

        .unsupported .browser a { color: #e75825; font-weight: bold; text-decoration: underline; font-size: 9pt; }