.edit-form
{
  width: 100%;
  margin: 0% auto 0 auto;
  padding:2em;
}
.edit-form h1 {
  font-size: 2.5em;
  text-align: center;
  padding: .5em;
}
/*--- form-left ----*/
.form-left 
{
  position: relative;
  margin: 0 auto;
}
.form-left span
{
	width: 20%;
	float:left;
	margin-top: 0;
	text-align:right;
}
.form-left  input[type="text"],.form-left  input[type="password"]
{
	width: 77%;
	float:right;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 1px;
}
.form-left
{
	line-height:2.6em;
}
.form-left span
{
	color:#999;
	font-size:18px;
}

.notes {
  padding: 3% 3% 3% 3%;
  background: #fafafa;
  color: #999;
  border: rgba(181, 181, 181, 0.21) solid 1px;
  outline: none;
  font-size: 14px;
  border-radius: 5px;
  width: 77%;
  float:right;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 1px;
}

.notes:hover {
  border:1px solid #0399C7;
}

.form-left input[type="text"] 
{
  padding: 3% 3% 3% 3%;
  background: #fafafa;
  color: #999;
    border: rgba(181, 181, 181, 0.21) solid 1px;
  outline: none;
  font-size: 14px;
  border-radius: 5px;
}
.form-left input[type="text"]:hover
{
	border:1px solid #0399C7;
}
.form-left input[type="submit"]:hover{
   opacity: .8;
}
.form-left input[type="button"]:hover{
  opacity: .8;
}

.form-field {
	margin-top: .5em;
	margin-bottom: .5em;
}

.form-footer {
	margin-top: 1.5em;

}

.form-footer input[type="submit"]{
  	width: 49%;
  	font-size: 1.25em;
  	padding: 1em;
  	margin-left: 3px;
  	margin-right: 3px;
  	margin-bottom: 1.5em;
  	float: left;
}

.form-footer input[type="button"]{
  width: 49%;
  font-size: 1.25em;
  padding: 1em;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 1.5em;
  float: left;
}


.clear {
	clear:both;
}	

.form-control:focus {  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102, 175, 233, 0.83);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102, 175, 233, 0.75);
}