/*----------------------------------------
Author:Barry Spatz
Email: bspatz@bspatz.com
Created: 2015-07-19
Description:CSS file for for Real Estate Map
-----------------------------------------*/

/*#html{
height:100%;
}

#body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: small;
background: #fff;
height:100%;
margin:0px;
padding:0px;
}
*/
#page{
	width:1020px;
	margin-right:auto;
	margin-left:auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:50px;
	/*padding-top:50px;*/
}

#header{
	position:relative;
	z-index:100;
	width:1000px;
	height:125px;
    margin-right:auto;
	margin-left:auto;
	background-image: url("images/header3Type.png");
	/*border: 3px solid;*/
	border-top-color:rgb(43,96,143);
	border-left-color:rgb(43,96,143);
	border-bottom-color: rgb(43,96,143);
	border-right-color:rgb(43,96,143);
	border-bottom-width:1px;
	border-right-width:1px;	
}

#wrapper{
	width:1000px;
	height:520px;	
	background-color:rgb(240,237,229);
	margin-right:auto;
	margin-left:auto;
	border: 3px solid;
	
	border-top-color:rgb(43,96,143);
	border-left-color:rgb(43,96,143);
	border-bottom-color: white; 
	border-right-color: white; 
	
	/*border-top-color:rgb(105,52,29);
	border-left-color:rgb(105,52,29);
	border-bottom-color:rgb(209,174,159);
	border-right-color:rgb(209,174,159);
	padding-right:20px; */
}

#map 
{
width: 100%;
height: 400px;
border: 1px solid #000;
}

#quickSearch{
	position:relative;
	top:-12px;
}

#imprint{
	font-size:25px;
	position:relative;
	top:29px;
	right:300px;
	color:rgb(43,96,143);
	text-shadow:1px 1px 1px black,0 0 25px white;
}
/*
/* Right column */

/*
#home_right_column{
width:290px;
float:right;
padding-right:20px;
padding-bottom:10px;
}

#listing{
width:290px;
height:400px;
float:right;
padding-top:0px;
padding-right:10px;
text-align:left;
}

#autoNotifyLink{
height:500px;
float:left;
padding-left:20px;
padding-top:10px;
position:relative;
}

#autoNotifyMsg{
width:365px;
position:absolute; 
top:435px; 
left: 625px; 
color:black; 
z-index:1000;
text-align:left;
font-size:11px;
cursor:pointer;
}

#getTheJump{}
*/

#photoThumbs{
position:absolute;
bottom:63px;
left:571px;
width:110px;
Height:402px;
background-color:rgb(240,237,229);	
z-index:1000;
display:block;
padding-top:3px;
overflow-x:hide;
overflow-y:auto;

}

#pThumbsCol{
	position:relative;
	left:10px;
}

#photoThumbs::-webkit-scrollbar-thumb {
   width:7px;
	background-color: rgb(43,96,143);
}

#photoThumbs::-webkit-scrollbar-button{
	color:white
}

#mapPlaceHolder{
width:263px;
height:210px;
display:none;
//opacity:.1; 
//filter:alpha(opacity=1);
//background-color:white; 
z-index:1000;
}

#bigPicture
{
width:560px;
height: 408px;
//border: 1px solid #000;	
position:relative;
top:-480px;
//background-image: url("bricktexture.jpg");
//background-color:rgb(150,100,75);
background-color:rgb(240,237,229);
display:none;
	
}

#closeBox
{
/*position:relative;
bottom:400px;
left:20px;
display:none;*/
}

#bigImage
{
height: 404px;
//float:right;	
	
}

#clickToReturn
{
display:none;
position:relative;
top:10px;	
font-weight:bold;
color:SaddleBrown;
text-decoration:blink;
}

#clickPhotoRmks
{
display:none;
font-size:11px;
color:SaddleBrown;
}

#nextBigPic
{
float:right;
position:relative;
top:-400px;
right:3px;
}

#prevBigPic
{
float:left;
position:relative;
top:-400px;
//right:14px;
}

/*infobox*/
#ibHead
{
height:28px;
padding:10px 7px 3px 7px;
color:white;
/*Background-color:rgb(43,96,143);*/
}

