/* MAIN STYLES */

* {
margin: 0;
}

html {
height: 100%;
}

body {
margin: 0px;
padding: 0px;
background-image: url(../graphics/main-bg.gif);
background-repeat: repeat-x;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
color: #555555;
}

a {
color:#005288;
font-size:12px;
font-weight:bold;
}

h1 {
color: #09B35D;
font-size: 20px !important;
font-weight: normal;
}

h2 {
color: #9F9F9F;
font-size: 18px !important;
font-weight: normal;
}

h3 {
color:#035388;
font-size: 24px;
font-weight: normal;
}

h4 {
color:#035388;
font-size: 26px;
font-weight: bold;
}

p, ul, ol {
padding-top: 10px;
padding-bottom: 10px;
}

legend {
color: #00b25a;
font-size: 24px;
}

fieldset {
border: 1px solid #ccc;
}


.blue {
color:#3674A5;
font-size: 18px;
font-weight: normal;
}

.blue ul li {
list-style-image: url(../img/green-arrow.gif);
}

.captcha-verification span {
float:right;
font-size:10px;
left:-50px;
position:relative;
}

.style-one {
color:#005288;
font-size: 16px;
font-weight: bold;
}

#background {
background-image: url(../graphics/header-bg.gif);
background-repeat: repeat-x;
background-position: center;
height: 115px;
}

#container {
background-image:url(../graphics/header.gif);
background-repeat:no-repeat;
height:100%;
margin:0 auto -128px;
min-height:150px;
position:relative;
top:-115px;
width:907px;
}

#container .content {
float:left;
margin-left:66px;
margin-top:45px;
min-height:470px;
width:830px;
}

.content.becomeClient ol {
list-style-position:inside;
margin:0;
padding:0;
}

.content.becomeClient ol li {
padding: 2px 0 2px 0;
}

#container .content.plain {
float:left;
margin-left:66px;
margin-top:130px;
min-height:470px;
width:830px;
}

#container #utility-nav {
color:#C4D7E4;
float:right;
height:90px;
left:-20px;
margin:0;
position:relative;
top:-33px;
width:384px;
z-index:1;
}

#container #utility-nav a {
color: #c4d7e4;
font-size: 10px;
text-decoration: none;
font-weight: bold;
}

#container #utility-nav a:hover {
color: #c4d7e4;
font-size: 10px;
text-decoration: underline;
font-weight: bold;
}

#container #utility-nav #input-image  {
position:relative;
top:-12px;
}



form#PersonLoginForm.formContainer .input label {
float: none;
position: relative;
height: 50px;
}

div.peopleLogin form#PersonLoginForm.formContainer .input label {
width: 20%;
font-size: 120%;
float: left;
height: auto;
}

div.peopleLogin form#PersonLoginForm.formContainer .input {
margin-bottom: 5px;
}

div.peopleLogin form#PersonLoginForm.formContainer .input label {
width: 20%;
font-size: 120%;
float: left;
height: auto;
}

div.peopleLogin form#PersonLoginForm.formContainer .input input {
width: 70%;
font-size: 120%;
float: left;
height: auto;
}

div.peopleLogin form#PersonLoginForm.formContainer .submit input {
width: 144px;
height: 26px;
float: none;
margin: 0;
padding: 0;
}

#flashMessage {
background-image:url(../img/error-message-bg.gif);
background-position:left top;
background-repeat:no-repeat;
color:#CF110C;
height:48px;
padding-left:50px;
padding-top:15px;
position:relative;
width:662px;
}

#forgotPassSubmit {
width: 144px;
height: 26px;
}

form#PersonLoginForm .submit {
margin-top: 20px;
}

form#PersonLoginForm .submit input  {
position: relative;
float: left;
clear: left;
}

form#PersonLoginForm.formContainer .input input {
float:left;
height:16px;
position:relative;
width:144px;
}

.login-page-submit #login-submit-btn {
border: none;
margin-top: 20px;
}

.login #PersonEmail,
.login #PersonPasswd {
width: 200px;
}


.login-pass,
.login-user {
float:left;
width: 160px;
}


#username-image {
float: left;
}

#broker-account {
float:left;
margin-bottom:8px;
margin-right:200px;
position:relative;
}

#login-submit {
position:relative;
top:16px;
width:44px;
}

.utility-links {
clear:both;
height:20px;
position:relative;
top:-28px;
}


#container #utility-nav form {
color:#C4D7E4;
float:left;
font-size:12px;
font-weight:bold;
height:70px;
padding-left:1px;
position:relative;
top:0;
}


#container .content .top-row {
margin-bottom: 35px;
height: 275px;
}

