* { outline: none; }
html, body { margin:0; padding:0; height:100%; min-width:300px;}
body { background: #001f56 url(../images/contentbg.jpg) top center repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#container {position:fixed; top:-5%; left:0; right:0; bottom:0; margin:auto; height:200px; width:680px; background:url(../images/logo-sol.png) left top no-repeat;}
#login { position:relative;}
#logincont {width:250px;margin:85px auto 0;padding:5px;box-shadow:0 0 5px #000000;border-radius:5px;background:#fff;position:relative;}
#login input { display:block; background:#CCC; border:none; width:190px; margin:5px 0; padding:5px 25px 5px 30px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
input#idname {background:#CCC url(../images/icons-login.png) 2px -4px no-repeat; color:#666;}
input#idpass, input#idpassclear {background:#CCC url(../images/icons-login.png) 2px -46px no-repeat;color:#666;}
#login #send {width:60px;padding:15px 5px;border-radius:100px;cursor:pointer;position:absolute;top: 4px;right:-30px;background:#3171b8;border:6px solid #fff;color:#FFF;font-size:14px;font-weight:bold;}
.check { position:absolute; top:-30px; left:0px; width:250px; padding:5px; border-radius:8px; color:#fff; box-shadow:0 0 5px #000000; text-align:center; opacity:0.90; cursor:pointer;}
.alertmsg { padding:5px; border-radius:5px; color:#fff; text-align:center; width:250px; position:absolute; left:210px; top:-25px; background:green;}
.error { background:red;}
.success { background:green;}
.disclamer { padding: 60px 10px 10px 4px; text-align:left; color:#fff;}
.keepme-in { padding-left:210px; color:#fff; padding-top:15px; }

@media (max-width: 580px) {
  #container { width: 100%; background:url(../images/small-logo.png) center top no-repeat; height:200px;}
  .alertmsg { left: 50%; transform: translateX(-50%); }
  .disclamer { text-align: center; padding:20px 5px 0px;  }
  #logincont { margin: 150px auto 0; }
  .keepme-in { padding-left:0; text-align: center;}
}