#ib-body
{
margin-left:0px;
}

#ibPhoto
{
width:75px;
height:69px;
float:left;
position:relative;
top:-13px;
right:-4px;
margin-right:2px;
}

#listing
{
height:400px; 
padding-right:5px;
overflow: auto;	
}

#listing-details-left{
	width:128px;
	float:left;	
}

#listing-details-right{
	width:145px;
	float:right;	
}

#listing-details-both{
	width:278px;
	position:relative;
	top:-15px;	
}

#listing-remarks{
	position:relative;
	top:-5px;
	width:262px
	
	

}

#scrollHead{
	background-color:rgb(40,80,115);	
}

#lScrollHead{
height:14px;
padding:2px 7px 4px 7px;
color:white;
background-color: rgb(40,80,115);	
/*background-color:rgb(146,87,57);*/
}

#lScrollBody{
/*background-color:rgb(237,228,223);*/	
background-color:white;	
color:black;
padding:10px 7px 3px 7px;
height:70px;
}

#lScrollPhoto{
width:100px;
height:75px;
float:left;
position:relative;
top:-7px;
//right:-4px;
margin-right:12px;	
//background-color:rgb(237,228,223);
	
}
	



/* Listing details */



#home_right_column
{
font-family:Arial;
font-weight:bold;
font-size:14px;
font-style:normal;
color:#6A3f20;
padding-top:0px
}

#mapTitle
{
font-family:Arial;
font-weight:bold;
font-size:14px;
font-style:normal;
color:#6A3f20;
padding-top:5px;
padding-bottom:10px;
}

#close_details
{
height:12px
width:10px;
}

#mainImage
{
width:263px;
height:210px;

margin-right:5px;
z-index:-1;
}

#nextPic
{
float:right;
position:relative;
top:0px;
bottom:100px;
right:3px;
}

#prevPic
{
float:left;
position:relative;
top:0px;
bottom:100px;
//right:14px;
}

#mIcon
{
//position:relative;
float:left;
text-align:left;
//top:4px;
}
*/

#remarks
{margin-right:5px;
}

#autoNotifyForm{
position:absolute; 
top:41px; 
left:420px; 
width:280px; 
height:405px; 
background-color:rgb(240,237,229);
z-index:99;
display:none;
border-left:1px solid black;
}

#textBox{	
position:relative;
width:225px;
height:120px;
top:-420px;
right:-250px;
display:block;
background-color:rgb(240,237,229);
color:black;
border: 1px solid black;
padding:0px;
z-index:2000;
}

#txtBoxHead{
height:15px;
font:13px bold arial, sans-serif;
color:white;
/*background-image: url("bricktexture.jpg");*/
background-color:rgb(43,96,143);
padding:2px;	
}

#txtBoxBody{
	text-align:center;
	background-color:rgb(240,237,229);
	color:black;
	padding:10px;
	font:12px arial, san-serif;	
}

#txtBoxClose{
	cursor:pointer;
	color:rgb(43,96,143);
	font:13px bold arial,san-serif;
}

#mortgageInfo{
	position:relative;
	top:-400px;
	left:200px;
	z-index:2000;
	display:none;	
}

/* markerwithlabel.js*/
.labels {
color: solid black;
background-color:white;
font-family: "Arial", "Lucida Grande",  sans serif;
font-size: 10px;
font-weight: bold;
text-align: center;
width: 40px;
//border:1px solid grey;
box-shadow: 1px 1px 3px #888888;

}

/*markerclusterer.js*/
.cluster{
height:15px;
width:15px;
}

.autotextfield{
font-size:11px;
border:1px solid grey; 
width:200px;
height:8px;
position:relative;
padding-left:10px;
//float:right;
}

#nextpic{
	position:absolute;
	top:230px;
	right:450px;
	width:25px;
	z-index:2000;
	display:none;
	opacity:0.3;
	filter: alpha(opacity=30);
}

#prevpic{
	position:absolute;
	top:230px;
	right:930px;
	width:25px;
	z-index:2000;
	display:none;
	opacity:0.3;
	filter: alpha(opacity=30);*/
}