/*CSS - Arbor Hills Application form
author: www.gagles.com.br*/


/*General elements- they must be removed after integration form-site*/

body {
margin:0;
padding:0;
background: #999966;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:10px;font-style: normal;
}
#all {
margin:0 auto;			
padding: 10px;
text-align:left;
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:10px;font-style: normal;
}

/*Form starts here*/

h1.h1form{
text-align:center;
font-size:14px;
margin-bottom:5px;
}

h2.h2form{
text-align:center;
font-size:12px;
margin-top:5px;
margin-bottom:5px;
}

h4.h4form{
text-align:left;
font-size:12px;
margin-top:5px;
margin-bottom:5px;
margin-top:20px;
}

#form1{
width:664px;
overflow:hidden;
margin-left:28px;
margin-top:30px;
padding-top:5px;
}

#formlogin{
width:664px;
margin-left:28px;
margin-top:30px;
padding-top:5px;
overflow:hidden;
}

#startquestion{
margin-left:10px;
height:20px;
position:relative;
top:-18px;
font-weight: bold;display:block;
left:220px;
}

#howheard{
margin-left:10px;
height:20px;
position:relative;
top:-18px;
font-weight: bold;display:block;
left:220px;
}

div.mainform{background-color: #eeeeee;border: 1px #ccc solid;
padding:18px;
overflow:hidden;
margin-bottom:15px;
}

div.mainform2{background-color: #eeeeee;border: 1px #ccc solid;
padding:18px;
overflow:hidden;
margin-bottom:15px;
width:480px;
margin-left:70px;
height:50px;
}

div.formright{
float:right;
width:304px;
}

div.formleft{
float:left;
width:304px;
margin-right:20px;
}

/*labels*/

label{
width:118px;
display:block;
text-align:right;
margin-left:0px;
}

label.radiotype{
width:118px;
display:block;
text-align:right;
margin-left:-40px;
margin-top:10px;
}

#formlogin label{
width:118px;
display:block;
text-align:right;
margin-left:100px;
}

label.startquestion{
width:220px;
text-align:left;
margin-left:0px;
}

label.dateofbirth{
width:88px;
margin-bottom:0px;
margin-left:-10px;
}

label.ssn{
width:88px;
margin-bottom:0px;
margin-left:-10px;
}

label.radiobutton{
width:280px;
text-align:left;
margin-bottom:10px;
line-height:22px;
margin-left:0px;
}

label.subform{
width:184px;
display:block;
margin-left:0px;
float:right;
margin-left:20px;
text-align:right;
}

#formlogin label.subform input{
height:26px;
display:block;
padding-bottom:15px;
}

label.checkbox{
margin-top:-2px;
}

/*Inputs*/

input.standard{
width:160px;
height:20px;
position:relative;
left:124px;
top:-18px;
font-weight: bold;display:block;}

input.standardlogin{
width:160px;
height:20px;
position:relative;
left:140px;
top:-18px;
font-weight: bold;display:block;}

input.checkbox{
position:relative;
left:80px;
top:-15px;
font-weight: bold;display:block;
}

input.checkbox2{
position:relative;
left:23px;
top:-12px;
font-weight: bold;display:block;
}

input.ssn1{
width:40px;
height:20px;
position:relative;
top:-18px;
left:84px;
}

input.ssn2{
width:27px;
height:20px;
position:relative;
top:-18px;
left:94px;
}

input.ssn3{
width:48px;
height:20px;
position:relative;
top:-18px;
left:112px;
}

#addanother{
width:184px;
height:30px;
color:#996633;font-weight: bold;
font-size: 9px;
border:none;background-color: #ffcc66;
padding-bottom:3px;
}

#submit{
width:184px;
height:30px;
color:#996633;font-weight: bold;
font-size: 9px;background-color: #ffcc66;
border:none;
padding-bottom:3px;
float:right;
text-align:right;
padding-right:20px;
}

#signin{
width:64px;
height:20px;
color:#996633;font-weight: bold;
font-size: 9px;background-color: #ffcc66;
border:none;
padding-top:5px;
float:right;
text-align:right;
padding-right:10px;
margin-right:260px;
}

/*Other forms elements*/

address{font-style: normal;
font-size:12px;
}

dumbmonkey{
font-style: normal;
font-size:12px;
}

fieldset{
border:none;
}

legend{
font-size:13px;
color:#996633;font-weight: bold;
margin-left:-8px;
margin-bottom:10px;
}

legend.previousaddress{
margin-top:110px;
}

select{
width:42px;
}

select.dateofbirthmonth{
position:relative;
top:-18px;
left:84px;
}

select.dateofbirthday{
position:relative;
top:-18px;
left:90px;
}

select.dateofbirthyear{
width:55px;
position:relative;
top:-18px;
left:100px;
}


span.checkboxtext{
position:relative;
left:100px;
top:-32px;
display:block;
}


.bolder{font-weight: bold;
}

#error{
text-align:center;
margin-right:20px;
}

#error p{font-weight: bold;color: #ff0000;font-size: 12px;
}

/*Applicants*/

#currentapplicants{
width:320px;background-color: #eee;
margin-left:30px;border: 1px #ccc solid;
padding-left:30px;
padding-right:30px;
display:none;
}

div.applicant{border-bottom: 1px #fff solid;
padding-bottom:10px;
margin-top:10px;
}

#currentapplicants a{color: #999900;text-decoration: underline;
font-size:12px;
margin-left:5px;
cursor: pointer;
}

#currentapplicants a.deteleapp{color: #ff0000;text-decoration: none;
font-size:12px;
margin-left:5px;
float:right;
margin-top:-18px;
cursor: pointer;
}

#currentapplicants img{
position:relative;
top:3px;
}

img{
border:none;
}

h3.apps{
color:#996633;
font-size:13px;font-weight: bold;
}

#warning{
color:#666;font-style: italic;
margin-left:50px;
font-size:12px;
display:none;
}

p.final{
font-size:11px;
line-height:16px;
}

span.accept{
display:block;
width:480px;
position:relative;
left:50px;
font-size:11px;
text-align:left;
top:-30px;
}

#finalsubmit{
margin-right:140px;
}

p.requiredwarning{
color:#999900;font-weight: bold;
margin-left:28px;}

/*Error classes*/

#error p{
display:block;
background-color: #ffcc66;
border: 1px #996633 solid;

}

input.error{background-color: #ffcc66;
width:160px;
height:20px;
position:relative;
left:124px;
top:-18px;
font-weight: bold;display:block;border: 1px #996633 solid;
}

p.alert{
display:block;
float:left;
height:30px;
width:680px;
}

#save{
width:144px;
height:30px;
color:#996633;font-weight: bold;
font-size: 9px;
border:none;background-color: #ffcc66;
padding-bottom:3px;
padding-left:60px;
}

label.tenancy{
width:500px;
display:block;
margin-left:-60px;
}
