/* 

   =========================================================================

   Written by: Steve Beeston
   For:        Hertford Music Festival
   Date:       7th April 2013
   Changes:    (none)

   =========================================================================  

*/

#contactform {
	width: 700px;
   padding: 20px;
   background: #f0f0f0;
   overflow:auto;
   /* font-family: verdana, arial, sans-serif;*/
   font-size: 15px; 
   /* Border style */
   border: 1px solid #cccccc;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
   /* Border Shadow */
   -moz-box-shadow: 2px 2px 2px #cccccc;
   -webkit-box-shadow: 2px 2px 2px #cccccc;
   box-shadow: 2px 2px 2px #cccccc;
}

input.fieldcontent  {
   font-family: 'open sans', sans-serif;
   /* width: 600px;*/
}


form .fieldname {
   float: left;
   width: 90px;
}

label {
font-family: 'open sans', verdana, arial, "sans serif";
display: block;
float: left;
margin-top: 5px;
margin-right: 10px;
text-align: right;
width: 160px;
line-height: 25px;
/* font-size: 11px; */
color: #333;
}

.button,
.centered-box a.button {
   padding: 5px 10px;
   color: #fff; 
   text-align: center;
   text-decoration: none;
   background: #00a651;
   border: 0px;
   border-radius: 10px;
   cursor: pointer;
   margin: 20px 0;
   font-size: 15px;
}


/* 
   ================================
   MESSAGES 
   ================================
*/

.success, 
.failure {
   font-family: 'open sans';
   font-weight: bold;
   display: inline; 
   padding: 3px; 
   border-radius: 4px; 
   border-width: 2px; 
   border-style: solid; 
   margin: 3px;
   float: left;
}

.success {
   color: green; 
   border-color: green;
}

.failure {
   color: red; 
   border-color: red;
}

/*
  .error {background: #ffcece; border:solid 1px #df8f8f; }
  .success {background: #d5ffce; border:solid 1px #9adf8f; }
  .error, .success { 
	   border-radius:5px;
	   -moz-border-radius: 5px;
	   -webkit-border-radius: 5px;
	   color:#333;
	   padding:9px;
	   margin-bottom:10px;
		 font-size: 12px;
	   }	
*/


.hint {
    display:none;
    }
		
.field {
   float: left;
   width: 100%;
}

.field:hover .hint {
	font-size: 11px;
   position: absolute;
   display: block;
   margin: -30px -10px 0 550px;
   color: #FFFFFF;
   padding: 5px 7px;
   background: rgba(0, 0, 0, 0.6);
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
}

.input, select {
   float: left;
   font-family: 'open sans', Arial, Verdana;
   font-size: 15px;
   padding: 5px;
	margin: 5px 0px;
   border: 1px solid #b9bdc1;
   width: 450px;
   color: #797979;
}

input[type="checkbox"] {
   margin: 12px 0;
   float: left;
}

div.url {
   display: none;
}