@charset "utf-8";
/* CSS Document */

body {
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #a7a9ac;
margin: 0;
}

h1, h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style:italic;
padding: 0;
margin: 5px 0;
text-transform: capitalize;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #f36f21;
padding: 5px 0;
margin: 0;
text-transform: capitalize;
}

p {
padding: 3px 0;
margin: 0;
line-height: 18px;
}

a {
color: #039;
}

span.orange-title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #f36f21;
padding: 0;
margin: 0;
}

span.bold-italic {
font-style: italic;
font-size: 15px;
font-weight: bold;
text-transform: capitalize;
color: #666;
}

#wrapper {
width: 800px;
margin: 0px auto;
padding: 0;
background-color: #fff;
}

#topstrip {
width: 800px;
height: 36px;
background: url(http://www.chicago-mls.biz/base/images/topstrip.gif) top left repeat-x;	
margin: 0;
padding: 0;
color: #fff;
font-size: 13px;
}
	#topstrip a { color: #fff; }
	#topstrip .text { text-align: center; width: 600px; padding: 9px 0; float: left; }
	#topstrip .top-agent-name { font-style: italic; font-weight:bold; }
	#topstrip img { float: right; border: 0; }
	
#header {
width: 800px;
background: url(http://www.chicago-mls.biz/base/images/headerbg.jpg) top left no-repeat;
height: 282px;
}

	#header #agent-headshot {
	width: 135px;
	height: 210px;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
	}
	
		#header #agent-headshot img {
		width: 80px;
		padding: 82px 0 0 20px;
		}
	
	#header #title-join {
	width: 450px;
	height: 180px;
	padding: 10px;
	margin: 0;
	float: left;
	}
		#header #title-join span.address {
		font-size:19px;
		letter-spacing: 1px;
		font-family: Arial, Helvetica, sans-serif;
		}
		
		#header #title-join div#bldg-name {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #f36f21;
		font-style: italic;
		text-align: right;
		text-transform: uppercase;
		border-top: 1px dotted #999;
		margin-bottom: 5px;
		}
		
		#header #title-join ul#benefits {
		margin: 8px 0 8px 15px;
		padding: 0;
		color: #666;
		}
		
		#header #title-join form {
		margin: 0;
		padding: 0;
		}
		
		#header #title-join form fieldset {
		display: block;
		width: 215px;
		height: 25px;
		float: left;
		border: 0;
		margin: 2px 0;
		padding: 0;
		}
		
		#header #title-join form fieldset label {
		display: block;
		width: 70px;
		height: 13px;
		padding: 5px;
		margin: 0;
		text-align: right;
		float: left;
		}
		
			#header #title-join form fieldset input.text {
			width: 125px;
			border: 1px solid #999;
			height: 15px;
			padding: 2px;
			margin: 3px 0 3px 0;			
			}
		
	
	#header #building-shot {
	width: 190px;
	height: 210px;
	padding: 0;
	margin: 0;
	float: right;
	clear: right;
	overflow: hidden;
	text-align: right;
	}
	
		#header #building-shot img {
		height: 210px;
		padding: 0;
		margin: 0;
		}
		
	#header #bottomrow {
	margin: 0;
	padding: 0;
	clear: both;
	width: 800px;
	}	
	
	#header #quote {
	width: 140px;
	height: 71px;
	font-size: 10px;
	color: #666;
	float: left;
	clear: left;
	padding: 0 40px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
		#header #quote div.agentname {
		text-align: right;
		}
	
	#header #nav {
	width: 600px;
	height: 71px;
	float: right;
	clear: none;
	font-size: 11px;
	}
	
		#header #nav ul {
			display: block;
			list-style: none;
			width: 580px;
			height: 35px;
			margin: 0px auto;
			padding: 0;
			}
		
			#header #nav ul li {
			display: inline;
			float: left;
			list-style: none;
			}
	
				#header #nav ul li a {
				display: block;
				height: 15px;
				padding: 10px;				
				color: #fff;
				text-decoration: none;
				background: url(http://www.chicago-mls.biz/base/images/orange-bullet.gif) left no-repeat;
				}
				
					#header #nav ul li a:hover {
					text-decoration: underline;
					}
					
