@import url("../css/global.css");

/* Request Forms
--------------------------------------------------------------------------------------------------- */
#box4 { background: transparent; }
#box4 dl {
	background: transparent;
	height: auto;
}

form {
	padding: 0 0 90px 75px;
}
form fieldset {
	border: none;
}
form fieldset legend {
	display: none;
}
select, input { color:#777; font-size: 11px; }

#primary p.errorwarning {
	margin: 0 70px 0 0px;
	padding: 0 0 10px 0;
	color:#F89F12;
	font-weight: bold;
}

#primary .field label, 
#primary .field input,
#primary .field select {
	width: 155px;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color:#777;
}
#primary .field label {
	display: block;
	text-align: right;
	width: 180px;
	padding: 2px 40px 2px 0;
	background: url(../gfx/nav/arrow_blue.gif) no-repeat 90% 2px;
}

#primary label.error { background: url(../gfx/btn/error.gif) no-repeat 20px; color:#F89F12;
	font-weight: bold;}
	
/* Added CAJ 2/15/07 */
#primary label.error1 { background: url(../gfx/btn/error1.gif) no-repeat 70px; color:#F89F12;
	font-weight: bold;}

#primary .field input {
	background:#fff; 
	color:#777;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px solid #5172A6;
}
form .field,
form .multifields {
	clear: both;
	padding: 10px 0;
}
form .multifields {
	padding: 10px 0 0 0;
}
* html .multifields { padding: 10px 0; }

form .field input {
	height: 18px;
	line-height: 18px;
	display: block;
	text-indent: 2px;
}
#primary input.button {
	float: none;
	background: transparent; 
	border: none;
}
#primary .submit {
	padding: 15px 0 0 219px;
	clear: both;
}
#primary form .multifields label {
	display: none;
}
#primary form .multifields input {
	width: 60px;
	float: right;
	display: block;
	text-indent: 2px;
}
#primary form .multifields select {
	width: 60px;
	float: left;
}
#primary form .multifields span {
	display: block;
	float: left;
	width: 155px;
}
#primary form .multifields span.colA {
	text-align: right;
	width: 180px;
	padding: 2px 40px 0 0;
	background: url(../gfx/nav/arrow_blue.gif) no-repeat 90% 1px;
}

#primary form .multifields span.colAError {
	text-align: right;
	width: 180px;
	padding: 2px 40px 0 0;
	background: url(../gfx/btn/error1.gif) no-repeat 70px; color:#F89F12;
	font-weight: bold;
}

body#stage1 #primary form .multifields input {
	float: left;
	margin-right: 5px;
	width:83px;
	padding: 2px 0 0 0;
	text-indent: 2px;
}
body#stage1 #primary form .multifields select {
	float: right;
	margin-right:0;
	width: 60px;
}
body#stage3 #primary form {
	padding: 0 0 50px 65px;
}
body#stage3 #primary form .choices {
	padding: 0 0 10px 100px;
	line-height: 1.4em;
}
body#stage3 #primary form .choices span.colA {
	display: block;
	width: 25px;
	float: left;
	padding: 0px;
}
body#stage3 #primary form .choices span.colB {
	display: block;
	width: 365px;
	float: left;
	padding: 3px 0 0 0;
}
body#stage3 #primary form .field {
	padding: 9px 0 9px 0;
}
body#stage4 #primary form .choices {
	padding: 0 0 10px 100px;
	line-height: 1.4em;
}
body#stage4 #primary form {
	padding: 40px 70px 30px 65px;
}
body#stage5 #primary form .choices {
	padding: 0 0 10px 100px;
	line-height: 1.4em;
}
body#stage5 #primary form {
	padding: 40px 70px 50px 65px;
}
body#stage6 #primary form {
	padding: 0 0 50px 65px;
}
body#stage6 #primary form .choices {
	padding: 0 0 10px 70px;
	line-height: 1.4em;
}
body#stage6 #primary form .choices span.colB {
	display: block;
	width: 365px;
	float: left;
	padding: 3px 0 0 0;
}
body#stage6 #primary form .field {
	padding: 9px 0 9px 0;
}
body#stage7 #primary form {
	padding: 0 0 50px 65px;
}
body#stage7 #primary form .choices {
	padding: 0 0 10px 100px;
	line-height: 1.4em;
}
body#stage7 #primary form .choices span.colA {
	display: block;
	width: 25px;
	float: left;
	padding: 0px;
}
body#stage7 #primary form .choices span.colB {
	display: block;
	width: 365px;
	float: left;
	padding: 3px 0 0 0;
}
body#stage7 #primary form .field {
	padding: 9px 0 9px 0;
}
#primary form .phone label {
	text-align: right;
	width: 180px;
	padding: 2px 40px 0 0;
	background: url(../gfx/nav/arrow_blue.gif) no-repeat 90% 1px;
	float: left;
}
#primary form .phone label.error {
	height:14px;
	background: url(../gfx/btn/error1.gif) no-repeat 70px; color:#F89F12;
	font-weight: bold;
}
#primary form .phone {
	padding: 10px 0;
}
#primary form .phone inputs {
	float: right;
	width: 155px;
}
#primary form .phone .inputs input {
	display: block;
	float: left;
	margin-right: 5px;
	text-indent: 2px;
}
#areacode,
#areacode2 {
	width: 40px;
}
#prefix,
#prefix2 {
	width: 40px;
}
#suffix,
#suffix2 {
	width: 65px;
}

