/* all images referenced remote */

body {
  font-family: Arial,helvetica,sans-serif;	
  background: #C3AEA9;
 // background-image: url('http://lifestylestechnology.com/images/public/header/beach2.jpg');
  background-repeat: no-repeat;
  margin: 0;
 padding: 0;
}

#holder {
  text-align: center;	
  margin: 0 auto;
}

.floater_box {
    margin: auto;
   text-align: left;
   max-width: 600px;	
  background: rgba(1, 1, 1, 0.05);
    border-radius: 6px;
}

.floater_box a {
	color: white;
	font-size: 110%;
	text-decoration: none;
	padding: .3em;
	
}

.floater_box a:hover {
   text-decoration: underline;
}

.darker_bg {

 background: rgba(32, 25, 44, 0.25);
	
}


#login_box {
  margin: auto;
  background: red;
  display: block;
  max-width: 350px;
  text-align: left;
  border-radius: 13px;
  background: rgba(87, 151, 176, 0.45);
  border: 1px solid #033643;
  color: #013441;
  padding: 1.1em .5em;
  font-family: Calibri, sans-serif;
}

#login_box h1 {
	margin: 0; padding: 0;
}

#login_box p.element_heading {
	margin: 0; padding: 0;
	margin-top: .6em;
}

#login_box input.field_ones {
	width: 21em;
    height: 1.9em;
	border: 1px solid #033643;
	background: #F0E7E3;
	padding-left: 1%;
}
	
#login_box input.submit_button {
	background: #01859C;
	color: #fff;
	font-size: 1.4em;
	border: 1px solid white;
	padding: 2% 5%;
	box-shadow: 6px 3px 3px rgba(0, 0, 0, 0.7);
}

#login_box input.submit_button:hover {
  background: orange;

}



#register_box {
  margin: auto;
  background: red;
  display: block;
  max-width: 670px;
  text-align: left;
  border-radius: 6px;
  background: rgba(87, 151, 176, 0.65);
  border: 3px solid #E5FF99;
  color: #fff;
  padding: .6em .9em;
  font-family: Calibri, sans-serif;
}

#register_box p.element_heading {
	margin: 0; padding: 0;
	margin-top: .3em;

}


#register_box input.field_ones {
	width: 16em;
    height: 1.7em;
	margin: 0;
	border: 1px solid #033643;
	background: #F0E7E3;
	padding-left: 1%;
}

#register_box input.longer {
		width: 23em;
}

#register_box select {
	width: 16em;
    height: 1.7em;
	margin: 0;
	border: 1px solid #033643;
	background: #F0E7E3;
	
}

#register_box p.submit_holder {
	text-align: right;
	margin: 0;
	padding: 0;
	padding-right: 25px;
}

#register_box input.submit_button {
	background: #01859C;
	color: #fff;
	font-size: 1.4em;
	border: 1px solid white;
	padding: 1% 2%;
	box-shadow: 6px 3px 3px rgba(0, 0, 0, 0.7);
	text-align: right;
}


.form_section {
  float: left;
  width: 300px;  
  margin-right: 5%;
}

.clear_both {
  clear: both;	
}


img {
 max-width: 100%;
}




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

  .form_section {
	 float: none;
	 clear: both;
	 margin: 0;
	 padding: 0;

  }

  #register_box {
	  
	 
	padding-left: 1%;
    width: 100%;
    margin: 0;	
	border: none;
	 
  }
  
  #register_box input.longer {
		width: 20em;
  }

.clear_both {
  clear: none;	
}



}