@charset "utf-8";
/* CSS Document */
/* 
================================    BEGIN NEIGHBORWORKS GLOBAL STYLE SHEET     =================================== 
*/


body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; background: url(../_images/bg-warning-stripes.gif) 0 4px repeat-y; padding: 0 0 0 15px; }
body p { margin: 0 0 15px 0; line-height: 1.3em; }
body p.margin { margin: 0 0 5px 0; }
body h1, h2, h3, h4, h5, h5 { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 10px 0; line-height: 1.2em;  }
body a { color: #000000; text-decoration: underline; }
body a:hover { color: #A40000; text-decoration: underline; }
body ol { margin: 20px 0; }
body ol li { margin: 5px 0 8px 20px; line-height: 1.3em; list-style-type: decimal; }
body ul { margin: 0 0 20px 0; }
body ul li { list-style-image: url(../_images/bg-list-item.gif); margin: 5px 0 0 30px; } 
#warnStripes { width: 15px; height: 100%; }


/*-- =========   BEGIN TOP CONTAINER   ======== -- */
#warningStripes { position: absolute; top: 0; left: 0; width: 15px; height: 500px; background: #FFAF00 url(../_images/bg-warning-stripes.gif) 0 5px repeat-y;}
#pageContainer { width: 100%; margin: 0 auto; background: transparent url(../_images/bg-page.gif) 0 0 repeat-x;  }
#contentContainer { width: 1050px; margin: 0 auto; background: transparent url(../_images/bg-body.gif) 0 0 no-repeat; }

	#header { position: relative; width: 910px; margin: 0 auto;  }
	#header p { font-size: 11px; }
	#header #logo { display: inline; float: left; width: 300px; height: 75px; margin: 40px 0 0 20px; background: url(../_images/bg-logo.gif) 0 0 no-repeat;                      text-indent: -9999px; }
	#header #logo a { display: block; width: 305px; height: 75px; }
	#header #langOptions { float: left; width: 220px; height: 65px; padding: 35px 0 0 45px; background: url(../_images/bg-languages.gif) 18px 19px no-repeat; }
	* html #header #langOptions { width: 210px; }
	#header #langOptions p { font-size: 11px;  }
	#header #materials { position: relative; float: left; width: 320px; padding: 40px 0 0 0; text-align: right; }
	#header #materials p { margin: 0; }
	#header #materials p.instructions { margin: 0; display: block; height: 6px; }
	#header #materials #pdfIcon { position: absolute; top: 32px; right: 295px; width: 27px; height: 25px; 
							      background: transparent url(../_images/pdf-icon-yellow-bg.gif) 0 0 repeat-y; }
    * html #header #materials #pdfIcon { right: 305px; }
	#header #materials #phoneNumber { position: relative; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 31px; 
										font-weight: bold; width: 175px; height: 35px; padding: 0 90px 0 0; margin: 10px 0 0 0; }
	#header #materials #phoneNumber span { position: absolute; top: 0; left: 178px; z-index: 8; opacity:0.0; 
											height: 32px; width: 100px; background-color: #FFCC00; text-align: left; }
	#header #materials #phoneNumber span.active { z-index:10; opacity:1.0; width: 100px; }
	#header #materials #phoneNumber span.last-active { z-index:9; width: 100px; }


	#header #materials .headline { position: absolute; top: 40px; right: 0; height: 20px; width: 60px; text-align: left; padding: 0 0 0 5px; }
	.sansNav { position: relative; width: 910px; margin: 0 auto; padding: 0 0 15px 0; }
	

/*-- =========   BEGIN MAIN NAVIGATION  ======== -- */
#mainNav { position: relative; width: 910px; height: 70px; margin: 0 auto; }
	#magnifyingGlass { position: absolute; top: 6px; left: 96px; width: 55px; height: 60px; background: transparent url(../_images/nav-magnifying-glass.gif) 0 0                       no-repeat; }
	#mainNav #handset { position: absolute;top: -11px; left: 318px; width: 37px; height: 81px; 
						background: transparent url(../_images/nav-handset.gif) 0 0 no-repeat; }
	#mainNav ul { margin: 0; padding: 0; }
	#mainNav ul li { list-style-type: none; margin: 0; padding: 0; }
	#mainNav ul li.home { float: left; display: inline; height: 55px; width: 113px; }
	#mainNav ul li.home a { display: block; height: 55px; width: 113px; background: transparent url(../_images/nav-home.gif) 0 0 no-repeat; text-indent: -9999px }
	#mainNav ul li.home a:hover { background-position: 0px -51px; }
	#mainNav ul li.spotScams { float: left; display: inline; height: 55px; width: 205px; }
	#mainNav ul li.spotScams a { display: block; height: 55px; width: 205px; background: transparent url(../_images/nav-spot-scams.gif) 0 0 no-repeat; text-indent: 	
								  -9999px }
	#mainNav ul li.spotScams a:hover { background-position: 0px -51px; }
	#mainNav ul li.reportScams { float: left; display: inline; height: 55px; width: 210px; }
	#mainNav ul li.reportScams a { display: block; height: 55px; width: 210px; background: transparent url(../_images/nav-report-scams.gif) 0 0 no-repeat;text-indent: 
									-9999px }
	#mainNav ul li.reportScams a:hover { background-position: 0px -51px; }
	#mainNav ul li.reportScams a.selected { background-position: 0px -51px; }
	#mainNav ul li.partners { float: left; display: inline; height: 55px; width: 160px; }
	#mainNav ul li.partners a { display: block; height: 55px; width:160px; background: transparent url(../_images/nav-partner.gif) 0 0 no-repeat; text-indent: -9999px}
	#mainNav ul li.partners a:hover { background-position: 0px -51px; }
	#mainNav ul li.partners a.selected { background-position: 0px -51px; }
	#mainNav ul li.about { float: left; display: inline; height: 55px; width: 222px; }
	#mainNav ul li.about a { display: block; height: 55px; width: 222px; background: transparent url(../_images/nav-about.gif) 0 0 no-repeat; text-indent: -9999px }
	#mainNav ul li.about a:hover { background-position: 0px -51px; }
	#mainNav ul li.about a.selected { background-position: 0px -51px; }