#primary form .multifields #zipcode  { width: 80px;}

#primary form textarea {
	border: 1px solid #5172A6;
	background:#fff;
	display: block;
	width: 220px;
	height: 50px;
	float: left;
}

#primary form .newsletter {
	padding: 10px 0 20px 0;
}
#primary form .newsletter .colA {
	text-align: right;
	width: 180px;
	padding: 5px 40px 0 0;
	background: url(../gfx/nav/arrow_blue.gif) no-repeat 90% 5px;
	float: left;
}
#primary form .newsletter .colB {
	display: block;
	float: left;
	width: 155px;
}
#primary form .newsletter .colB span {
	padding: 0 30px 0 0;
}


/*  Layout
--------------------------------------------------------------------------------------------------- */
#primary {
	float: left;
	width: 616px;
}

/* ---| SET THE PICTURE OF THE DUDE OR DUDETTE |--- */
#contentwrap1 {
	background: url(../gfx/core/request_bot_1.jpg) no-repeat 0 100%;
}
#contentwrap2 {
	background: url(../gfx/core/request_bot_2.jpg) no-repeat 0 100%;
}
#contentwrap3 {
	background: url(../gfx/core/request_bot_3.jpg) no-repeat 0 100%;
}
#contentwrap4 {
	background: url(../gfx/core/request_bot_4.jpg) no-repeat 0 100%;
}
#contentwrap5 {
	background: url(../gfx/core/request_bot_1.jpg) no-repeat 0 100%;
}
#contentwrap6 {
	background: url(../gfx/core/request_bot_3.jpg) no-repeat 0 100%;
}
#contentwrap7 {
	background: url(../gfx/core/request_bot_3.jpg) no-repeat 0 100%;
}
#contentarea {
	background: url(../gfx/core/request_mid.gif) repeat-y 0 0;
}


/* ---| END PICTURE |--- */

body#stage1 #primarywrap {
	padding: 54px 31px 0px;
	background: url(../gfx/core/request_top_details.gif) no-repeat -2px 0;
}
body#stage2 #primarywrap {
	padding: 54px 31px 0;
	background: url(../gfx/core/request_top_applicant.gif) no-repeat -2px 0;
}
body#stage3 #primarywrap {
	padding: 54px 15px 30px;
	background: url(../gfx/core/request_top_contact_info.gif) no-repeat -2px 0;
}
body#stage4 #primarywrap {
	padding: 54px 15px 233px;
	background: url(../gfx/core/request_top_thanks.gif) no-repeat -2px 0;
}
body#stage5 #primarywrap {
	padding: 54px 15px 145px;
	background: url(../gfx/core/request_top_sorry.gif) no-repeat -2px 0;
}
body#stage6 #primarywrap {
	padding: 54px 15px 30px;
	background: url(../gfx/core/request_top_contact.gif) no-repeat -2px 0;
}
body#stage7 #primarywrap {
	padding: 54px 15px 30px;
	background: url(../gfx/core/request_top_talk.gif) no-repeat -2px 0;
}
#secondary {
	float: right;
	width: 211px;
}

