*{margin:0;padding:0}
body{background:#227ABB}
html,body,#container,form{height:100%}
#wrap{min-height:100%}
#main{overflow:auto;padding-bottom:32px}
#footer{position:relative;margin:-32px 9px 0 9px;height:32px;clear:both;background:0}
#footer p{font-size:11px}
#footer p a{color:#000;text-decoration:none}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px}
#loginCard{width:310px;height:420px}
#container{width:960px;margin:0 auto;position:relative}
.panel{border:solid 1px #bbb;overflow:auto;margin:20px 9px 20px 9px;background:#fefefe;padding:40px;z-index:10;box-shadow:0 2px 7px rgba(0,0,0,0.40);border-radius:3px;float:left}
#loadingContainer{text-align:center}
#credentials .ssoForm{display:none}
#credentials.ssoEnabled .form{display:none}
#credentials.ssoEnabled .ssoForm{display:block}
.scheduledOutageNotificationDiv{float:none;margin:20px 14px 20px 4px;padding:10px;background:white;border:solid #b14a4a 5px}
#credentials{width:300px;font-size:12px;margin-top:20px;margin-bottom:20px}
.logos{list-style:none;margin-top:15px;text-align:center}
#clientLogo{max-height:80px}
#credentials .field{height:80px;margin:5px 0}
#credentials .field label{width:160px;display:block;padding:0 0 5px 0;font-size:14px}
#credentials .field input{display:block;width:290px;font-size:14px;padding:5px}
#credentials .actions{padding:5px 0;text-align:right}
#credentials .actions a{margin:0 10px}
.mainLoginButton{font-size:18px;padding:5px 15px}
.mainLoginButton.loggingIn{color:rgba(0,0,0,0);background-image:url('../Images/Spinner16.gif');background-repeat:no-repeat;background-position:center}
.copyright{display:inline-block;float:left;line-height:24px}
.social_links{list-style:none;display:inline-block;float:right}
.social_links li{display:inline-block;margin:0 5px}
#customMessageArea{margin-top:0;font-size:14px;line-height:1.5em;width:860px}
#customMessageArea.noMarketing{width:450px;height:420px;margin-top:20px}
#customMessageArea ul{list-style-position:outside;margin-left:40px}
#showcase{width:450px;height:420px;overflow:hidden}
#marketingMessage{overflow:hidden;width:100%;height:100%;border:0}
@media(max-width:1000px){#showcase{display:none}
#credentials{float:none;margin:0}
#container{width:420px}
#customMessageArea,#customMessageArea.noMarketing{width:310px;height:initial}
}