/* layout */
form.chatLogin {
  display:block;
  width:100%;
  max-width:400px;
  margin:auto;
}
@media (min-width: 600px) {
  form.chatLogin th,
  form.chatLogin td {
    width:50%;
  }
}
@media (max-width: 599px) {
  form.chatLogin table,
  form.chatLogin tbody,
  form.chatLogin tr,
  form.chatLogin th,
  form.chatLogin td {
    display:block;
    width:auto;
  }
}
/* form visual highlight */
form.chatLogin {
  background-color:hsla(177, 29%, 15%, 0.2);
  border-radius:5px;
  padding:10px;
}
/* styling */
form.chatLogin th {
  text-transform:uppercase;
  letter-spacing:0.05em;
  font-size:0.9em;
  text-align:right;
}
@media (max-width: 599px) {
  form.chatLogin th {
    text-align:center;
  }
}
form.chatLogin input[type=submit] {
  text-transform:uppercase;
  letter-spacing:0.035em;
  border-radius:5px;
  line-height:1.5em;
}
@media (max-width: 599px) {
  form.chatLogin input[type=submit] {
    margin:auto;
    width:100%;
    line-height:2em;
  }
}
form.chatLogin input[type=text] {
  display:block;
  margin:auto;
  font-size:1.05em;
  line-height:1.6em;
  padding:0px 5px;
  border:1px solid #888;
  border-radius:5px;
}
p.talk-to-tip {
  background-color:white;
  padding:5px;
  text-align:center;
  width:100%;
  max-width:400px;
  border-radius:5px;
  margin:auto;
}