#container .content .top-row #register-btn a span {
display: none;
}

#container .content .top-row #register-btn a  {
background-image:url(../graphics/register-btn.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
float:right;
height:26px;
left:155px;
position:relative;
top:-21px;
width:146px;
display: block;
}


#container .content .top-row #register-btn a:hover {
background-image:url(../graphics/register-btn-over.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
float:right;
height:26px;
position:relative;
width:146px;
display: block
}

#register-btn-level-two a span {
display: none;
}

#register-btn-level-two a  {
background-image:url(../graphics/level2-register-btn.gif);
background-position:0 0;
background-repeat:no-repeat;
clear:left;
display:block;
float:left;
height:26px;
left:20px;
position:relative;
top:-50px;
width:181px;
}

#register-btn-level-two a:hover {
background-image:url(../graphics/level2-register-btn-over.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
height:26px;
position:relative;
width:181px;
display: block
}

#preferred-btn-level-two a span {
display: none;
}

#preferred-btn-level-two a  {
background-image:url(../graphics/level2-preferred-vendor.gif);
background-position:0 0;
background-repeat:no-repeat;
clear:left;
display:block;
float:left;
height:26px;
left:20px;
position:relative;
top:-50px;
width:181px;
}

#preferred-btn-level-two a:hover {
background-image:url(../graphics/level2-pref-vendor-over.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
height:26px;
position:relative;
width:181px;
display: block
}

.top-row-bottom-image {
clear:both;
height:33px;
margin:0 auto;
width:425px;
}


#container #flash {
float:left;
position:relative;
top:17px;
}

#container #flash #flashcontent {
float:left;
position:relative;
height:249px;
width: 521px;
}



#container #flash object {
float:left;
height:249px;
width: 521px;
}

#container .content #brokers-and-appraisers {
float: right;
}

#container .content .mid-row {
margin-bottom: 20px;
height: 130px;
}

#container .content .mid-row .our-mission-box {
background-image:url(../graphics/our-mission-box.gif);
background-repeat:no-repeat;
height:130px;
width:392px;
color:#97B3D0;
float: left;
}

#container .content .mid-row .our-mission-box .box-content,
#container .content .mid-row .why-we-excel-box .box-content {
padding: 10px;
width: 375px;
margin-top: 20px;
}

#container .content .mid-row .why-we-excel-box {
background-image:url(../graphics/why-we-excel-box.gif);
background-repeat:no-repeat;
color:#97B3D0;
float:right;
height:130px;
left:-42px;
position:relative;
width:392px;
}

#container .content .mid-row .our-mission-header {
background-image:url(../graphics/our-mission-header.gif);
background-repeat:no-repeat;
width: 392px;
height: 112px;
}

#container .content .mid-row .blue-box-mid {
background-image:url(../graphics/blue-box-mid.gif);
background-repeat:repeat-y;
width: 392px;
}


#container .content .mid-row .blue-box-footer {
background-image:url(../graphics/blue-box-footer.gif);
background-repeat:no-repeat;
width: 392px;
height: 15px;
}

#container #photo-right {
float:right;
left:-30px;
padding-left:25px;
position:relative;
width:261px;
}

#container #bpo-photo-right {
clear:both;
float:right;
left:-30px;
margin-top:5px;
padding-left:25px;
position:relative;
width:261px;
}

#container .images-right {
float:right;
margin-left:0;
width:305px;
}

.servicing-lending {
background-image: url(../graphics/default-servicing-bg.gif);
background-repeat: no-repeat;
width: 521px;
height: 130px;
color: #7ea3c4;
padding-top:20px;
}

.servicing-lending a {
color: #7ea3c4;
}

#newBroker-form {
float:left;
margin-bottom:5px;
margin-top:25px;
padding:5px;
width:500px;
}

#BrokerRegisterForm {
margin-top:20px;
padding-bottom:40px;
padding-top:10px;
}

.formContainer.newBroker .submit input {
position: relative;
left: -14px;
width:101px;
height: 26px;
margin: 0px;
padding: 0px;
}

.column-right {
float:right;
position:relative;
}

.column-right img {
margin-bottom:10px;
margin-left:10px;
}

.formContainer.newBroker {
background-image: url(../img/sign-up-form-bg.gif);
background-repeat: no-repeat;
width: 520px;
height: 493px;
}


.content.broker .column-right {
float: right;
}

.content.broker .column-right img {
margin-bottom: 10px;
}

.content.broker .blue {
color: #42759B;
font-size: 18px;
font-weight: normal;
margin-top: 20px;
}

.content.broker .blue ul li {
list-style-image: url(../img/green-arrow.gif);
}

