/* === Begin Login Styles ===  */

.s2a-login-title
{ font-size: 160%;
  font-weight: 500;
  color: #999;
  float: left; }

.s2a-login-group
{ float: right; }

.s2a-login-logo
{ height: 28px;
  vertical-align: -6px;
}

.s2a-login-elm
{ height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc; }

.s2a-login-elm:focus
{ outline-style: none;
  border-color: #bdf }

.s2a-login-email
{ width: 100px; }

.s2a-login-password
{ width: 100px; }

.s2a-login-signin
{ height: 30px;
  min-width: 80px;
  margin-left: 5px; }

.s2a-login-signup
{ font-size: 100%;
  width: 100%; }

.s2a-login-passgrp
{ display: inline-flex; }

.s2a-login-label
{ line-height: 30px; }

.s2a-login-result
{ margin-top: 10px; }

.s2a-login-user
{ min-width: 100px;
  max-width: 300px;
  width: 203px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline-style: none;
  border-color: #ccc }

.s2a-login-user:focus
{ outline-style: none;
  border-color: #ccc }

.s2a-login-dropdown
{ position: absolute;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 3px;
  padding-right: 3px;
  z-index: 100;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  line-height: 1.3;
  max-height: 300px;
  overflow-y: auto;
  min-width: 80px;
  margin-top: 2px;
  margin-left: 5px;
  background-color: #EEE; }

/*==================*/

.s2a-login-dropdown > div
{ display: block;
  margin: 2px;
  user-select: none;
  -webkit-user-select: none; }

.s2a-login-dropdown > div > button
{ width: 100%;
  height: 20px;
  padding-left:10px;
  padding-right:10px;
  padding-top:0px;
  padding-bottom:0px;
  border-radius: 3px;
  border-width: 1px;
  border-style: none;
  border-color: #66a;
  color: black;
  background-color: #EEE;
  font: inherit; }

.s2a-login-dropdown > div > button:disabled
{ opacity: 0.65; }

.s2a-login-dropdown > div > button:hover:not([disabled])
{ background-color: #bdf;
  cursor: pointer; }

.s2a-login-dropdown > div > button:active:not([disabled])
{ background-color: #96b1cc;
  border-style: solid; }

.s2a-logout-drowdown > div > button
{ text-align: left;}

.s2a-login-activation-title
{ color: #555;
  font-size: 120%;
  text-align: center;
  font-weight: bold; }

dl.s2a-login-activation dt
{ font-size: 120%;
  width: 100px; }

dl.s2a-login-activation dd
{ font-size: 120%;
  margin-left: 120px;
  margin-bottom: 10px;
}

dl.s2a-login-activation dd.glue
{ margin-bottom: 0px; }

/* === End Login Styles ===  */