/**********************************************************
Main Layout
**********************************************************/
body {
text-align:center;
margin:0;
padding:0;
}

div#IDXcontainer {
position:relative;
margin:0px auto;
margin-top:-3px;
width:726px;
text-align:left;
}
img {
border:0px;
}
#IDXcontainer a {
text-decoration:none;
}
#IDXcontainer a:hover {
text-decoration:underline;
}
.search #IDXcontainer {
background-color:#fff;
border:1px solid #ccc;
/* margin-top: 10px; */
}
form {
margin:0px;
}
/**********************************************************
Font/Color Styles
**********************************************************/
body {
color:#000;
font-size:16px;
margin-bottom:10px;
}
body, input, select, table, td, tr {
font-family:Arial, Helvetica, sans-serif;
}
ul#typesSelect span{
font-size:50%;
}
ul#citySelect {
font-size:75%;
}
ul#detailsList {
font-size:70%;
}
div#basicsContainer {
font-size:70%;
}
ul#neighborhoodList {
font-size:70%;
}
ul#openhouseList {
font-size:70%;
}
div#lowercontainer {
font-size:95%;
}
ul#basicsList li ul li{
font-size:70%;
color:#000;
}
h2.containerHeader {
font-size:14px;
font-weight:normal;
color:#FFF; /*changes header text color*/
background-color:#3378B1; /*changes header strip color Brown:CBC8AD*/
text-align:left;
}
h2[title] {
	height:25px;
}
h2.containerHeader span{
font-size:90%; /*changes reset form size*/
}
#searchContent div#typesContainer, #searchContent div#citiesContainer, #searchContent div#detailsContainer, #searchContent div#submitContainer, #searchContent div#quicksubmitContainer, #searchContent div#quickersubmitContainer, #searchContent div#mlsnumberSearch, #searchContent div#addressSearch, #searchContent div#neighborhoodContainer, #searchContent div#basicsContainer, #searchContent div#openhouseDirectory, #searchContent div#zipSearch, #searchContent div#keywordSearch  {
/* background-color:#ecf2f8; Changes the Background color behind the input buttons Yellow:FFFFE8*/
background-color:#FFF;
border:1px solid #888;/*changes border around main containers*/
color:#08088C; 
}
#IDXcontainer #resultContainer, #custom-resultContainer {
/* background-color:#ecf2f8; */
background-color:#FFF;
color:#000;
}
div#submitContainer input, div#addressSearch input, div#mlsnumberSearch input, div#quicksubmitContainer input, div#quickersubmitContainer input, ul#openhouseList input, #searchContent div#zipSearch input, #searchContent div#keywordSearch input {
color:#000;
background-color:#FFF;
border:1px solid #888;
font-size:12px;
}
#IDXContainer input, body.email table tr td input {
color:#000;
background-color:#FFF;
border:1px solid #888;
}

#searchContent div#typesContainer input, #searchContent div#citiesContainer input, #searchContent div#detailsContainer input, #searchContent div#neighborhoodContainer input {
border:0px;
}

/**********************************************************
Containing Div Layout
**********************************************************/
div#holder {
/*border:1px solid #888;*/
padding-top:1px;
padding-bottom:18px;
}
div#typesContainer, div#citiesContainer, div#detailsContainer, div#submitContainer, div#quicksubmitContainer, div#quickersubmitContainer, div#neighborhoodContainer, div#basicsContainer, div#openhouseDirectory  {
width:696px;
margin:5px 0px;
.margin:5px 15px;
padding-bottom:1px;
border:1px outset #000;
}
div#mlsnumberSearch {
margin-left:3px;
.margin-left:0px;
}
div#mlsnumberSearch, div#addressSearch,  #searchContent div#zipSearch, #searchContent div#keywordSearch {
width:339px;
height:120px;
text-align:center;
margin-right:7px;
border:1px solid #888;
}
div#addressSearch, #searchContent div#keywordSearch {
width:348px;
.width:350px;
margin-right:0px;
}
div#lowerContainer {

}
div#searchContent {
margin-bottom:10px;
margin-top:0px;
padding-top:10px;
}

