#autoblog {
	width: 	100%;
	border: 1px solid #BBBBBB;
	padding: 5px;
	background: #fff;
	margin: 0px auto;
	font-size: 95%;
	text-align: left;
}
#autoblog h1 {
	font-size: 2em;
	font-weight: bold;
	padding-bottom: 0.1em;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
	
	color: #131313;
}
#autoblog h2, #autoblog h2 a, #autoblog #custom_intro_textfield {
	color: #263750;
}
#autoblog h2, #autoblog #custom_intro_textfield {
	font-size: 1.4em;
	font-weight: bold;
	border-top: 1px solid #D4D4D4;
	padding-top: 0.3em;
	margin-top: 0.5em;
	margin-bottom: 0.7em;
	
	position: relative;
}
#autoblog p {
	line-height: 1.3em;
	margin: 1.5em 1em;
}
#autoblog a.more {	
	line-height: 1.8em;
	background: #CAD4E4;
	color: #303030;
	font-weight: bold;
	font-size: 0.9em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0.1em 1em;
	text-decoration: none;
	
	display: block;
	width: 70%;
	margin: 0px auto;
	
	text-align: center;
}
#autoblog a.more:hover {	
	background: #8995A7;
	color: #fff;
}
#autoblog a.more.two {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	
	width: 40%;
	margin-left: 1%;
}
#autoblog a.more.inactive, #autoblog a.more.current, #autoblog a.more.current:hover {
	color: #7C7C7C;
	background: #DADADA;
	cursor: default;
}
#autoblog a.more span.task.hide {
	display: none;
}

#autoblog > div > div {
	margin-bottom: 1em;
}

#autoblog .breadcrumbs {
	margin: 0.5em 0em ;
}

#autoblog .breadcrumbs li {
	display: inline;
	padding: 0.3em 1em 0.3em 0.5em;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
		
	font-size: 95%;
	font-weight: bold;
	
	color: #424242;
	background: #CAD4E4;
	
	margin-right: 2px;
}

#autoblog .breadcrumbs li.active, #autoblog .breadcrumbs li.active:hover  {
	background: #DFDFDF;
	color: #424242;
	
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	
	padding-right: 0.5em;
}

#autoblog .breadcrumbs a {
	color: #424242;
	text-decoration: none;
}
#autoblog .breadcrumbs li:hover {
	background: #8995A7;
	color: #fff;
}
#autoblog .breadcrumbs li:hover a {
	background: #8995A7;
	color: #fff;
}

#autoblog .photo {
	border: 1px solid #BBBBBB;
	padding: 3px;
	margin: 2px;
}

#autoblog .col-left {
	width: 43%;
	position: relative;
}
#autoblog #col-right {
	float: right;
	border-left: 1px solid #D4D4D4;
	padding-left: 2%;
/*	margin-left: 43%;*/
	width: 54%;
	position: relative;
}


/* root element for accordion. decorated with rounded borders and gradient background image */
#autoblog #real-estate-by-area {
	background:#333 url('/autoblog/bg-real-estate-by-area.png') 0 0 repeat-x;
	border:1px solid #333;
	min-height: 24em;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 1em;
}
#autoblog #real-estate-by-area-inner-holder {
	padding: 3px;
	border: 1px solid #C5C5C5;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	background:#F3F3F3;
}
#autoblog #real-estate-by-area-holder .tabs {
	margin: 0px;
	float: left;
	width: 10em;
	padding: 3px;
}

/* accordion header */
#autoblog #real-estate-by-area-holder .tabs h2,
#autoblog #real-estate-by-area-holder .tabs h3 {
	margin:0;
	padding:8px 10px 8px 2px;
	font-size:14px;
	font-weight:normal;
	cursor:pointer;		
	text-align: right;
}

/* currently active header */
#autoblog #real-estate-by-area-holder .tabs  h2.current {
	cursor:default;
	background-color:#BDD7FF;
}

