@charset "utf-8";
/* CSS Document */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width:50%;
  float: left;
 
}
form > div > div,
form > div > fieldset > div {
  width: 50%;
  float: left;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
width:70%;

	line-height:20px;
	padding:5px;
	margin-right:5px;
	
	display:inline-block;
	border:1px solid #e6e6e6;
	color:#666;
	background-color:#fff;
	-webkit-appearance:textfield;	

	box-shadow:1px 1px 3px 1px rgba(0,0,0,.05);
	-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.05);
	-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.05);
	-ms-box-shadow:1px 1px 3px 1px rgba(0,0,0,.05);
	-o-box-shadow:1px 1px 3px 1px rgba(0,0,0,.05);

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	behavior: url(js/PIE.htc);
	position:relative;
}
.fbutton
{ 
width:auto;
 height:30px;
    background: #21988b;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #21988b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;}
	.fbutton:hover{
  background: #008ac7;
    border: solid 1px #008ac7;
    text-decoration: none;
}
.mandatory{
	color:#ee1c25;
}
.desc{
	color:#00000;
	font-weight:100;
}
.select {
  line-height:20px;
	display:inline-block;
	border:1px solid #e6e6e6;
	color:#666;
	background-color:#fff;
	-webkit-appearance:select;	
padding:5px;
	box-shadow:1px 1px 3px 1px rgba(0,0,0,.05);
	-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.05);
	-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.05);
	-ms-box-shadow:1px 1px 3px 1px rgba(0,0,0,.05);
	-o-box-shadow:1px 1px 3px 1px rgba(0,0,0,.05);

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	behavior: url(js/PIE.htc);
	position:relative;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select
 {
width: 70%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,select
  {
width:100%
  }
   
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: left;
  }
}