
div.NOTICE { position: relative; width: 100%; height: 100%;  }

div.important { 
position: relative; 
width: 1160px; 
height: 300px; 
margin: 75px 0 0 0px;
padding: 25px 0;
background: #e6effe;
border: solid 1px #AAAAAA; }

#important h1 { 
margin: 0px 50px 25px 50px; 
padding: 0; 
font-family: "Myriad Web"; 
font-size: 30px; 
font-weight: normal; 
color: #000000; }

#important p { 
margin: 0 50px 15px 50px; 
padding: 0;
color: #131313; 
font-size: 16px; 
line-height: 32px; 
font-family: verdana; 
text-align: left;  }

#important a { 
margin: 0 50px 16px 0px; 
padding: 0;
color: #0000ff; 
font-size: 16px; 
font-family: verdana;  }

#important a:hover { 
margin: 0 50px 16px 0px; 
padding: 0;
color: #00375d; 
font-size: 16px; 
font-family: verdana;  }

#important span.terms { 
margin: 0px 0px 16px 50px; 
color: #0d004c;  }



/* ----------------------------------- */
   /* - FORM - */
/* ----------------------------------- */

div.form {
position: relative;
width: 1046px;
height: 920px;
margin: 0px 0 0 0;
padding: 50px;
border: solid 7px #FFF;
background-color: #BBB; }

#form form { 
width: 1060px; 
height: 100%; 
border: none; 
margin: 0; 
padding: 0; }

#form fieldset.header { 
width: 1060px; 
height: 85px; 
border: none; 
margin: 0; 
padding: 0; }

#form h1 { 
margin: 0; 
padding: 0; 
font-family: "Myriad Web"; 
font-size: 30px; 
font-weight: normal; 
color: #000;
text-transform: capitalize; }

/* ----------------------------------- */
   /* - Row 1 - */
/* ----------------------------------- */

#form fieldset.R1-C1 {
width: 310px; 
height: 30px;
border: none;
padding: 20px;
text-align: right;
float: left; }

#form label { margin: 4px 20px 0 0; padding: 0; float: left; text-align: left; font-size: 16px; }
#form select.title { width: 200px; height: 30px; margin: 0; padding: 0; font-size: 16px; border: solid 1px #808080; }

#form fieldset.R1-C2 { 
width: 310px; 
height: 30px; 
border: none; 
padding: 20px;
text-align: right;
float: left; }

#form input.FN { width: 200px; height: 30px; margin: 0; padding: 0; font-size: 16px; border: solid 1px #808080; }

#form fieldset.R1-C3 { 
width: 310px; 
height: 30px; 
border: none; 
padding: 20px;
text-align: right; }

#form input.LN { width: 200px; height: 30px; margin: 0; padding: 0; font-size: 16px; border: solid 1px #808080; }

/* ----------------------------------- */
   /* - Row 2 - */
/* ----------------------------------- */

#form fieldset.R2-C1 {
width: 310px; 
height: 30px;
border: none;
padding: 20px;
text-align: right;
float: left; }

#form input.Email { width: 200px; height: 30px; margin: 0; padding: 0; font-size: 16px; border: solid 1px #808080; }   

#form fieldset.R2-C2 { 
width: 310px; 
height: 30px; 
border: none; 
padding: 20px;
text-align: right;
float: left; }

#form input.Tel { width: 200px; height: 30px; margin: 0; padding: 0; font-size: 16px; border: solid 1px #808080; }   


#form fieldset.R2-C3 { 
width: 310px; 
height: 30px; 
border: none; 
padding: 20px;
text-align: right; }

#form input.DOB { width: 200px; height: 30px; margin: 0; padding: 0; font-size: 16px; border: solid 1px #808080; }   

/* ----------------------------------- */
   /* - Row 3 - */
/* ----------------------------------- */

#form fieldset.R3-C1 {
width: 485px; 
height: 80px;
border: none;
padding: 20px;
text-align: right;
float: left; }

#form textarea.Address { width: 380px; height: 80px; margin: 0; padding: 0; font-family: "Myriad Web"; font-size: 16px; border: solid 1px #808080; }  

#form fieldset.R3-C2 { 
width: 485px; 
height: 80px; 
border: none; 
padding: 20px;
text-align: right;
float: left; }

#form input.Postcode { width: 380px; height: 30px; margin: 0; padding: 0; font-size: 16px; border: solid 1px #808080; } 

/* ----------------------------------- */
   /* - Row 4 - */
/* ----------------------------------- */

#form fieldset.R4-C1 {
width: 310px; 
height: 30px;
border: none;
padding: 20px;
text-align: right;
float: left; }

#form select.employment { width: 200px; height: 30px; margin: 0; padding: 0; font-size: 16px; border: solid 1px #808080; }   

#form fieldset.R4-C2 { 
width: 310px; 
height: 30px; 
border: none; 
padding: 20px;
text-align: right;
float: left; }

#form select.education { width: 200px; height: 30px; margin: 0; padding: 0; font-size: 16px; border: solid 1px #808080; }   


#form fieldset.R4-C3 { 
width: 310px; 
height: 30px; 
border: none; 
padding: 20px;
text-align: right; }

#form select.Venue { width: 200px; height: 30px; margin: 0; padding: 0; font-size: 16px; border: solid 1px #808080; }

/* ----------------------------------- */
   /* - Row 5 - */
/* ----------------------------------- */

#form fieldset.R5-C1 {
width: 1020px; 
height: 30px;
border: none;
padding: 20px;
margin: 0; }

#form textarea.about { width: 1000px; height: 330px; margin: 10px 0 0 0; padding: 10px; font-size: 16px; border: solid 1px #808080; } 

/* ----------------------------------- */
   /* - Submit & Reset - */
/* ----------------------------------- */

#form fieldset.R6-C1 {
width: 1020px; 
height: 30px;
border: none;
padding: 20px;
text-align: center;
float: left; }

#form button.submit { 
width: 110px; 
height: 55px; 
margin: 20px 20px 0 0; 
background-color: #15a901; 
color: #FFF; 
border-radius: 8px; 
font-size: 18px;
-webkit-transition-duration: 0.3s; /* Safari */
transition-duration: 0.3s; }

#form button.submit:hover { 
background-color: #118c01;
color: #FFF;
cursor: pointer; }

#form button.reset { 
width: 110px; 
height: 55px; 
margin: 20px 20px 0 0; 
background-color: #222; 
color: #f3b607; 
border-radius: 8px; 
font-size: 18px;
-webkit-transition-duration: 0.3s; /* Safari */
transition-duration: 0.3s; }

#form button.reset:hover { 
background-color: #555; 
color: #FFF;
cursor: pointer; }