#autoblog #real-estate-by-area-holder .tabs  h2:hover {
	background-color:#fFF;
}

#autoblog #real-estate-by-area-holder .tabs h2.first,
#autoblog #real-estate-by-area-holder .tabs h2.current.first,
#autoblog #real-estate-by-area-holder .tabs h3.first {
	cursor:default;
	background-color: none;
	background: none;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	padding-left: 5px;
	border: none;
	border-bottom: none;
}


#autoblog #real-estate-by-area {
	margin-left: 11em;
}


/* accordion pane */
#autoblog #real-estate-by-area ul.pane {
	margin: 0px;
	display:none;
	padding:10px;
	color:#fff;
	font-size:12px;
}

#autoblog #real-estate-by-area ul.pane li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	
	line-height: 2em;
	width: 24%;
	position: relative;
	/*margin-right: 1%;*/
	/*border-right: 1px solid #838383;*/
}
#autoblog #real-estate-by-area ul.pane li span.num-listings {
	color: #F1F1F1;
	font-size: 0.75em;
	font-weight: bold;
	padding: 1px 3px;
	width: 2.4em;
	position: absolute;
	background: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: right;
	line-height: 1.5em;
	top: 4px;
	left: -0.3em;
}

/* accordion pane */
#autoblog #real-estate-by-area ul.pane a {
	color: #fff;
	padding-left: 2.4em;
}

/* a title inside pane */
#autoblog #real-estate-by-area ul.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}
#autoblog #real-estate-by-area.full {
	margin-left: 1%;
	width: inherit;
	min-height: 10em;
}
#autoblog #real-estate-by-area.full ul.pane {
	display:block;
}

/* First Pane -- Info for user: */

#autoblog #real-estate-by-area ul.pane.first {
	padding: 1em;
}
#autoblog #real-estate-by-area ul.pane h3 {
	margin-bottom: 0.5em;
	font-size: 2.5em;
	color: #BDD7FF;
	text-shadow: #000 3px 1px 1px;
	letter-spacing: 0.1em;
}
#autoblog #real-estate-by-area ul.pane h4 {
	margin-bottom: 0.5em;
	font-size: 1.3em;
	text-shadow: #000 3px 1px 1px;
}


/* *** STATS  *** */
#autoblog .stats-tabs {
	text-align: center;
}

#autoblog .more-stats p {
	margin: 1em;
}
#autoblog table.stats {
	border: 1px solid #C5C5C5;
	font-size: 96%;
	background: #EFEFEF;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#autoblog table.stats th {
	background: #C2C2C2;
}

#autoblog table.stats td, #autoblog table.stats th  {
	padding: 0.5em 0.3em 0.9em;
}

#autoblog table.stats tr.alt td {
	background: #ffffff;
}

#autoblog .stats-panes-holder {
	background: url('/autoblog/curve-top-left.png') left top no-repeat;
	
}
#autoblog .stats-panes {
	height: 25em;
	overflow-y: hidden;
	overflow-x: hidden;
	padding: 0em;
	background: url('/autoblog/curve-top-right.png') right top no-repeat;
}

#autoblog .stats-panes h2 {
	border-top: none;
	text-align: center;
}

#autoblog .detailed-stats {
/*	display: none;*/
}

/* NEWS */
#autoblog #real-estate-news #news-items-holder {
	/* required settings */ 
    position:relative; 
    overflow:hidden;     
 
    /* vertical scrollers have typically larger height than width */     
    height: 15em;    
  	margin: 0.5em 0em;
}
#autoblog #real-estate-news .news-items {    
    position:absolute; 

    /* this time we have very large space for height */     
    height:20000em;     
}
#autoblog #real-estate-news .news-items li {
	margin-bottom: 1em;
	font-size: 0.9em;
	height: 5em;
}

#autoblog #real-estate-news .news-items li.active {
	background-color: #FFFEDD;
}
/* NEWS */
#autoblog #real-estate-news .news-items li a {
	font-weight: bold;
	padding-right: 1em;
	font-size: 1.1em;
}