/**********************************************************
Header Layout
**********************************************************/
h2.containerHeader {
width:auto;
height:20px;
padding:3px 0px 1px 4px;
margin:0;
}

/**********************************************************
Form Input Layout
**********************************************************/
ul#typeSelect, ul#citySelect, ul#detailsList, ul#neighborhoodList, ul#basicsList, ul#openhouseList {
list-style-type:none;
margin:0px auto;
}
ul#typeSelect li, ul#citySelect li, ul#detailsList li, ul#neighborhoodList li, ul#basicsList li, ul#openhouseList li {
width:145px;
display:inline;
float:left;
margin:3px 9px;
padding-top:2px;
text-align:left;
}
ul#typeSelect li input, ul#citySelect li input, ul#neighborhoodList li input  {
background-color:transparent;
}
ul#openhouseList {
margin-left:80px;
.margin-left:110px;
}
ul#openhouseList li {
width:160px;
}
ul#detailsList li, ul#basicsList li {

}
ul#detailsList li ul li, ul#basicsList li ul li{
background:none;
height:auto;
}
ul#detailsList li select, ul#basicsList li select {
width:138px;
}
div#submitContainer, div#quicksubmitContainer, div#quickersubmitContainer {
text-align:center;
padding:10px 0px;
}

div#submitContainer input, div#quicksubmitContainer input, div#quickersubmitContainer input {
width:140px;
}
ul#addressInput, ul#mlsInput {
list-style-type:none;
padding:0;
font-size:70%;
text-align:left;
}
ul#mlsInput {
margin:0;
}
ul#addressInput {
margin:0;
}
ul#addressInput li {
display:inline;
float:left;
}
#contact_info {
margin: 0px auto; padding: 0px 60px; width: 726px; text-align: center;
}
/**********************************************************
Open House Search Layout
**********************************************************/
ul#openhouseList {
	width:535px;
}

/**********************************************************
Results Page Styles
**********************************************************/
#IDXcontainer #resultContainer {
margin-bottom:15px;
padding-top:10px;
}
#IDXcontainer #resultContainer #top {
margin-bottom:1px;
height:310px;
padding-top:10px;
}

#IDXcontainer #resultContainer #resultSearch {
border:1px solid #CCC;
}
#IDXcontainer #resultContainer #resultSearch td {
padding-bottom:4px;
padding-right:8px;
font-size:10px;
} 
#IDXcontainer #resultContainer #resultSearch img {
margin-right:3px;
}
#resultSearch img {
margin-right:3px;
}

#IDXcontainer #mapHolder {
float:right;
width:445px;
margin-left:20px;
margin-bottom:8px;
.margin-bottom:2px;
}
#IDXcontainer #resultContainer #Strip {
clear:both;
margin:8px 0px;
margin-top:4px;
padding-top:3px;
padding-bottom:4px;
width:696px;
background-color:#3378B1;
border:1px solid #888;
color:white;
}
#IDXcontainer #resultContainer #Strip tr td{
color:#fff; font-size: 12px;
}
#IDXcontainer #resultContainer input, #IDXcontainer #resultContainer #Strip select {
font-size:12px;
}
#IDXcontainer #resultContainer #Strip tr td.returnNotice {
    font-size: 16px;
}

select {
width:140px;
}
#IDXcontainer #resultContainer #resultSearch input {
width:87px;
font-size:14px;
background-color:#FFF;
height:22px;
font-family:Arial, Helvetica, sans-serif;
}