.formContainer.newBroker.row .input {
min-height:20px;
}

.formContainer.newBroker.row .input label {
width: 180px;
}

.formContainer.newBroker .captcha-verification label {
position: relative;
left: -70px;
}

.formContainer.newBroker .captcha-verification img {
position: relative;
left: -70px;
}

.formContainer.newBroker .captcha_input span {
float:left;
font-size:11px;
left:135px;
margin-bottom:5px;
margin-top:5px;
position:relative;
width:285px;
}

.formContainer.newBroker .captcha-verification {
left:50px;
position:relative;
margin: 0px;
padding: 0px;
}

.formContainer.newBroker .captcha_input input {
clear:both;
float:left;
left:135px;
margin-bottom:10px;
position:relative;
width:165px;
}

.formContainer.newBroker.row .input input {
width: 255px;
}

.formContainer.newBroker.row #BrokerRegisterForm {
width: 395px
}

.formContainer.newBroker hr {
clear:both;
color:#FFFFFF;
left:6px;
margin-bottom:10px;
margin-top:10px;
position:relative;
width:502px;
}

.push {
height: 128px;
clear: both;
}

.error-message {
clear:left;
color:#CF110C;
margin-left:140px;
}

.content.becomeClient #flashMessage {
display: none;
}

#contact-form {
background-image:url(../img/contact-us-bg.gif);
background-repeat:no-repeat;
float:left;
height:355px;
padding:25px 0 0 20px;
width:501px;
}

#contact-form.formContainer label {
clear:left;
float:left;
font-size:12px;
margin-bottom:3px;
margin-right:5px;
text-align:right;
width:30%;
}

#contact-form.formContainer input,
#contact-form.formContainer textarea,
#contact-form.formContainer select,
#contact-form.formContainer .fakeInput,
#contact-form.formContainer .error_message {
margin-bottom:5px;
text-align:left;
width:60%;
}

#contact-form.formContainer textarea {
width:90%;
}

#contact-form.formContainer .submit #contact-submit {
float:left;
text-align: center;
}

#become-client-form {
background-image:url(../img/become-client-bg.gif);
background-repeat:no-repeat;
float:left;
height:355px;
margin-top:20px;
padding:25px 0 0 20px;
width:501px;
}

#become-client-form.formContainer label {
float:left;
width:126px;
}

#become-client-form.formContainer input,
#become-client-form.formContainer textarea,
#become-client-form.formContainer select,
#become-client-form.formContainer .fakeInput,
#become-client-form.formContainer .error_message {
margin-bottom:5px;
text-align:left;
width:60%;
}

#become-client-form.formContainer textarea {
width:90%;
}

#become-client-form.formContainer .submit #contact-submit {
float:left;
left:20px;
position:relative;
top:20px;
}

span.click-here a {
color:#00B25A;
font-size:16px;
font-weight:bold;
text-decoration:none;
}

span.click-here a:hover {
color: #00b25a;
font-size: 16px;
text-decoration: underline;
font-weight: bold;
}


#PersonForgotPasswordForm .input {
margin-bottom: 20px;
}

#PersonForgotPasswordForm .input label {
width: 20%;
font-size: 120%;
}


#PersonForgotPasswordForm .input input {
width: 70%;
font-size: 120%;
}

#PersonForgotPasswordForm .input label {
float:left;
position:relative;
text-align:right;
top:4px;
width:100px;
}

.fp-page-submit #login-submit-btn {
margin-left: 10px;
width: 102px;
}


#contact-submit {
clear: both;
margin-top: 10px;
}

div.formContainer#clientEasy {
float: left;
display: block;
}

form#clientEasy {
background-image:url(../graphics/client-easy-bg.gif);
background-repeat:no-repeat;
height:150px;
width:400px;
margin: 0px;
}

form#clientEasy div {
height:10px;
padding:10px;
}


#clientEasy .input label {
float: left;
clear: left;
width: 30%;
font-size: 1em;
text-align: right;
margin-right: 5px;
}

#clientEasy .input input {
/*margin-bottom: 5px;*/
text-align: left;
width: 50%;
}

/*****Start of Footer styles*********/
/************************************/

#footer {
background-image:url(../graphics/footer.gif);
background-repeat:repeat-x;
height:128px;
width:100%;
}

#footer .footer-content  {
color:#97B3D0;
margin:0 auto;
padding-top:8px;
width:760px;
}

#footer .footer-content a  {
color: #97b3d0;
text-decoration: none;
font-size: 12px;
}

#footer .footer-content a:hover  {
color: #97b3d0;
text-decoration: underline;
font-size: 12px;
}