#content {
display: block;
width: 760px;
margin: 0;
padding: 40px 20px;
overflow: hidden;
clear: both;
}

#sidebar {
display: block;
overflow: hidden;
width: 205px;
float: left;
clear: left;
border-right: 1px dotted #666;
padding: 0 15px 0 0;
margin: 0;
}

#sidebar form {
margin: 0;
padding: 10px 0 0 0;
border-top: 1px dotted #666;
}

	#sidebar form fieldset {
	border: 0;
	width: 205px;
	display: block;
	overflow: hidden;
	padding: 2px 0;
	}
	
		#sidebar form fieldset label {
		width: 70px;
		height: 18px;
		padding: 2px;
		float: left;
		display: block;
		}
		
		#sidebar form select.neighborhood {
		width: 204px;
		height: 80px;
		border: 1px solid #ccc;
		}
		
		#sidebar form select.price,
		#sidebar form select.pType {
		width: 130px;
		border: 1px solid #ccc;
		}
		
		#sidebar form label.bedBath {
		float: none;
		display: inline;
		}
		
		#sidebar form select.bedBath {
		width: 62px;
		border: 1px solid #ccc;
		}
		
		#sidebar form input.submit {
		margin: 10px 0 0 100px;
		}

#units {
display: block;
width: 760px;
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
padding: 0;
margin: 10px 0;
overflow: hidden;
}

	#units div.column {
	width: 349px;
	height: 80px;
	padding: 0 10px 0 20px;
	margin: 10px 0;
	float: left;
	}
	
	#unitsAvail {
	height: 45px;
	width: 358px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}
	
	#unitsSold {
	height: 45px;
	width: 360px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}
	
	#unitsSold ul, #unitsAvail ul { list-style: none; margin-top: 0; }
	
	#units .seeMore { width: 330px; height: 12px; text-align: right; font-size: 12px; }
	
	#units h2 { margin: 0 0 7px 0; padding: 0; }
	
#index-hva {
width: 295px;
height: 290px;
float: left;
padding: 5px 15px 0 15px;
margin: 0;
border-right: 1px dotted #666;
}

	#index-hva ul {
	margin: 8px 0 8px 15px;
	padding: 0;
	}
	
		#index-hva ul li {
		margin: 3px 0;
		}
		
#index-explore {
width: 183px;
height: 290px;
float: left;
padding: 5px 15px 0 15px;
margin: 0;
}

#get-email-alerts {
display: block;
width: 760px;
overflow: hidden;
padding: 7px 0;
margin: 5px 0;
text-align: center;
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
font-size: 14px;
}
		
/* SEARCH PAGES */

fieldset {
width: 400px;
float: left;
border: 0;
padding: 1;
margin: 0;
}

fieldset legend {
font-size: 16px;
font-weight: bold;
color: #333;
padding: 10px 0 5px 0;
}

fieldset label {
width: 130px;
display: block;
float: left;
clear: left;
}

/* input.submit {
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: #666;
border: 1px solid #333;
padding: 2px 7px;
margin: 10px auto;
}
*/

table#resultlist {
clear:both;
border-bottom: 1px dotted #999;
}

.resultmod {
display: block;
width: 135px;
float: left; 
clear: left;
margin-right: 10px;
padding: 5px;
border: 1px solid #999;
}

.resultmod fieldset { width: 135px; }
.resultmod input, 
.resultmod select { width: 130px; }

	.resultmod label {
	clear:both;
	float: none;
	}

.fullright {
display: block;
width: 600px;
float: left;
clear: right;
}
/* END SEARCH PAGES */

/* DETAILS PAGE */

div#mlsimage {
display: block;
width: 300px;
overflow: hidden;
float: left;
clear: left;
padding: 0;
margin: 0 20px 0 0;
}

div#mlsimage img {
width: 96px;
height: 65px;
float: left;
margin: 2px;
padding: 0;
}

ul#mlsdetails {
list-style: none;
display: block;
width: 420px;
float: left;
margin: 0;
padding: 0;
}

