/* 	GIS Planning Site Finder CSS Document
	Horizontal Property List Stylesheet
	Stylesheet author:  S. Mattern for GIS Planning
 	Date: May 2009 */


/*this stylesheet is for default orientation (side by side)-- titled verticalList, content is horizontalList*/

/* ===============CONTENT===================== */
.vertical #ContentItemContainer
{
    width: 100%;
    position: relative;
    height: 500px;
    overflow: hidden;
}
.vertical #ContentItemHolder
{
    position: absolute;
    left: 0px;
    top: 0px;
    min-height: 500px;
}

.vertical .noResults
{
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 50px 0px;
}


/* ============== Content Box > Horizontal List > Properties ============== */
.vertical 
{
    width: 100%;
    overflow: hidden;
}

.vertical  .popDownLink .popDownMenu
{
    top: 13px;
    left: 0;
    width: 250px;
}


#contentNav.vertical .back, 
#contentNav.vertical .back a, 
#contentNav.vertical .next, 
#contentNav.vertical .next a
{
    width: 45px;
    height: 44px;
    overflow: hidden;
    background-repeat:no-repeat;
}

#contentNav.vertical .back
{
    background-position: 0px 0px;
    position: absolute;
    left: 0;
    top: 150px;
    margin: -20px 0 0 -20px;
    z-index: 100;
}

#contentNav.vertical .back a
{
    display: block;
    overflow: hidden;
    cursor: pointer;
    background-position: 0px -44px;
}

#contentNav.vertical .back a:hover
{
    background-image: none;
    text-decoration: none;
    cursor: pointer;
}

#contentNav.vertical .next
{
    background-position: -45px 0px;
    position: absolute;
    right: 0;
    margin: -20px -20px 0 0;
    top: 150px;
    z-index: 100;
}

#contentNav.vertical .next a
{
    display: block;
    cursor: pointer;
    background-position: -45px -44px;
}

#contentNav.vertical .next a:hover
{
    background-image: none;
    text-decoration: none;
    cursor: pointer;
}

#contentNav.vertical .back b, #contentNav .next b
{
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
}

.vertical .property
{
    padding: 5px 5px 5px 5px;
    width: 180px;
    float: left;
    height: 100%;
}



.vertical .propertyImageBox
{
    position: relative;
    text-align: center;
    margin-bottom: 5px;
}

.vertical .saveSliderClosed, 
.vertical .saveSliderOpen
{
    background-repeat: no-repeat;
}

.vertical .saveSliderClosed
{
    height: 14px;
    width: 180px;
    position: absolute;
    top: 0;
}

.vertical .saveSliderClosed b
{
    background-position: center 0px;
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
}

.vertical .saveSliderClosed a
{
    height: 14px;
    width: 160px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    z-index: 99;
}

.vertical .saveSliderOpen
{
    background-position: center -14px;
    width: 170px;
    height: 83px;
    padding: 5px;
    position: absolute;
    display: none;
    top: 0;
    z-index: 100;
    text-align: left;
}

.vertical .saveSliderOpen li
{
    font-size: 14px;
    display: block;
    padding: 5px 20px 0 20px;
}


.vertical .propertyImagefg
{
    height: 110px;
}

.vertical .propertyImageBox .img
{
    margin-top: 15px;
}

.vertical .propertyImageBox .decorated
{
    width: 86px;
    height: 41px;
    position: absolute;
    top: 20px;
    left: 79px;
}
.vertical .propertyImageBox .saved
{
    width: 86px;
    height: 41px;
    position: absolute;
    top: 69px;
    left: 15px;
    background-image: url(http://media.zoomprospector.com/common/styles/images/results/decorators/saved.png);
}
.vertical .propertyImageBox .showcase
{
    background-image: url(http://media.zoomprospector.com/common/styles/images/results/decorators/featured.png);
}
.vertical .propertyImageBox .new
{
    background-image: url(http://media.zoomprospector.com/common/styles/images/results/decorators/new.png);
}
.vertical .propertyImageBox .updated
{
    background-image: url(http://media.zoomprospector.com/common/styles/images/results/decorators/updated.png);
}


.vertical .propertyInfoBox
{
    font-size: 12px;
}
.vertical .propertyInfoBox h3
{
    font-size: 14px;
    margin-bottom: 5px;
}

.vertical .propertyInfoBox ul
{
    margin: 5px 0 5px 0;
}

.vertical .propertyInfoBox ul li
{
    display: block;
}

.vertical .propertyInfoBox strong
{
    font-weight: normal;
}


.vertical .propertyInfofg
{
    padding: 10px;
    height: 335px;
    position:relative;
}
.vertical .property H4
{
    font-weight:bold;
    font-size:12pt;
}

.vertical .propertyInfofg .pagerControl
{
    /* Use absolute positioning, and it will position inside the first parent that is not position:static, i.e. .propertyInfofg */
    position:absolute;
    right:10px;
    bottom:10px;
}