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: 1px solid #d1c9be; background: #fffac0; color: #9a9000; }
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; }

h3{margin-bottom: -0px;}
li{font-size: .82em; list-style: circle; }
.top_link{font-size: .82em; padding-left: 5px;  }
table.area_info{width: 95%;}
td.area_header{border-bottom: 3px solid #0F0E76; vertical-align: top; }
td.area_link{}
td.area_label{width: 100%; text-align: left; padding-left: 10px; background: url(../images/template/glance_ul.gif) repeat-x bottom;}
td.repair_form{background: url(../images/template/glance_ul.gif) repeat-x bottom; color: #5b5714; font-size: .87em;}
td.form{ color: #5b5714; font-size: .87em;}
td.form textarea { border-width: 1px; background: #fffac0; }

/* Rentals Formatting */
#rentals { padding: 0 10px; }
#rentals table.rentals td.photo-thumbnail { vertical-align: top; padding: 0 10px 10px 0; } 
#rentals table.rentals td.rental-summary { vertical-align: top; padding: 0 6px 10px; }
#rentals h4 { margin: 0; padding: 0 0 3px; }
#rentals p { margin: 0 0 15px; }
#rentals div.horizontal-separator { height: 1px; border-width: 1px; border-style: solid; border-color: #c1bfbf #c1bfbf #e9e9e6 #e9e9e6; }

table.box {width: 740px; height: 190px;}
	table.box td.c1s1, table.box td.s1c2, table.box td.c3s3, table.box td.s3c4 { width: 370px; height: 16px; }
		table.box td.c1s1 { background: url(../images/template/c1s1c2.png) no-repeat; }
		table.box td.s1c2 { background: url(../images/template/c1s1c2.png) 100% 0% no-repeat; }
		table.box td.c3s3 { background: url(../images/template/c3s3c4.png) 100% 0% no-repeat; }
		table.box td.s3c4 { background: url(../images/template/c3s3c4.png) no-repeat; }
	div.s2 { width: auto; padding: 0 10px 0 0; background: url(../images/template/s2s4.png) 100% 0% no-repeat; }
	div.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; width: 500px; padding: 0 10px; min-height: 125px; }
	div.box-content p { margin: 0; padding: 1em 0;  }
#home table.box{float: left; }

table.g_box {vertical-align: top;}
	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: 195px; background: #4f4e4a url(../images/template/g_box_bg.png) repeat;  color: #ffffff; padding-bottom:7px;}
	div.g_box-content p { margin: 0; padding: 0; }
#home table.g_box{ float: left;}

table.l_box { }
	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;}
		table.l_box td.c1s1 { background: url(../images/template/c1s1c2.png) no-repeat; }
		table.l_box td.s1c2 { background: url(../images/template/c1s1c2.png) 100% 0% no-repeat; }
		table.l_box td.c3s3 { background: url(../images/template/c3s3c4.png) 100% 0% no-repeat; }
		table.l_box td.s3c4 { background: url(../images/template/c3s3c4.png) no-repeat; }
	div.l_s2 { width: auto;  padding: 0 10px 0 0; background: url(../images/template/s2s4.png) 100% 0% no-repeat; }
	div.l_s4 { padding: 0 0 0 10px; background: url(../images/template/s2s4.png) no-repeat; }
	div.l_box-content { background: #FFF url(../images/template/box-bg.gif) 0% 100% repeat-x; }
	div.l_box-content p { margin: 0 0 10px 0; padding: 0; font-size: .82em;}
#home table.l_box{  }

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;}
td.top_row{ vertical-align: top;  }
td.bottom_row{vertical-align: top; min-height: 100%;}
div.header_ul{margin: 15px 0 0 0; width:100%; height: 3px; background: url(../images/template/header_ul.gif) center bottom repeat-x;}	
div.vertical_dots{width:1px; height: 220px; margin: 15px 0 0 0; background: url(../images/template/vertical_dot.gif) repeat-y center; }
.IdxSignIn_SignInLabelTD img{position: relative; left: -3px;}	
#left_signin{vertical-align: top;}

blockquote{ width: 80%; padding: 5px 10px; font-size: .82em; font-style: italic; background: #e4f3ee; text-align: left;}
	blockquote p.quote_name{text-align: right; font-size: 1em; font-style: normal; }
#signature {float: right;}
	#signature p {text-align: right;}
	
/* 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; padding: 8px 7px 0 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; }

/* 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; }

/* Main Navigation */
div.menu1 { width: 718px;  padding: 0 10px 0 0; background: #fff url(../images/template/Nav_Menu_BG.gif) 100% 100% no-repeat; }
	div.menu2 { width: auto; height: 42px;padding: 3px 0 0 10px; background: #fff url(../images/template/Nav_Menu_BG.gif) 0% 100% no-repeat; }

.MenuGroup { border: 0px none; margin: 0px; }
	.MenuItemDefaultSubGroup {  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 04px; }
	
	.MenuItemDefault, .MenuItemHover, .MenuItemSelected, .MenuItemChildSelected, .MenuItemSelectedHover, .MenuItemChildSelectedHover { cursor: pointer; height: 38px; }
		.MenuItemDefault { border-left: 1px solid transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; }
		.MenuItemHover { border-left: 1px solid #b8ab6c; border-top: 1px solid #b8ab6c; border-right: 1px solid #f0e4a7; background: url(../images/layout/agentsites_mainitemhoverbg.gif) 0% 0% repeat-x; }
		.MenuItemSelected {  border-left: 1px solid #b8ab6c; border-top: 1px solid #b8ab6c; border-right: 1px solid #f0e4a7; cursor: default; background: url(../images/layout/agentsites_mainitemhoverbg.gif) 0% 0% repeat-x; }
		.MenuItemSelectedHover { border-left: 1px solid #b8ab6c; border-top: 1px solid #b8ab6c; border-right: 1px solid #f0e4a7; cursor: default; background: url(../images/layout/agentsites_mainitemhoverbg.gif) 0% 0% repeat-x; }
		.MenuItemChildSelected { border-left: 1px solid #b8ab6c; border-top: 1px solid #b8ab6c; border-right: 1px solid #f0e4a7; cursor: default; background: url(../images/layout/agentsites_mainitemhoverbg.gif) 0% 0% repeat-x; }
		.MenuItemChildSelectedHover { border-left: 1px solid #b8ab6c; border-top: 1px solid #b8ab6c; border-right: 1px solid #f0e4a7; cursor: default; background: url(../images/layout/agentsites_mainitemhoverbg.gif) 0% 0% repeat-x; }	
			.MenuItemDefault td, .MenuItemHover td, .MenuItemSelected td, .MenuItemSelectedHover td, .MenuItemChildSelected td, .MenuItemChildSelectedHover td { font: bolder .92em Tahoma,"Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; letter-spacing: 2%; color: #97873d; text-transform: lowercase; padding: 0px 15px 0px; }
			.MenuItemHover td { color: #3D429F; }
			.MenuItemSelected td { color: #6a688c; }
			.MenuItemSelectedHover td { color: #3D429F; }
			.MenuItemChildSelected td { color: #6a688c; }
			.MenuItemChildSelectedHover td { color: #3D429F; }
		
		.WithSubGroup { }
			.WithSubGroup * {}
		
		/* Child Item Classes */
		.ChildMenuItemDefault, .ChildMenuItemHover, .ChildMenuItemSelected, .ChildMenuItemSelectedHover, .ChildMenuItemChildSelected, .ChildMenuItemChildSelectedHover { cursor: pointer; background: #C7B269; }
		.ChildMenuItemChildSelectedHover { cursor: default; background: #D3FFBB; border-bottom: 1px solid #FFF; }
			.ChildMenuItemDefault td, .ChildMenuItemHover td, .ChildMenuItemSelected td, .ChildMenuItemSelectedHover td, .ChildMenuItemChildSelected td, .ChildMenuItemChildSelectedHover td { padding: 5px 3px 2px;  font-size: 82%; color: #665506; border-bottom: 0px solid #e0e0e0; }
			.ChildMenuItemHover td { background: #3d429f; color: #f0e380; border-bottom: 0px solid #79aee4; }
			.ChildMenuItemSelected td { background: #6266b7; font-weight: bold; color: #fecd00;  }
			.ChildMenuItemSelectedHover td { background: #6266b7; font-weight: bold; color: #fecd00; }
			.ChildMenuItemChildSelected td { background: #6266b7; font-weight: bold; color: #fecd00; }
			.ChildMenuItemChildSelectedHover td { background: #6266b7; font-weight: bold; color: #fecd00; }
			
		.ChildWithSubGroup {}
			.ChildWithSubGroup td {}





/* >>>>> Old Style */
.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: #6266b7; font-weight: bold; color: #fecd00; }
	.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;}

.COPY_ContentWrapper { padding: 7px 5px; }
.COPY_ContentWrapper p { position: relative; font-size: .82em; }

/* TEXT CSS */
	.COPY_Hint { position: absolute; float: right; z-index: 88; background-color: #F3F3F3; border: 1px solid #666666; padding: 4px; width: 167px; display: none; }
	.COPY_SmallText { font-size: .82em; }
	.COPY_MessageText { width: 82%; margin: 50px auto; }
	.COPY_ErrorMessageText { color: #C10000; font-weight: bold; }
/* SECTION HEADERS CSS */	
	.COPY_SectionHeader { background: #d1d2cc; color: #686963; font-size: .82em; text-transform: uppercase; padding: 4px 7px; border-bottom: 0px solid #222; }
	.COPY_SectionSeparator { background: #0F0E76; height: 3px; margin: 10px auto 10px auto; width: 95%; }
	.COPY_SectionContent { padding: 4px 7px; border-top: 1px solid #FFF; }
	.COPY_SectionSeparator2 { background: #0F0E76; height: 3px; margin: 10px 10px 10px 10px; width: 495px; text-align: left; }
	
/* 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; }

/* MORTGAGE CALCULATOR CSS */
	.COPY_CountyMap { width: 205px; background: url(../images/layout/WEB_CalcFormMap.gif) no-repeat 50% 0%; background: #FFF; padding: 5px; border-left: 1px solid #222; }
	.COPY_CountyText, .COPY_CountyTaxRateText { font-size: 1.0em; font-weight: bold; }
	.COPY_CityText { padding: 1px 4px 1px 30px; border-bottom: 1px dotted #666; vertical-align: bottom; }
	.COPY_CityTaxRateText { vertical-align: bottom; padding: 0px; }
	.COPY_NoteText, .COPY_FormLabel { font-size: .82em; color: #5b5714;}
	.COPY_CalcFormLabel { width: 50%; height: 24px; padding: 0px 7px 0px 0px; }
	.COPY_CalcFormItem { width: 50%; vertical-align: bottom; padding: 1px 0px 1px 7px; }
		.COPY_CalcFormItem div { display: block; background-color: #FFFFFF; border: 1px solid #676F88; padding: 2px 5px; }
/* FORM CSS */
	.COPY_FormLabel { width: 110px; height: 18px; padding: 0px 7px 0px 0px;}
	.COPY_RequiredFormLabel { color: #5b5214; font-size: 0.82em; font-weight: bold; padding: 2px 7px 2px 0px;}
	.COPY_FormItem { padding: 1px 4px; width: 35%; vertical-align: bottom; }
	.COPY_FormButtonRow { width: 44%; text-align: right; padding: 4px 0px; }
	.COPY_FORM_TextBox, .COPY_FORM_SelectBox, .COPY_FORM_TextArea {font-size: .82em; width: 95%; border: 1px solid #d1c9be; color: #9a9000;}