#IDXcontainer #resultContainer {
padding:15px;
padding-top:0px;
width:696px;
border:1px solid #CCC;
float:left;
} 
#IDXcontainer #resultContainer .odd_result, #IDXcontainer #resultcontainer .even_result {
/* float:left; */
width:696px;
clear:both;
border-bottom:1px solid #f9f9f9;
}
#IDXcontainer #resultContainer .rightprop {
width:530px;
float:right;
}
#IDXcontainer #resultContainer .rightprop .propertySpecs {
font-size:12px;
}
#IDXcontainer #resultContainer .rightprop .price {
font-size:14px;
}
#IDXcontainer #resultContainer .rightprop .propertyDescription {
text-align:left;
font-size:13px;
position:relative;
}
#IDXcontainer #resultContainer .rightprop .addressListing {
text-align:center;
font-size:12px;
}
#IDXcontainer #resultContainer .rightprop .addressListing span {
font-weight:bold;
}

#IDXcontainer #resultContainer .rightprop .listing_agent_information {
text-align:center;
font-size:12px;
}
/**********************************************************

**********************************************************/
#IDXcontainer #searchContent div.clear {
clear:both;
height:1px;
}
/*********************************************************
Details Layout
*********************************************************/
#IDXcontainer #detailsWrapper {
position:relative;
}
#IDXcontainer #detailsWrapper {
width:726px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
margin-bottom:15px;
}
#IDXcontainer #detailsWrapper #innerdetailsHolder #innerContainer{
/* background-color:#ecf2f8; */
background-color:#FFF;
width:716px;
.width:728px;
border:1px solid #CCC;
padding-top:10px;
padding-bottom:15px;
float:left;
padding-right:10px;
}
#IDXcontainer #detailsWrapper #top_navigation_buttons {
margin-bottom:4px;
}
#IDXcontainer #detailsWrapper #top_navigation_buttons span{
margin-left:28px;
.margin-left:32px;
}
#IDXcontainer #detailsWrapper #mapHolder {
float:right;
margin-bottom:0px;
width:445px;
height:330px;
position:absolute;
top:50px;
left:229px;
display:none;
background-color:#fff;
border:1px solid #CCC;
}

#IDXcontainer #detailsWrapper #mapHolder span {
text-align:center;
width:445px;
}

#IDXcontainer #detailsWrapper #details_data_column {
width:180px;
.width:184px;
text-align:left;
float:left;
padding-left:12px;
margin-top:8px;
margin-bottom:8px;
margin-left:20px;
}
#IDXcontainer #detailsWrapper #details_pictures_container {
float:left;
margin-top:8px;
margin-bottom:8px;
width:480px;
}
#IDXcontainer #detailsWrapper #details_pictures_container #main_pic_holder {
height:360px;
overflow:hidden;
width:480px;
}
#IDXcontainer #detailsWrapper #details_pictures_container #main_pic_holder .main_pic {
border:1px solid #000;
max-height:360px
}
#IDXcontainer #detailsWrapper #details_pictures_container #main_pic_holder #thumb_container {
width:480px;
padding-top:3px;
}
#IDXcontainer #detailsWrapper #details_pictures_container #main_pic_holder #thumb_container .thumb_images {
padding-right:0px;
}
#IDXcontainer #detailsWrapper .additional_details_section {
clear:both;
width:673px;
text-align:left;
margin-bottom:10px;
}

#IDXcontainer #detailsWrapper .additional_details_section .address_price {
font-size:12px;
}
#IDXcontainer #detailsWrapper .additional_details_section td.phototour_cell {
padding:10px 0px;
}
#IDXcontainer #detailsWrapper .additional_details_section agent_info {
font-size:12px;
margin-top:15px;
}


#IDXcontainer #detailsWrapper h2.details_header {
width:690px;
font-size:14px;
height:18px;
background-color:3378B1;
color:#fff;
text-align:left;
padding-left:3px;
font-weight:normal;
}

#IDXcontainer #IDXdisclaimer {
    width:100%;
    font-size:12px;
    text-align: center;  /* IE FIX - centers the actual p tag */
}
#IDXcontainer #IDXdisclaimer p {
    width: 600px;
    text-align: justify;
    margin: 0 auto; /* Centers p tag for standards compliant browsers */
}