ul#mlsdetails li {
width: 190px;
display: block;
float: left;
margin: 3px 15px 0 0;
padding: 0;
border-bottom: 1px dotted #666;
font-size: 11px;
}

ul#mlsdetails li strong {
display: block;
width: 120px;
float: left;
clear: left;
margin-right: 10px;
}

#mlsdesc, #tocalc {
display: block;
width: 100%;
margin: 10px 0;
padding: 10px 0;
border-top: 2px dotted #666;
border-bottom: 2px dotted #666;
}
#mlsdesc h2, #tocalc h2 {
font-size: 16px;
margin: 0 0 10px 0;
padding: 0;
font-weight: bold;
}
#mlsdesc p{
font-size: 14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#tocalc {
padding-left: 100px;
display: block;
clear: both;
overflow: hidden;
}

#tocalc fieldset {
width: 300px;
}

#tocalc fieldset label {
width: 150px;
font-size: 11px;
padding: 4px 0;
border-bottom: 1px dotted #ccc;
}

#googlestreet h3 {
display: block;
width: 600px;
margin: 10px auto 5px auto;
padding: 5px 0;
text-align: center;
font-size: 20px;
color: #666;
background: url(http://www.chicago-luxury-homes.biz/wp-content/themes/agentsite5/images/streetview-title-bg.gif) top left repeat-x;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
font-family: Georgia, "Times New Roman", Times, serif;
}
/* END DETAILS PAGE */


/*MLS+FP Details*/
	#fp-details-desc {width:749px; overflow:hidden; height:154px;}
		#fp-details-left {float:left; width:320px;}
			span.newprice {color:#006600; font-style:italic; font-weight:bold; font-size:12px;}
			#fp-details-left ul {height:132px;}
			#fp-details-left ul li {margin:0 0 5px 0;}
		#fp-details-right {float:right; width:429px; text-align:right;}
			#fp-details-right ul li {margin:0 0 3px 0;}
	#fp-details-listing {clear:both; margin:5px 0 0 0; padding:10px 0 0 0;}
		#fp-details-listing dl {clear:left; overflow:hidden; margin:0 0 10px 0;}
		#fp-details-listing dl dd {float:left;}
			#fp-details-listing dl dd.main-listing-photo img.main{width:385px;}
			#fp-details-listing dl dd.main-listing-photo img {margin:0;  width:87px; border:0; }
				#fp-details-listing dl dd.main-listing-photo ul { clear: left; overflow:hidden; margin: 0; padding: 0; width: 365px;}
				#fp-details-listing dl dd.main-listing-photo ul li { float:left; display:block; height:55px; width:82px; padding:2px; margin: 2px;}
				#fp-details-listing dl dd.main-listing-photo ul li a { border:0;}
			#fp-details-listing dl dd.main-listing-details, #fp-details-listing dl dd.main-listing-details ul li { float: left; width:260px; margin:0 0 5px 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
				#fp-details-listing dl dd.main-listing-details ul li a {width:90px; font-weight:bold; padding:5px 5px 5px 45px; display:block; border:1px solid #004065; color:#004065; text-decoration:none; font-size:12px;}
				#fp-details-listing dl dd.main-listing-details ul li a:hover {border:1px solid #d46502; color:#d46502;}
			#fp-details-listing dl dd.main-listing-functions {width:150px; margin-top: 0; padding-left: 10px;}
				#fp-details-listing dl dd.main-listing-functions a {border:0; padding: 2px 0 0 0;}
				#fp-details-listing dl dd.main-listing-functions a:hover {}
				#fp-details-listing dl dd.main-listing-functions a span {}
	
	#fp-details-highlights {clear:left;}
	#fp-details-highlights ul {overflow:hidden;}
	#fp-details-highlights ul li {width:240px; float:left; margin:0 5px 3px 0;}
	
	
/*Chicago Explorer*/
#chicago-explorer { width: 640px; margin: 20px auto; }
	/*end Chicago Explorer*/

#footer { width: 100%; border-top: 1px dotted #999; text-align: center; padding: 20px 0; margin: 20px 0; }