* {
  -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: 25%;
  float: left;
  padding-right: 10px;
}
#theForm > div > div,
#theForm > div > fieldset > div {
  width: 75%;
  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:none; 
	background:none; 
	padding:0; 
	margin:0;
	font-weight: bold; 
	width:auto; 
	overflow:visible; 
	text-align:center;	
	vertical-align:middle; 
	white-space:nowrap; 
	height:24px; 
	cursor:pointer;	
}
button span, button em { 
	display:block; 
	height:24px; 
	line-height:24px; 
	margin:0;  
}	
button span { 
	padding-left:20px; 
	background-color: #F7F7F7;
	background:url(../../graphics/button.gif) no-repeat 0 0; 
}	
button em { 
	font-style:normal; 
	padding-right:20px; 
	background-color: #F7F7F7;
	background:url(../../graphics/button.gif) no-repeat 100% 0; 
}		

button:hover span, button.over span { 
	padding-left:20px; 
	background:url(../../graphics/button.gif) no-repeat 0 -24px; 
}	
button:hover em, button.over em { 
	font-style:normal; 
	padding-right:20px; 
	background:url(../../graphics/button.gif) no-repeat 100% -24px; 
}