html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; background: #000046 url(../images/template/page-bg.jpg) repeat-x; font: normal small "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; }
th,td,input,select,textarea { font: normal small "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; color: #352507; }
input[type="text"],select,textarea { border-width: 1px; background: #fffac0; }
form { margin: 0; padding: 0; height: 100%; margin-top: 6px; background: url(../images/template/page-bg-gradient.jpg) 100% 0% no-repeat; }
table,img { border: 0px none; }
a { color: #2e84db; text-decoration: underline; }
a:hover { color: #64b1ff; text-decoration: none; }

div.clear { clear: both; }

table.box {width: 744px; }
	table.box td.c1s1, table.box td.s1c2, table.box td.c3s3, table.box td.s3c4 { width: 124px; height: 16px; }
		table.box td.c1s1, table.l_box td.c1s1 { background: url(../images/template/c1s1c2.png) no-repeat; }
		table.box td.s1c2, table.l_box td.s1c2 { background: url(../images/template/c1s1c2.png) 100% 0% no-repeat; }
		table.box td.c3s3, table.l_box td.c3s3 { background: url(../images/template/c3s3c4.png) 100% 0% no-repeat; }
		table.box td.s3c4, table.l_box td.s3c4 { background: url(../images/template/c3s3c4.png) no-repeat; }
	div.s2, div.l_s2 { width: auto; padding: 0 10px 0 0; background: url(../images/template/s2s4.png) 100% 0% no-repeat; }
	div.s4, div.l_s4 {height: 100%; padding: 0 0 0 10px; background: url(../images/template/s2s4.png) no-repeat; }
	div.box-content { background: #FFF url(../images/template/box-bg.gif) 0% 100% repeat-x; padding: 0 10px; min-height: 125px; }
	div.box-content p, div.l_box-content p, div.g_box-content p { margin: 0; padding: 0 0; }
	td.box_back {vertical-align: top; background: url(../images/template/box-bg.png) bottom center no-repeat; padding: 0;}
#home table.box{float: left;  }

table.g_box {}
	table.g_box td.g_c1s1, table.g_box td.g_s1c2, table.g_box td.g_c3s3, table.g_box td.g_s3c4 { width: 50%; height: 15px; }
		table.g_box td.g_c1s1 { background: url(../images/template/g_c1s1c2c3s3c4.png) no-repeat; }
		table.g_box td.g_s1c2 { background: url(../images/template/g_c1s1c2c3s3c4.png) 100% 0% no-repeat; }
		table.g_box td.g_c3s3 { background: url(../images/template/g_c1s1c2c3s3c4.png) 100% 100% no-repeat; }
		table.g_box td.g_s3c4 { background: url(../images/template/g_c1s1c2c3s3c4.png) 0% 100% no-repeat; }
	div.g_s2 {width: auto; padding: 0 13px 0 0; background: url(../images/template/g_s2s4.png) 100% 0% no-repeat; }
	div.g_s4 {padding: 0 0 0 13px; background: url(../images/template/g_s2s4.png) no-repeat; }
	div.g_box-content { width: 100%; background: #4f4e4a url(../images/template/g_box_bg.png) repeat; color: #ffffff; padding-bottom:7px;}
#home table.g_box{ float: left;}

#home table.IdxSignIn_TABLE td table.l_box { width: 100%; }
	table.l_box td.c1s1, table.l_box td.s1c2, table.l_box td.c3s3, table.l_box td.s3c4 { width: 50%; height: 16px; padding: -10px;}
	div.l_box-content { background: #FFF url(../images/template/box-bg.gif) 0% 100% repeat-x; }
#home table.l_box{ width: 100%; }
	
.IdxSignIn_SignInLabelTD img{position: relative; left: -3px;}	
#left_signin{vertical-align: top;}
	
div.tour_homes{background: url(../images/template/tours.gif) top no-repeat; height:30px; padding-top: 38px; text-align: right; vertical-align: bottom;}
div.signin_spacer{background: url(../images/template/signin_spacer.gif) center no-repeat; height:1px; padding: 20px 0 0 0;}

div.signin_openhouses, div.signin_newhomes { padding: 9px 0 0; }
div.signin_openhouses div.count, div.signin_newhomes div.count { width: 43px; text-align: right; }
div.signin_openhouses a.openhouses-seeall, div.signin_newhomes a.newhomes-seeall { display: block; width: 70px; margin: 4px 0 0 auto; }
	div.signin_openhouses { background: url(../images/template/signin_openhouses.gif) 50px 0% no-repeat;  }
	div.signin_newhomes { background: url(../images/template/signin_homes.gif) 50px 0% no-repeat; }

div.signin_realtor_logos{background: url(../images/template/realtor_logos.gif) bottom left no-repeat; height:32px; margin-left: 10px;}


	
/* MAIN SITE TEMPLATE CSS */

#site-bg { min-height: 100%; background: url(../images/template/page-dotsbg.gif) repeat-x; }
#site-container { width: 965px; margin: 0 auto; }
#header { }
	#header h1 {position: absolute; float: left; width: 259px; height: 85px; text-indent: -30000em; font-size: 50%; background: url(../images/template/logo-jdjassociates.gif) no-repeat; }
	#header img.logo {position: absolute; float: left; width: 259px; height: 85px; }
	#header #quick-search {  }
	#header div.clear{ margin-bottom: 18px;}
#slideshow {width: 722px; height: 240px; padding: 7px 7px 4px 7px; background: url(../images/template/slideshow-bg.png) no-repeat; }
	#flash { width: 722px; padding: 3px 0 0 3px;}
	
#footer { font-size: 77%; padding: 0 12px; color: #7586bb; }
		#footer a, #footer a:hover { color: #7586bb; }
		#footer p.footer-logos { margin: 0; padding: .5em 0; }

/* MESSAGE BOX CSS */
.MessageBoxBody { border-top: 2px solid #FFF; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #FFF; background: #4f4e4a; color: #FFF; }
.MessageBoxTitle { padding: 2px 2px 4px; font: bold 10pt Arial,Geneva,Helvetica,sans-serif; color: #ffffff;	cursor: default; white-space: nowrap; background: #7485DD; border-bottom: 1px solid #222; text-align: center; }
.MessageBoxMessage { padding: 0.5em; font: normal 10pt Arial,Geneva,Helvetica,sans-serif; color: #FFF; margin: 2px 0px 0px; overflow: auto; background: #4F4E4A; border-top: 0px solid #FFF; border-bottom: 1px solid #222; }
.MessageBoxButtonsArea { padding: 0.5em; font: normal 10pt Arial,Geneva,Helvetica,sans-serif; color: #C9D5E6; margin: 2px 0px 0px; background: #7485DD; border-top: 1px solid #FFFFFF; }
.MessageBoxInputBoxArea { padding: 0.5em; background: #efebde; color: #000; font: normal 10pt Arial,Geneva,Helvetica,sans-serif; margin: 2px 0px 0px; }
.MessageBoxInputBox { border: 1px solid; padding: inherit 0.5em; width: 95%; }
.MessageBoxButton { margin: 0px 5px; width: 35%; font-size: .82em; }

/* FEATURED PROPERTY */
#featured{ }
	h3.featured { margin: 0 0 0 -15px; padding: 0 0 3px; height: 19px;  text-indent: -30000em; background: url(../images/titles/IDX_Banner_Featured.GIF) no-repeat; }
	h5.featured { margin: -4px -10px 3px; padding: 0; font-size: 75%; font-weight: normal; }
.FeaturedProperty_LocationText { font-weight: bold; text-align: center; margin: 2px 0px; }
.FeaturedProperty_Image { text-align: center; border: 2px solid #FFFFFF; margin: 0px auto; width: 170px; overflow: hidden; }
.FeaturedProperty_InfoTextWrapper { width: 150px; margin: 0px auto; text-align: right; }
.FeaturedProperty_Beds, .FeaturedProperty_Baths { float: none; margin: 2px 4px 2px 0px; font-weight: bold; color: #000000; }
	.FeaturedProperty_Beds {background: url(../images/template/featured_bed.gif) left bottom no-repeat; }
	.FeaturedProperty_Baths {background: url(../images/template/featured_bath.gif) left bottom no-repeat; }
	.FeaturedProperty_Beds span, .FeaturedProperty_Baths span { color: #000000; font-weight: normal; font-size: .80em; }
.FeaturedProperty_Price { background: url(../images/template/featured_price.gif) left bottom no-repeat; padding-right: 4px; clear: both; font-weight: bold; }
a.FeaturedProperty_Link {font-size: 82%; display: block; text-align: center; color: #2e84db; }
a.FeaturedProperty_Link:hover { color: #64b1ff;; text-decoration: none; }
#_ctl0_uc_propertyrotater1_crtrFeaturedHomes{margin: auto;}

/* At A Glance */
#at-a-glance {  }
	h3.at-a-glance { margin: 0 0 0 15px; padding: 0 0 2px; height: 16px; text-indent: -30000em; background: url(../images/titles/IDX_Banner_WhatsForSale.gif) no-repeat; }
	h5.at-a-glance { margin: 0 0 2px 15px; padding: 0; font-size: 75%; font-weight: normal; }
	table.AtAGlance_Header { width: 85%; margin: auto; background: #F2F0E9; }
	table.AtAGlance_Results { width: 90%; margin: auto;}
	td.AtAGlance_AreaHeader, td.AtAGlance_HomesForSale, td.AtAGlance_Area, td.AtAGlance_Number { font-size: 82%; color: #777774; }
		td.AtAGlance_AreaHeader { text-align: left; padding: 2px 5px; }
		td.AtAGlance_HomesForSale { text-align: right; padding: 2px 5px; }
	td.AtAGlance_Area { background: url(../images/template/glance_ul.gif) bottom  no-repeat; padding: 1px 0 1px 5px; }
	td.AtAGlance_Number { width: 10%; vertical-align: bottom; font-size: 90%; padding-bottom: 1px; }

/* Horizontal Quick Search Formatting */
.QuickSearch_TABLE_Horizontal { border: 0px none; margin: 25px 0 0 auto;  }
.QuickSearch_TitleTD_Horizontal { width: 116px;  background: url(../images/titles/IDX_Label_Quicksearch.png) no-repeat 0 2px; padding-bottom: 2px; text-indent: -35000em;}
.QuickSearch_SearchByTextTD_Horizontal { display: none; }
.QuickSearch_SearchByListBoxTD_Horizontal { padding: 0px 5px 0px 0px; }
.QuickSearch_SearchByTextBoxTD_Horizontal { padding: 0px 5px 0px 0px; }
.QuickSearch_SearchButtonTD_Horizontal { padding: 0 5px 0 0; text-align: right; }

input.QuickSearch_FORM_TextBox_Horizontal, select.QuickSearch_FORM_SelectBox_Horizontal {font: normal 77% Arial,Geneva,Helvetica,sans-serif; border: 2px solid #6d7ac2; background: #d8d8d6; color: #002549; }
	.QuickSearch_FORM_TextBox_Horizontal { width: 165px; padding: 1px 4px; }
	.QuickSearch_FORM_SelectBox_Horizontal { width: 110px; }
	
/* Mini Search */				
#mini-search { margin: 10px auto; width: 177px;}
	h5.MiniSearch { margin: -20px 15px 2px; padding: 0 0 10px; font-size: 75%; font-weight: normal; }
h3.MiniSearch { margin: 0 0 .25em 0; padding: 0 0 2px 2px; }
h3.MiniSearch span { display: block; height: 32px; text-indent: -30000em; background: url(../images/titles/IDX_Label_MiniSearch.gif) no-repeat; }
div.MiniSearch { font-size: 72%; text-align: right; margin: auto; }
	div.MiniSearch a, div.MiniSearch a:hover { color: #2e84db; }
div.MiniSearch_FormLabel{position: relative; top: -9px; left: -10px;}
table.MiniSearch { margin: auto; }
td.MiniSearch_FormItemLabel { padding: 9px 0 0 1px; width: 85px; background: url(../images/common/dot-dkgray-horizontal.gif) bottom right no-repeat; }
td.MiniSearch_FormItem { padding: 0; }
td.MiniSearch_FormItem select.MiniSearch_FORM_SelectBox { width: 120px; font-size: 82%; color: #5b5714; background: #fffac0; margin: 3px 0 0 0; }
div.MiniSearch_FormItem.City select.MiniSearch_FORM_SelectBox {width: 100%; }
div.MiniSearch.Advanced{text-align: left; padding: 0 0 0 15px; margin-top: -15px;}
div.MiniSearch_ButtonRow {text-align: right; padding: 8px 12px 0 0; }
div.MiniSearch_Footer { font-size: .82em; line-height: 93%; padding: 1em 0 0 0; }

/* Main Navigation */
.MenuItem, .MenuItem-Hover, .MenuItem-Selected, .MenuItem-SelectedHover, .MenuItem-ChildSelected, .MenuItem-ChildSelectedHover { cursor: pointer; }
	.MenuItem-Hover, .MenuItem-SelectedHover, .MenuItem-ChildSelectedHover { }
	.MenuItem-Selected, .MenuItem-ChildSelected {}
.Spacer { vertical-align: middle; }
.Spacer nobr { display: block; margin: 4px 0; height: 0px; width: 140px; border-bottom: 0px solid #E8E0E0; overflow: hidden; }

.SubGroup, .SubGroup-150, .SubGroupAbout  { width: 225px; padding: 0 5px 0 1px; background: #fff389 url(../images/template/sub_menu_back.gif) bottom repeat-x; border: 2px solid #a18724; border-top: 0px; margin: -1px 0 0 8px;}
	.SubGroup-150 { width: 125px; }
	.ChildItem, .ChildItem-Hover, .ChildItem-Selected, .ChildItem-SelectedHover { padding: 0px 10px 1px 1px; cursor: pointer; background: #C7B269;}
	.ChildItem nobr, .ChildItem-Hover nobr, .ChildItem-Selected nobr, .ChildItem-SelectedHover nobr { display: block; padding: 5px 3px 2px;  font-size: 82%; color: #665506; border-bottom: 0px solid #e0e0e0; }
		.ChildItem-Hover nobr { background: #3d429f; color: #f0e380; border-bottom: 0px solid #79aee4; }
		.ChildItem-Selected nobr, .ChildItem-SelectedHover nobr { background: #e0e0e0; font-weight: bold; color: #111; }
	.ChildItem.Heading nobr { font-weight: bold; text-transform: uppercase; color: #3d429f; border-bottom: 0px none; }
	.Indent nobr {  }
	.SubGroupTop nobr { height: 0px; background: #fff389; overflow: hidden; position: relative; top: 0; }
		.SubGroupTop.Search nobr { width: 111px; left: 6px;}
		.SubGroupTop.Buyers-Sellers nobr { width: 96px; }
	.SubGroupAbout{ margin-left: 0;}
	.SubGroupSpacer nobr { display: block; border-top: 0px solid #82a6d3; background: transparent; height: 10px; overflow: hidden; }
	.SubGroupBottom {  }
	.SubGroupBottom nobr { display: block; height: 15px; overflow: hidden;}