/*********************************************************
Features's Layout (Details Page)
*********************************************************/
	#IDXcontainer #featuredData {
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:12px;
	margin-left:12px;
	}

	#IDXcontainer #featuredData li {
	width:130px;
	display:inline;
	padding-right:8px;
	float:left;
	text-align:left;
	}

	#IDXcontainer #featuredData li.value {
	width:175px;
	padding-right:10px;
	}

	#IDXcontainer .right_detail_spec {
	padding-left:2px;
	width:100px;
	}
	#IDXcontainer #detailsWrapper #featuredData table th {
	text-align:left;
	}
	#IDXcontainer #detailsWrapper #featuredData table {
	font-size:12px;
	}
	#IDXcontainer #detailsWrapper #featuredData table.residential_income_datatable {
	font-size:12px;
	float:left;
	width:300px;
	}

/*********************************************************
Room's Layout (Details Page)
*********************************************************/
	#IDXcontainer #theRooms {
	margin-bottom:10px;
	width:673px;
	}
	 #IDXcontainer #theRooms table.room_list {
	 width:673px;
	 }
	 #IDXcontainer #theRooms table#room_list tr td {
	 font-size:12px;
	 text-align:center;
	 }
	 #IDXcontainer #theRooms tr.room_column_headers {
	 vertical-align:bottom;
	 font-weight:bold;
	 font-size:12px;
	 }
	 #IDXcontainer #theRooms table#room_list tr td.room_name {
	 width:20%;
	 text-align:left;
	 }
	 #IDXcontainer #theRooms td.room_nubr {
	 width:9%;
	 }
	 #IDXcontainer #theRooms td.room_level {
	 width:9%;
	 }
	 #IDXcontainer #theRooms td.dimension {
	 width:15%;
	 text-align:center;
	 }
	 #IDXcontainer #theRooms td.area {
	 width:8%;
	 }
	 #IDXcontainer #theRooms table#room_list tr td.room_rem {
	 width:39%;
	 text-align:left;
	 }
	 
/*********************************************************
Open House Specific Styles
*********************************************************/	
#IDXcontainer #resultContainer .openhousedateHeader { 
width:696px;
height:20px;
background-color:#7eaace;
clear:both;
margin:7px 0px;
padding:3px 0px;
color:#fff;
font-weight:bold;
}
#IDXcontainer #resultContainer .openhouseDates {
font-size:12px;
color:#0000CC;
}
#IDXcontainer input.inp_click, body.email input.inp_click_hov {
cursor:pointer;
}
#IDXcontainer input.inp_click_hov, body.email input.inp_click_hov {
border:1px solid #000;
cursor:hand;
cursor:pointer;
}
.email h2 {
text-align:center;
margin-bottom:0px;
}
.email td {
font-size:12px;
}
.email td.leftemailcol {
font-size:14px;
}
.required_text {
width:100px;
display:block;
text-align:center;
font-size:14px;
}
sup.required {
float:right;
color:red;
}
.required_text sup.required {
float:none;
}



#IDXcontainer #resultContainer table tr td input.result_checkbox, #IDXcontainer #detailsWrapper input.nobg {
background-color:transparent;
}
#IDXcontainer #resultContainer table.propertySpecs tr td span.single_prop_funcs a {
font-weight:bold;
}
#IDXcontainer #resultContainer table.propertySpecs tr td span.single_prop_funcs span {
margin:0px 15px;
margin-top:15px;
}


/**********************************
Google Map HTML Layout
**********************************/

.googleMapHTML {
text-align:left;
text-transform:lowercase;
}
.googleMapHTML img {
margin-right:8px;
}
.googleMapHTML a.googlemaptext { 
text-transform:capitalize;
text-decoration:none;
font-size:12px;
color:#000;
}
.googleMapHTML a.googlemaptext:hover {
text-decoration:underline;
}
.googleMapHTML a.googlemaptext span.google-state {
text-transform:uppercase;
}
/**********************/
.disclaimer {
width:726px;
margin:0 auto;
margin-top:10px;
font-size:11px;
}
.disclaimer p {
font-size:11px;
}

.footer {
width:726px;
margin:0 auto;
margin-top:10px;
}