#user_id {
  width: 275px;
  margin: 0 auto;
}
#pass {
  width: 275px;
  margin: 0 auto;
}
#btn_login {
  width: 275px;
  font-weight: bold;
}
#wrapper {
  width: 100%;
  max-width: 500px;
  min-width: 300px;
  margin: 0 auto;
  padding: 5px;
  line-height: 1.7;
  height: 260px;
  background-color: #f1f5ff;
  border: 2px solid #beccea;
  border-radius: 10px;
  box-shadow: 0 0px 15px rgba(0,0,0,0.2);
}
#header {
  height: 50px;
  width: 100%;
  text-align: center;
}
#container {
  float: left;
  width: 100%;
}
#primary {
  float: right;
  width: 100%;
  margin: 10px 0 10px -105px;
}
#textbox {
  margin-left: 115px;
  padding: 10px;
}
#secondary {
  float: left;
  width: 105px;
  margin: 20px 0 0 0;
}
#footer {
  clear: both;
  text-align: center;
  height: 50px
  line-height: 50px;
}
.bcgrey {background-color:grey;}
.bcyellow {background-color:yellow;}
.bcpink {background-color:pink;}
.bcbrown {background-color:brown;}
.bctrans {background-color:transparent;}
.errormsg {color: red; text-align: center;}