/* INTRO NEWS */
#autoblog #top-news #articles-holder {
	/* required settings */ 
    position:relative; 
   /* overflow:hidden; */    
 
    /* vertical scrollers have typically larger height than width */     
    height: 13em;    
  	margin: 0.5em 0em;
}
#autoblog #top-news .articles {    
    position:absolute; 

    /* this time we have very large space for height */     
    /*height:12em;     */
}
#autoblog #top-news .article {
	/*height: 12em;*/
}

#autoblog #real-estate-news .news-items {    
    position:absolute; 

    /* this time we have very large space for height */     
    height:20000em;     
}
#autoblog #real-estate-news .news-items li {
	margin-bottom: 1em;
	font-size: 0.9em;
	height: 5em;
}

#autoblog #real-estate-news .news-items li.active {
	background-color: #FFFEDD;
}
/* NEWS */
#autoblog #real-estate-news .news-items li a {
	font-weight: bold;
	padding-right: 1em;
	font-size: 1.1em;
}

/* -------------------- */
/*    PROPERTIES		*/
/* -------------------- */
#autoblog #list-properties-holder {
  width: 830px;
  margin: 0 auto;
}
#autoblog #list-properties {
	position:relative; 
    overflow:hidden; 
    width: 750px; 
    height:170px;

	/* custom decorations */
	padding:10px 0;	
	border:1px outset #ccc;
	background-color:#efefef;
}

/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
#autoblog div#list-properties ul.properties { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	clear:both;	
	
	/* decoration */
	margin-left:10px;
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
#autoblog div#list-properties ul.properties > div {
  float:left; 
  width: 676px;
  height: 170px;
}
#autoblog div#list-properties ul.properties > div > li { 
  float:left; 

	/* custom decoration */
	text-align:center;
	width:130px;
	height: 160px;
	
	padding: 2px 11px;
	font-family: 'bitstream vera sans';
		
	border:1px solid #CECECE; 
	margin-right: 15px;
	
/*	background:#333 url(h150.png) repeat-x 0 146px;*/
	color:#000; 
	background: #fff;
} 

#autoblog div#list-properties h3, 
#autoblog div#list-properties p, 
#autoblog div#list-properties span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#000;	
	text-align: left;
}

#autoblog div#list-properties h3 {
	margin: 0px;
}
 
/* you may want to setup some decorations to active item */ 
#autoblog div#list-properties .active { 
    border:1px inset #ccc; 
    background-color:#fff;
}

#autoblog #list-properties img {
	margin-bottom: 4px;
	height: 100px;
	max-width: 100%;
}

/* tooltip styling. uses a background image (a black box with an arrow) */ 
#autoblog div.tooltip { 
    background:transparent url('/autoblog/listings/black_arrow_big.png') no-repeat scroll 0 0; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:12px; 
    display:none; 
    color:#fff; 
	z-index: 1000;
} 
 
/* tooltip title element (h3) */ 
#autoblog div.tooltip h3 { 
    margin:0; 
    font-size:14px; 
    color:#fff; 
}

#autoblog .clear {
	clear: both;
}

#autoblog #amenities {
	padding: 0.5em;
}
#autoblog #amenities div.map {
	border: 1px solid #9B9B9B;
	width: 40%;
	height: 40em;
	float: left;
}
#autoblog #amenities div.list-amenities {
	border-left: 1px solid #D4D4D4;
	padding-left: 2%;
	margin-left: 43%;
	width: 54%;
	position: relative;
}
#autoblog #amenities h3 {
	padding: 0.2em;
	margin-bottom: 0.5em;
	color: #000864;
	border-bottom: 1px solid #9DB5BD;
	background: #E0E1F3;
}
#autoblog #amenities h3.current {
	cursor:default;
	background-color:#E9E9E9;
}

#autoblog #amenities div.list-amenities div {
	display:none;
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #E9E9E9;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

