/* CSS Document */
body { 
	background-color: white; 
	margin: 0; 
	padding: 0;
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color: #000000;  }

/* 
Commented out 12/28/2006 by BM per Brad's request...
Updated again on 12/29...
p, td { font: 12px verdana, arial, tahoma; }
p, td { font: 10pt arial, Helvetica, sans-serif; }
*/

p, td { 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color: #000000; 
	}

#mainWidth { width: 780px; }
#mainWidthinner { width: 976px; }
#mainWidthPrint { width: 678px; }

#mainOutside {
	padding: 15px 0 0 15px;
	border-right: 1px solid #f78711;
	background-image: url(images/gmac_tilebox.jpg);
	background-repeat: repeat-y;}
#mainOutsidePrint {
	border-top: 15px solid #00499e;
	border-right: 1px solid #f78711;
	border-bottom: 0px;
	border-left: 15px solid #00499e; }

#mainInside {
	width: 956px; 	
	border-bottom: 1px solid #f78711;
	border-left: 4px solid #f78711;
	}

#mainInsideContentWidth { 
	width: 956px; 	
	background-color: #E3EAF0;
	/*background-image: url(/images/background_mainInsidecontentWidth.gif);*/}

/* FOR Home Rewards */
#mainInsideContentWidth_HR { 
	width: 956px; 	
	background-color: #FFF;}

#leftcontentcontainer_HR { 
	width: 760px; 
	float: left;
	padding: 20px 0px 40px 0px; 
	background-color: #ffffff;
	}	

#leftcontentcontainer { 
	width: 760px; 
	float: left;
	padding: 20px 0px 40px 0px; 
	background-color: #ffffff;
	}
	
#mainInsideRightInfoGutter {float: right;
	width: 195px;
	}
#mainInsideRightInfoGutterPadding {padding: 0px 10px 0px 10px;}
	
#headerLogo { border-bottom: 2px solid #00499e; }
#headerRight { position: absolute; top: 15px; left: 192px; border-bottom: 2px solid #00499e; }
#headerLogoInner { border-bottom: 0px solid #00499e; }
#headerRightInner { position: absolute; top: 15px; left: 192px; border-bottom: 0px solid #00499e; }
#headerTextInner { position: absolute; top: 15px; left: 205px; }

#breadcrumbs { font-size: 9px; color: #3d3d3d; padding-bottom: 3px; }
#headCrumbs { /*height: 55px; */ margin-bottom: 16px;}
/*  #left { padding-top: 55px; } */
#left { padding-top: 0px; }
#right { padding-top: 55px; }

#backtoGMAC { float: right; font-size: 10px; margin-top: 7px; }

#homeRight { padding: 10px 14px; }

/* NAVIGATION ########## */
#mainNav {
	border-top: 1px solid #f78711;
	border-bottom: 1px solid #f78711;
	background-image: url(http://www.gmacrealestate.com/images/nav_bkg.jpg);
	background-repeat: no-repeat; }

#mainNav table td a { 
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	line-height: 11px; }
#mainNav table td a:hover { color: #f78711; }

#subNav { font-size: 11px; }

#navOffice { font-size: 13px; font-weight: bold; line-height: 17px; color: #f78711; padding: 3px 0px; margin: 20px 0px; background-color: #fff; }

#navOffice a { 
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none; }
	
#navAgent { font-size: 13px; font-weight: bold; line-height: 17px; color: #f78711; padding: 3px 0px; margin: 20px 0px; background-color: #fff; }
#navAgent a { 
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none; }
	
#navGutter { font-size: 11px; font-weight: bold; border-top: 1px solid #f78711; border-bottom: 1px solid #f78711; line-height: 17px; color: #f78711; padding: 3px 0px; margin-bottom: 20px; }
#navGutter a { 
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none; }
	
