body {
	background-image:url(../_img/bg.gif);
	background-repeat: repeat-x;
	background-color:#f2f1ed;
}

label {
	font-size:10pt;
	padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  line-height: 1.5;
}

#login-form {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
	width:500px;
  border: 1px solid #999;
  background-color:#FFFFFF;
}

input {
	display: block;
  padding:.375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
	width:330px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border:1px solid #ced4da;
  border-radius:.25rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

input.submit {
	width:460px;
}

input.submit:hover {
	background-color: #bd0000;
	color:white;
	cursor: pointer;
}

#login-form table td.title
{
  color: #841618;
  text-align: right;
  padding-right: 10px;
}

.boxcontent {
  padding: 20px 20px 10px 20px;
}

.boxtitle {
	background: rgb(182,182,182);
 background: linear-gradient(180deg, rgba(182,182,182,1) 0%, rgba(246,245,245,1) 0%, rgba(210,210,210,1) 100%);
	border-bottom:1px solid #999999;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	height:30px !important;
	padding:10px 20px 3px;
	font-size:15pt;
	text-align: center;
}


@media screen and (max-width: 480px) {

	#login-form {
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 50px;
		width:350px;
	}

	.boxtitle {
		font-size: 10pt;
	}

	input {
		width:208px;
	}

	input.submit {
		width:310px;
	}

	label {
		width:75px;
	}

}