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

/** {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*/
.mandatory{color:#FF0000;}
.txtRedBold{
font-family: Arial, Helvetica, sans-serif;
padding:1px;
font-size: 12px;
font-weight:bold;
border:1px solid #008ac7;
text-align:center;
color:#FFFFFF;
height:20px;
background-color:#008ac7;
margin-top:10px;
}
.fbutton
{/*width:70px;*/
 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;
}

.field, .field2
{	
height: 31px;
float:left;
	line-height:20px;
	padding:0 5px;
	margin-right:5px;
	margin-bottom:10px;
	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;
}

.field_sel{
width:73%;
height: 31px;
float:left;
	line-height:20px;
	padding:0 5px;
	margin-right:5px;
	margin-bottom:10px;
	display:inline-block;
	border:1px solid #e6e6e6;
	color:#666;
	background-color:#fff;
	-webkit-appearance:Select;	

	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;
}

.field_sels{
width:23%;
height: 31px;
float:left;
	line-height:20px;
	padding:0 5px;
	margin-right:5px;
	margin-bottom:10px;
	display:inline-block;
	border:1px solid #e6e6e6;
	color:#666;
	background-color:#fff;
	-webkit-appearance:Select;	

	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;
}

.field_ql{
width:36%;
height: 31px;
float:left;
	line-height:20px;
	padding:0 5px;
	margin-right:5px;
	margin-bottom:10px;
	display:inline-block;
	border:1px solid #e6e6e6;
	color:#666;
	background-color:#fff;
	-webkit-appearance:Select;	

	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;
}


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;
  padding-right: 0px;
}
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:73%
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select
 {

}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}
.desc
{font-weight:normal;}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 0px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 0px 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,.field_sel, .field_sels, .field_ql
  {
width:100%

  }
   
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: left;
  }
}