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

#theForm > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
#theForm > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
#theForm > div > label,
legend {
  width: 30%;
  float: left;
  padding-right: 10px;
}
#theForm > div > div,
#theForm > div > fieldset > div {
  width: 70%;
  float: right;
}
#theForm > 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: 90%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
}

@media (max-width: 600px) {
  #theForm > div {
    margin: 0 0 15px 0; 
  }
  #theForm > div > label,
  legend {
	  width: 95%;
    float: none;
    margin: 0 0 5px 0;
  }
  #theForm > div > div,
  #theForm > div > fieldset > div {
    width: 95%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 95%; 
  }
}
@media (min-width: 1200px) {
  #theForm > div > label,
	legend {
  	text-align: right;
  }
}
.error { 
	color : red ;
}
#theForm input.error { 
	border: 1px solid red; 
}
#theForm textarea.error {
	border: 1px solid red;
}
.ui-datepicker-trigger {
    margin-left: 5px;
}
button{
border:1px solid #999999; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px;
border-radius: 4px;
padding: 2px 15px 2px 15px; 
margin-right: 15px;
text-decoration:none; 
display:inline-block;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
font-weight:bold; 
color: #000000;
cursor:pointer;
 background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
 background-image: -webkit-linear-gradient(top, #FFFFFF, #CFCFCF);
 background-image: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);
 background-image: -ms-linear-gradient(top, #FFFFFF, #CFCFCF);
 background-image: -o-linear-gradient(top, #FFFFFF, #CFCFCF);
 background-image: linear-gradient(to bottom, #FFFFFF, #CFCFCF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#CFCFCF);
}

button:hover{
 border:1px solid #7A7A7A;
 background-color: #83C0ED; background-image: -webkit-gradient(linear, left top, left bottom, from(#83C0ED), to(#E0F2FB));
 background-image: -webkit-linear-gradient(top, #83C0ED, #E0F2FB);
 background-image: -moz-linear-gradient(top, #83C0ED, #E0F2FB);
 background-image: -ms-linear-gradient(top, #83C0ED, #E0F2FB);
 background-image: -o-linear-gradient(top, #83C0ED, #E0F2FB);
 background-image: linear-gradient(to bottom, #83C0ED, #E0F2FB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#83C0ED, endColorstr=#E0F2FB);
}