#autoblog #amenities div.list-amenities li {
	display: inline;
}

#autoblog #amenities div.list-amenities ul li:first-child {
	font-weight: bold;
}

#autoblog .fade-white {
	 background-image: url('/autoblog/grad_white.png');
	 background-position: top;
}
#autoblog #action-buttons { 
	margin: 0px;
	padding: 0px;
}
#autoblog #action-buttons a.button {
	display: block;
	float: left;
	
	width: 43%;
	margin: 1%;
	padding: 2%;
	height: 4em;
	margin-right: 1%;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #9C9C9C;
	background-color: #C4C4C4;
	text-decoration: none;
	text-align: center;
}
#autoblog #action-buttons a.button:hover {
	background-color: #91BCE3;
}
#autoblog #action-buttons a.button div.name {
	font-weight: bold;
	color: #000;
	margin: 0.4em 0em;
	
	text-shadow: 2px 2px 4px #fff;
}
#autoblog #action-buttons a.button span.action {
	font-size: 0.88em;
	color: #C70000;
	font-weight: bold;
	text-shadow: 0px 0px 4px #fff;
}

#autoblog .divider {
	height: 0px;
	border-bottom: 2px solid #C0C0C0;
	margin: 0.5em 0px ;
}



/* !!!!!!!! CLASS = SKINNY MODS !!!!!!! */
#autoblog.skinny {
	position: relative;
}
#autoblog.skinny .col-left {
	width: inherit;
	position: relative;
	border-left: none;
	padding-left: 0%;
}
#autoblog.skinny .col-left.photos {
	width: 40%;
  position: absolute;
  top: 2px; left: 2px;
}
#autoblog.skinny #col-right {
	border-left: 0px;
	padding-left: 0%;
	width: inherit;
	position: relative;
	float: none;
}

#autoblog.skinny #col-right .header-info {
 margin-left: 42%;	
}

#autoblog.skinny #real-estate-by-area ul.pane li {
	width: 32%;
}

#autoblog.skinny #real-estate-by-area {
	min-height: 28em;
}
#autoblog.skinny #real-estate-by-area.full {
	min-height: 10em;
}

#autoblog.skinny #real-estate-stats h2 {
	border-top: none;
}

#autoblog.skinny #action-buttons {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 41%;
}

#autoblog.skinny #action-buttons a.button {
	float: left;
	height: 5em;
	margin: 1% 2%;
	width: 43%;
	margin-left: 0%;
}

/* INTRO NEWS */
#autoblog.skinny #top-news #articles-holder {
    /* vertical scrollers have typically larger height than width */     
    height: 15em;    
}
#autoblog.skinny #top-news .article {
/*    height: 15em;*/
}


#autoblog.skinny #list-properties-holder {
  width: 660px;
}
#autoblog.skinny #list-properties {
  width: 570px; 
}
#autoblog.skinny div#list-properties ul.properties > div {
  width: 568px;
}

#autoblog.skinny div#list-properties ul.properties > div > li { 
	width:150px;
}



/* !!!!!!!! CLASS = 750 MODS !!!!!!! */
#autoblog.sevenfifty {
	position: relative;
}

#autoblog.sevenfifty #real-estate-by-area ul.pane li {
	width: 32%;
}
#autoblog.sevenfifty #list-properties-holder {
  width: 750px;
}
#autoblog.sevenfifty #list-properties {
  width: 660px; 
}
#autoblog.sevenfifty div#list-properties ul.properties > div {
  width: 656px;
/*  height: 170px;*/
}
#autoblog.sevenfifty div#list-properties ul.properties > div > li { 
	width: 125px;
}
#autoblog.sevenfifty .stats-panes {
	height: 28em;
}
#autoblog.sevenfifty #top-news #articles-holder {
    /* vertical scrollers have typically larger height than width */     
    height:15em;
}
#autoblog.sevenfifty #top-news .article {    
    /* this time we have very large space for height */     
    /*height:15em;  */   
}