body {
  background-color:#00CCCC !important;
  background-image: "./truck.jpg";
  background-size: cover;
  background-position: center;
}
form
{
  width: 690px;
  display:inline-block;
}

form > div.msgr
{
  display:block;
  border-bottom:none;
  vertical-align: middle;
} 

form > div
{
 border-bottom:1px solid #CCCCCC;
 display: block;
 
 height:40px;
 vertical-align: middle;
}

form > div > label,
form > div > input,
form > div > div
{
	font-size:14px;
}

form > div > label
{
  border:none;
  text-align: left;
}

form > div > input,
form > div > div
{
  text-align: right;
}

form > div > label, form > div > input, form > div > div
{
  height:40px;
  display:inline-block;

} 
form > div > label
{
  clear:left;
  width:290px;
  margin-right: 10px;
  
}

form.hydi > div > .dollar::before {
	content:"$";
   color:#FF0000;
}
form.hydi > div > .dollar::after {
	content:"_";
	color:#FFFFFF;
}
form.hydi > div > .litre::after {
	content:"L";
	color:#FF0000;
}
form.hydi > div > .months::after {
	content:"m";
	color:#FF0000;
}
form.hydi > div > .tonnes::after {
	content:"T";
	color:#FF0000;
}

form > div > label + div
{
	display:inline-block;
	height:40px;
	text-align: right;
	padding-top: 13px;
}

form > div > input,
form > div > div
{
  clear:right;
  width:360px;
  border-width:1px;
  border-radius:10px;
  padding:0px;
  height:40px;
  
}

form > div > input[type=submit]
{
  clear:both;
  text-align:center;
  width:100%;
}

form.hydi > div > label.req::after {
  content:"*";
  color:#FF0000;
  float:right;
}