/*  Primary Content
--------------------------------------------------------------------------------------------------- */

#primary p {
	line-height: 1.4em;
	margin: 0 0 15px 0;
}
#primary ul {
	margin: 0 0 15px 23px;
}
#primary ul li {
	line-height: 1.4em;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	background: url(../gfx/nav/arrow_blue.gif) no-repeat 0 5px;
}

/* ---------| Blue Request Box |--------- */
#request {
	width: 210px;
	height: 255px;
	background: url(../gfx/box/bg_request.gif) no-repeat 0 0;
	text-align: center;
}
#request h4 {
	font-weight: bold;
	color:#fff;
	padding: 27px 0 20px 0;
	font-size: 11px;
}
#request p {
	padding: 6px 25px;
	font-size: 10px;
	color:#ccc;
	text-align: left;
	line-height: 1.6em;
}
#request a {
	color:#BEBEBE;
	font-size: 10px;
}
#request a:hover {
	color:#fff;
	font-size: 10px;
}
form fieldset {
	border: none;
}
#request form {
	padding: 0px;
}
form select {
	width: 148px;
	display: block;
	/* height: 27px;
	line-height: 27px; */
	margin: 0 auto 17px;
	font-size: 11px;
	color:#777777;
}
html>body fieldset {
	padding: 0px;
}

/* ---------| Page Heading |--------- */
body#stage1 #primary h2 {
	padding:0;
	margin: 0;
	display: block;
	text-indent: -9999px;
	height: 50px;
	width: 350px;
	background: url(../gfx/txt/info_property.gif) no-repeat 50px 50%;
}
body#stage2 #primary h2 {
	padding:0;
	margin: 0;
	display: block;
	text-indent: -9999px;
	height: 50px;
	width: 350px;
	background: url(../gfx/txt/info_applicant.gif) no-repeat 50px 50%;
	position: relative;
}
body#stage3 #primary h2 {
	padding:0;
	margin: 0;
	display: block;
	text-indent: -9999px;
	height: 50px;
	width: 350px;
	background: url(../gfx/txt/info_contact.gif) no-repeat 50px 50%;
}
body#stage4 #primary h2 {
	padding:0;
	margin: 0;
	display: block;
	text-indent: -9999px;
	height: 50px;
	width: 350px;
	background: url(../gfx/txt/info_thankyou.gif) no-repeat 50px 50%;
}
body#stage5 #primary h2 {
	padding:0;
	margin: 0;
	display: block;
	text-indent: -9999px;
	height: 50px;
	width: 350px;
	background: url(../gfx/txt/info_sorry.gif) no-repeat 50px 50%;
}
body#stage6 #primary h2 {
	padding:0;
	margin: 0;
	display: block;
	text-indent: -9999px;
	height: 50px;
	width: 350px;
	background: url(../gfx/txt/info_contact_us.gif) no-repeat 50px 50%;
}
body#stage7 #primary h2 {
	padding:0;
	margin: 0;
	display: block;
	text-indent: -9999px;
	height: 50px;
	width: 350px;
	background: url(../gfx/txt/info_talk.gif) no-repeat 50px 50%;
}

/*  Footer
--------------------------------------------------------------------------------------------------- */

#footer ul  {
	padding: 7px 0px;
}
#footer ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border-right: 1px solid #ccc;
}
#footer ul li.last {
	border-right: none;
	margin: 0px;
	padding: 0px;
}
#footer p {
	padding: 0 0 0 10px;
	color:#999;
}
#footer a {
	color:#999;
	text-decoration: none;
}
#footer a:hover {
	color:#666;
}
#footer p.notice {
	width: 800px;
	padding: 40px 0 20px 0px;
	text-align: justify;
}
/* Easy Clearing
--------------------------------------------------------------------------------------------------- */
.field:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.field {display: inline-block;}

/* Hides from IE-mac \*/
* html .field {height: 1%;}
.field {display: block;}
/* End hide from IE-mac */