/* FORM */

form
{ color:#0f3e76;
}

form input[type=text],
form input[type=password]
{ -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4x;
  border:1px solid #0f3e76;
  margin:1px;
}
    
form input[type=text]:focus, 
form input[type=password]:focus
{ outline:none;
  border:2px solid #0f3e76;
  margin:0px;
}

form input[type=submit],
input.editorsave[type=submit]
{ background:#0f3e76;
  color:#d5eae9;
  padding:5px 20px;
  border:1px solid #eee;
  border-radius:6px;
  box-shadow:3px 3px 3px #ddd;
  text-shadow:none;
} 

form input[type=submit]:focus
input.editorsave[type=submit]:focus
{ background:#8dcee4;
  color:#fff;
}

form.login > div,
form.register > div,
form.vendor > div,
form.offer > div,
div.vendorview
{ display:inline-grid;
  white-space:nowrap;
  grid-auto-rows:1fr;
  grid-column-gap:8pt;
  grid-row-gap:2pt;
  align-items:center;
  justify-items:stretch;
}

form.login div,
form.register div,
form.vendor div,
form.offer div
{ white-space:nowrap;
}

form.login div > input,
form.register div > input,
form.vendor div > input,
form.offer div > input
{ width:100%;
  resize:horizontal;
}