.navBkg { background-image: url(http://www.gmacrealestate.com/images/nv_bkg_off.gif); width: 104px; height: 34px; }
.navBkg a { display: block; padding: 6px 0px; width: 104px; }
.navBkg a.aboutUs { display: block; padding-top: 12px; width: 104px; }

.errorDiv {
	padding: 5px;
	border: 1px solid #db0f0f;
	background-color: #ffcfcf;
	color: #db0f0f;
	font-weight: bold; }

/* HEADERS ########## */
h1 { font: 22px Helvetica, Arial, sans-serif; color: #00499E; font-weight: bold; padding: 0; margin: 0; }
h1.normal { font: 20px Helvetica, Arial, sans-serif; color: #00499E; font-weight: normal; padding: 0; margin: 0; }
h1.small { font: 18px Helvetica, Arial, sans-serif; color: #00499E; font-weight: bold; padding: 0; margin: 0; }
h1 sup { font: bold 18px Helvetica, Arial, sans-serif; }

h2 { font: 14px Helvetica, Arial, sans-serif; font-weight: bold; padding: 0; margin: 0; }
h2.blue { font: 14px Helvetica, Arial, sans-serif; font-weight: bold; padding: 0; margin: 0; color: #00499e; }
h2.head { font: 20px Helvetica, Arial, sans-serif; color: #00499E; font-weight: normal; padding: 0px 0px 3px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #f78711; }
h3 { font: 20px Helvetica, Arial, sans-serif; color: #00499E; font-weight: normal; padding: 0px 0px 3px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #f78711; }
h3.small { font: 16px Helvetica, Arial, sans-serif; color: #00499E; font-weight: bold; padding: 0px 0px 3px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #f78711; }
h3.smallNoBorder { font: 16px Helvetica, Arial, sans-serif; color: #00499E; font-weight: bold; padding: 0px; margin: 0px; border-bottom: 0px solid #f78711; }
h3.twelve { font: 12px Helvetica, Arial, sans-serif; color: #00499E; font-weight: bold; padding: 0px 0px 3px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #f78711; }
h3.blackNoBorder { font: 16px Helvetica, Arial, sans-serif; color: black; font-weight: bold; padding: 0px; margin: 0px; border-bottom: 0px solid #f78711; }

h4 { font: 12px Helvetica, Arial, sans-serif; font-weight: bold; padding: 0; margin: 0; }
h4.green { font: 12px Helvetica, Arial, sans-serif; color: #197a30; font-weight: bold; padding: 0; margin: 0; }
h4.aboutNav { font: 12px Helvetica, Arial, sans-serif; font-weight: bold; padding: 2px 0px; margin: 0; }


h4.leftnav { font: 11px Helvetica, Arial, sans-serif; padding: 0px; margin: 0; background-color: #123D8B; border-bottom: 1px solid #355575; }



h5 { font: 12px Helvetica, Arial, sans-serif; font-weight: bold; color: #00499e; padding: 0; margin: 0; }
h5.five { padding-bottom: 5px; }

/* TAKEAWAYS and DID YOU KNOW callout box ########## */
#takeawaysDiv {width: 163px; float: right; margin: 0px 0px 10px 10px; padding: 0px; position: absolute; top: 140px; left: 780px; }
h3.takeaways {font: 12px Helvetica, Arial, sans-serif; color: #00499E; font-weight: bold; padding: 0px 0px 3px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #f78711; }
ul.takeaways {margin: 0 0 8px 0; padding: 0; list-style-type: none;}
li.takeaways {margin: 0; padding: 0; padding-left: 14px; font-size: 11px; list-style-type: none; background-image: url('images/learning_center/callout_arrow.png'); background-position: left top; background-repeat: no-repeat; }

/* FORMS ########## */
input { font-size: 11px; }
select { font-size: 11px; }


/* LISTS ########## */
#sixCriticalElements li { padding: 10px 0px; border-bottom: 1px dotted #c0c0c0; }

/* TEXT STYLES ########## */
.blue { color: #00499e; }
.blueEleven { color: #00499e; font-size: 11px; }
.blueTen { color: #00499e; font-size: 10px; }
.eleven { font: 11px Helvetica, Arial, sans-serif; }
.elevenBlack { color: black; font: 11px Helvetica, Arial, sans-serif; }
.error { color: red; }
.green { color: green; }
.orangeSmall { color: #f89822; font-size: 9px; }
.orangeEleven { color: #f89822; font-size: 11px; }
.ten { font-size: 10px; font-face: Helvetica, Arial, sans-serif; }
.tiny { font-size: 9px; }
p.tiny { font-size: 11px; }
td.tiny { font-size: 11px; }
.twelve { font: 12px Helvetica, Arial, sans-serif; }
.bold {font-weight: bold;}


/* MISC STYLES ########## */
.rightBoxTop { background-color: #adcdff; padding: 2px 0px; text-align: center; border: 1px solid #f78711; }
.orangeBox { padding: 5px; border: 1px solid #f78711; }
.blackBox { padding: 5px; border: 1px solid black; }
#printArticle { background-color: #eaeaea; border: 1px dotted #00499e; text-align: center; padding: 3px; font-size: 11px; }
#printArticletools { background-color: #eaeaea; border: 1px dotted #00499e; text-align: center;padding: 3px; font-size: 11px;width: 170px;}

#careersLinks { background-color: #eaeaea; border: 1px dotted #00499e; text-align: center; padding: 5px 3px; }
#articleLinks { background-color: #eaeaea; border: 1px dotted #00499e; text-align: center; padding: 5px 3px; }

.costComparison { border: 1px solid #c0c0c0; border-collapse: collapse; }
.costComparison td { border: 1px solid #c0c0c0; }

#displayLogoOffice { border: 0px solid #F79600; padding: 4px; background-color: white; }
#displayLogoAgent { border: 1px solid #F79600; padding: 4px; background-color: white; }

#popupOutside { border-top: 15px solid #00499e; border-bottom: 0px; border-left: 15px solid #00499e; height: 100%; }
#popupInside { border-bottom: 1px solid #f78711; border-left: 4px solid #f78711; height: 100%; }


#leftnavcontainer { border-top: 1px solid #355575; border-left: 1px solid #355575; border-right: 1px solid #355575; }

.aboutImg { border: 1px solid #c0c0c0; margin-bottom: 5px; }

img.articlePhoto { margin-left: 8px; padding: 2px; border: 1px solid #123d8b; }

/* FOOTER ########## */
#footer { margin: 20px 0px; padding-left: 34px; font: 9px Helvetica, Arial, sans-serif; }
#footer table td { font-size: 9px; }

/* LINKS ########## */
a { color: #00499E; text-decoration: underline; }
a:visited { color: #00499E; text-decoration: underline; }
a:hover { color: #f78711; text-decoration: underline; }

h4.leftnav a { color: #ffffff; padding: 4px; text-decoration: none; }
h4.leftnav a:visited { color: #ffffff; text-decoration: none; }
h4.leftnav a:hover { color: #ffffff; text-decoration: underline; background-color: #f78711; }

h4.leftnav a.closed { background: url(http://www.gmacrealestate.com/images/arrow-right2.gif) no-repeat 3px 3px; padding-left: 15px; display: block; }
h4.leftnav a.closed:hover {  background: url(http://www.gmacrealestate.com/images/arrow-right3.gif) no-repeat 3px 3px; background-color: #f78711; }

h4.leftnav a.open { background: url(http://www.gmacrealestate.com/images/arrow-down2.gif) no-repeat 3px 3px; font-weight: bold; padding-left: 15px; display: block; }
h4.leftnav a.open:hover {  background: url(http://www.gmacrealestate.com/images/arrow-down3.gif) no-repeat 3px 3px; background-color: #f78711; }



ul#press li { padding: 5px 0px; }

ul.leftnav { margin: 0; padding: 3px 0 3px 3px; background-color: #E3EAF0; list-style: none; font: 10px Helvetica, Arial, sans-serif; }
ul.leftnav li { margin: 5px; }

ul.leftnav li.navon { color: #f78711;  }
ul.leftnav li.navon a { color: #f78711; text-decoration: none; }
ul.leftnav li.navon a:hover { color: #000000; text-decoration: underline; }

/*Unused styles */
/*
.bigblue { 
	color: #38389E; 
	font-size: 25px; 
	font-weight: 600; 
	font-family: Arial; 
	margin: 0 0 0 32px; 
	display: inline; 
}
.body { 
	color: black; 
	font-size: 11px; 
}
.er { 
	color: red; 
}
.bodysmallwhite { 
	color: white; 
	font-size: 10px; 
}
.nav { 
	color: white; 
	font-weight: bold;
}
*/
table { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: black;
}

/* swapped to blue for refresh */
.bodypurple { color: #00499e; }
.bodysmall { 
	font-size: 11px; 
}

/* note: this is used in the breadcrumbs for search engine optimization */
/* h1 { 
	font-size: 11px; 
	margin: 0px; 
	font-weight: normal; 
	display: inline; 
} */

.featured { 
	font-size: 11px; 
	font-family: Helvetica, Arial, sans-serif 
}

.formlabel { 
	color: #F79600; 
	font-weight: bold; 
}
.head { 
	color: #38389E; 
	font-size: 20px;  
}
.headblue { 
	color: #38389E; 
	font-size: 14px;  
}
.headorange { 
	color: #F79600; 
	font-size: 14px;  
	font-weight: bold; 
}
.headbig { 
	color: #F79600; 
	font-weight: bold; 
	font-size: 20px; 
}

.main_nav {
	color: white;
	font-size: 11px;
	font-weight: bold;
	line-height : 12px;
}
.main_nav a {
	color: white;
	font-size: 11px;
	font-weight: bold; 
	text-decoration: none;
	line-height : 12px;
}
.main_nav a:hover {
	color: #ff9c00;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height : 12px;
}
.main_nav_vert { 
	border-right: 1px solid #F79600; 
}
.personalslogan { 
	color: #38389E; 
	font-size: 16px; 
	font-weight: bold; 
	line-height: normal; 
	font-style: italic 
}
.rates { 
	font-size: 11px; 
}
.rateshead { 
	color: #38389E; 
	font-weight: bold; 
}
.searchhead { 
	color: #38389E; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: Helvetica, Arial, sans-serif 
}
.searchtools { 
	font-size: 11px; 
	font-family: Helvetica, Arial, sans-serif 
}
.subhead12 { 
	font-size: 12px; 
	font-weight: bold; 
}
.subhead { 
	font-size: 14px; 
	font-weight: bold; 
}
.subheadblue { 
	color: #38389E; 
	font-size: 13px; 
	font-weight: bold; 
}
.subheadblue20 { 
	color: #38389E; 
	font-size: 20px; 
}
.tablehead { 
	color: white; 
	font-size: 12px; 
	font-weight: bold; 
}
.imageorange {
	BORDER-RIGHT: #FF9C00 1px solid; 
	BORDER-TOP: #FF9C00 1px solid;  
	BORDER-LEFT: #FF9C00 1px solid; 
	BORDER-BOTTOM: #FF9C00 1px solid
}
.orangeblue {
	BORDER: #FF9C00 1px solid; 
	BACKGROUND-COLOR: #eaeaea;
}
a.imageborder { 
	color: #000000; 
	BORDER-BOTTOM: black 1px solid; 
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid;  
	BORDER-LEFT: black 1px solid;
}
a.imageborderorange { 
	color: #FF9C00; 
	BORDER-BOTTOM: FF9C00 1px solid; 
	BORDER-RIGHT: FF9C00 1px solid; 
	BORDER-TOP: FF9C00 1px solid;  
	BORDER-LEFT: FF9C00 1px solid;
}


/* table borders */
.orangebottom { 
	border-bottom: 1px solid #F79600; 
}
.orangeright { 
	border-right: 1px solid #F79600; 
}
.orangebottomright { 
	border-bottom: 1px solid #F79600; 
	border-right: 1px solid #F79600; 
}


/* td cell w/ bg image */
.bgpresent {
    padding: 0px 8px 0px 11px;
	border-right: 1px solid #1F338D;
	background: url(http://www.gmacrealestate.com/images/flyers/tile_present.gif) no-repeat top left; 
}
.bgwelcome {
    padding: 7px 8px 0px 11px;
	border-right: 1px solid #1F338D;
	background: url(http://www.gmacrealestate.com/images/flyers/tile_welcome.gif) no-repeat top left; 
}	
.bgcongrats {
    padding: 7px 8px 0px 11px;
	border-right: 1px solid #1F338D;
	background: url(http://www.gmacrealestate.com/images/flyers/tile_congrats.gif) no-repeat top left; 
}				

/* td cell w/ agent info on bottom */
.agent {
    padding: 0px 8px 0px 11px;
	border-right: 1px solid #1F338D; 
}
	
/* td cell with add padding*/
.adpad {
    padding: 0px 12px 15px 12px; 
}
	
/* far right line */
.bluline {
    border-right: 1px solid #1F338D;
	background: url(http://www.gmacrealestate.com/images/flyers/stripey.gif) 
}	

	

/* type styles */
.adcopy {
	font-family: "Times New Roman",times,serif;
	font-size: 11px;
}	
	
.adcopybold {
	font-weight: bold;
	font-family: "Times New Roman",times,serif;
	font-size: 11px;
}				
	
.agentcell {	
	font-family: "Times New Roman",times,serif;
	font-size: 11px; 
	color: #1F338D;
}
	
.agentcellital {	
    font-style: italic;
	font-family: "Times New Roman",times,serif;
	font-size: 11px; 
	color: #1F338D;
}	

.boldname	{	
	font-weight: bold;
	font-family: "Times New Roman",times,serif;
	font-size: 12px; 
	color: #1F338D;
}	
	
.boldnamelg	{	
	font-weight: bold;
	font-family: "Times New Roman",times,serif;
	font-size: 15px; 
	color: #1F338D;
}

input.rewardsbutton {
	background-color: #2a309B;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	font-weight: bold;
 	color: #ffffff;
 	padding: 1px 
}

sup {font-size:9px;}

/* Markets Served */

.marketsTable {
	border-collapse: collapse; }
	
.marketsTable td {
	border-collapse: collapse;
	border: 1px solid #5b87b4;
	padding: 3px; }

.marketsTable td.info {
	border-collapse: collapse;
	border: 1px solid #5b87b4;
	padding:5px 10px; }
	
.marketsTable td.marketsServed {
	border-collapse: collapse;
	border: 1px solid #5b87b4;
	padding:5px 10px;
	font-size: 11px; }
	
.marketsTable td.links {
	border-collapse: collapse;
	border: 1px solid #5b87b4;
	padding:0px; }

.marketsTable td.spacer {
	border: 0px; }
	
.linksHeader a {
	color: #ffffff;
	font-weight: bold; }
	
.linksHeader a:hover {
	color: #f78711;
	font-weight: bold; }
	
.linksHeader a:visited {
	color: #ffffff;
	font-weight: bold; }
	
.linksHeader {
	background-color: #00499e;
	padding: 4px 2px;
	text-align: center; }

/* /Markets Served */


/* Office Profile */

#officeMap {
	height: 280px;
	width: 420px;
	border: 1px solid black;
	position: relative;
}

/* /Office Profile */


/* BUY A HOME - PROPERTY SEARCH RESULTS */

.propertySearchResultsTable { border-collapse: collapse; }
.propertySearchResultsTable td { border-bottom: 1px #8AAAC9 solid; }
.propertySearchResultsTable td.right { border-right: 1px #8AAAC9 solid; }
.propertySearchResultsTable td.left { border-left: 1px #8AAAC9 solid; text-align: center; }

.propertySearchResultsTable th.topleft {
	width: 130px;
	background: #00499e url(http://www.gmacrealestate.com/images/lcorner-search-local-listings.gif) no-repeat top left;
	padding: 0;
	text-align: left;
	border-left: 0; }

.propertySearchResultsTable th.topright {
	width: 10px;
	background-image: url(http://www.gmacrealestate.com/images/rcorner-search-local-listings.gif);
	background-repeat: no-repeat;
	padding: 0; }

.propertySearchResultsTable td.bottom {
	background-image: url(http://www.gmacrealestate.com/images/search-results-drop-shadow-bottom.jpg);
	background-repeat: no-repeat;padding: 0;
	line-height: 8px;
	border: none;}

.propertySearchResultsTable th.side-top {
	background: #ffffff url(http://www.gmacrealestate.com/images/search-results-drop-shadow-side-top.jpg) no-repeat bottom;
	width: 8px;
	border: none; }

.propertySearchResultsTable td.side {
	background-image: url(http://www.gmacrealestate.com/images/search-results-drop-shadow-side.jpg);
	background-repeat: repeat-y;
	padding: 0;
	border: none;}

.propertySearchResultsTable td.bottom-corner {
background-image: url(http://www.gmacrealestate.com/images/search-results-drop-shadow-corner.jpg);
background-repeat: no-repeat;padding: 0;
border: none;}

/* /BUY A HOME - SEARCH RESULTS */

/* New styles for the office navigation */
#OfficeNav { margin-top: 15px; }

#OfficeNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	overflow: hidden;
	width: 155px;
}

#OfficeNav ul li {
	text-align: center;
	margin: 3px 0px 0px 0px;
	padding: 1px 0px 0px 0;
	list-style: none;
	display: block;
	background: url(http://www.gmacrealestate.com/images/blue-button-background.gif) no-repeat;
	width: 155px; height: 18px;
}

#OfficeNav ul a {
	color: white;
	display: block;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

#OfficeNav ul a:hover { color: #f78711; }
/* /New styles for the office navigation */

#search_pagination { background-color: #e5

.seo_links {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
}

a.seo_links {
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
}

a.seo_links:hover {
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
}

a.seo_links:visited {
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
}