/*-- =========   BEGIN FOOTER STYLES  ======== --*/
#footer { width: 730px; margin: 20px auto 0 auto; padding: 35px 0 40px 0; }
	
	#footerTop {  }
	#footerTop ul li { display: inline; padding: 0 0 0 5px; margin: 0; list-style-image: none; list-style-type: none; }
	#footerTop ul li a { text-decoration: none; }	
		
	#footerBottom { padding: 20px 0 35px 0; color: #959595; }
    #footerBottom ul { width: 350px;  font-size: 9px; margin: 0 auto; padding: 0; overflow:hidden; text-transform:uppercase; }
	#footerBottom ul li { float: left; display: inline; padding: 0 0 0 5px; margin: 0; list-style-image: none; list-style-type: none; }
	#footerBottom ul li a { text-decoration: none; }

	#footerBottom p { font-size:11px; margin:1em auto; width:750px; }

/*-- =========   BEGIN QUICK CLASSES   ======== --*/
.clearBoth { clear: both; }
.selected { text-decoration: none; }
.callOfAction { font-size: 15px; text-decoration: none; }
.callOfAction a { text-decoration: none; }
.callOfAction a:hover { text-decoration: none; }
a.selected { font-weight: bold; text-decoration: none; }
h3.partners { font-size: 15px; margin: 0 0 24px 0; }
h3.register { font-size: 15px; }
h3.mediaCenter { display: inline-block; font-size: 13px; padding: 4px 10px; margin: 0 0 15px -8px; background-color: #FFE57b; }
.shareThis { position: absolute; top: 20px; right: 20px; }
.marginNone { margin: 0; }
#flashBox { display: none; }
.control input { float: left; }
.control label { display: block; padding: 3px 0 10px 25px; }
.control #agree { margin: 50px 0 0 0; }
/* MEDIA GALLERY STYLES*/
#gallery_display { margin: 30px 0 3px 0; }
span.thumb { display: block; height: 55px; width: 64px; margin: 0 0 0 3px; }
span.first { margin: 0!important; }
.media_gallery { float: left; margin: 0 0 30px 0; }


/* */#facingFc { width: 200px; height: 105px; background: transparent url(../_images/bg-facing-foreclosure-home.jpg) 0 0 no-repeat; 
			padding: 25px 20px 0 75px; margin: 0 0 0 5px;}
/* */#facingFc p { color: #FFFFFF; font-size: 11px; }
/* */#facingFc h2 { font-size: 14px; color: #FFFFFF; font-weight: bold; padding: 0 0 4px 0; margin: 0; }
#facingFc a { color: #FFCC00; text-decoration: none; font-weight: bold; }
#facingFc a:hover { text-decoration: underline; }


/*-- =========   BEGIN SELECTED STATES FOR NAVIGATIONS   ======== --*/
.home #mainNav ul li.home a { background-position: 0px -51px; }
.spotScams #mainNav ul li.spotScams a { background-position: 0px -51px; } 
.reportScams #mainNav ul li.reportScams a { background-position: 0px -51px; }
.partners #mainNav ul li.partners a { background-position: 0px -51px; }
.about #mainNav ul li.about a { background-position: 0px -51px; } 

.mediaCenter #footer #footerRight ul li a.mediaCenter { font-weight: bold; text-decoration: none; }
.contactUs #footer #footerRight ul li a.contactUs { font-weight: bold; text-decoration: none; }
.sitemap #footer #footerRight ul li a.sitemap { font-weight: bold; text-decoration: none; }
.privacyPolicy #footer #footerRight ul li a.privacyPolicy { font-weight: bold; text-decoration: none; }
.red { color: #CC0000; }


/*-- =========   BEGIN ECARD STYLES   ======== --*/
/* changing major structural elements */
.ecard #leftCol { width: 195px; padding-left: 30px; }
.ecard #rightCol { width: 273px; float: left; padding: 0 0 0 15px; background-position: -10px 0; }
* html .ecard #midCol { margin: 0 0 0 5px; }
.ecard #midCol { padding-top:0; margin:0 0 0 5px; width:343px; }
.ecard #heading { padding: 50px 0 60px 90px; width: 230px; }
/* form formatting */
.row { margin:1em 0; clear:both; overflow:hidden; }
.label { display: block; }
.termsBox { display: block; float: left; margin: 0 9px 0 0; font-size: 1.3em; padding: 5px 40px 5px 2px; color: #656565; }
.control { display: block; float: left; width: 155px; border:1px solid #acacac; margin:0 9px 0 0; font-size:1.3em; padding:5px 2px; color:#656565; }
.controlType { display: block; float: left; margin: 0 9px 0 0; font-size: 1.3em; padding: 5px 2px; color: #656565; }
.controlType input { float: left; }
.controlType label { display: block; padding: 3px 0 10px 25px; }
.controlType #agree { margin: 50px 0 0 0; }
.yourName .label { margin-bottom:1em; }
.yourName .control { float:none; width:322px; }
.friendLabels { margin-top:2em; }
.friendLabels .label { float:left; width:155px; margin:0 16px 0 0; }
.friend1 .label { display:none; }