/*
Theme Name: Fresh
Theme URI: http://wordpress.org/
Description: The Fresh theme was developed for Windermere.
Author: The Logic20/20 Team
Version: 1.1
*/

div.header{
    height: 84px;
    padding-left: 24px;
}


div.header div.mxHeaderText{
    float: left;
    width: 640px;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    overflow: hidden;
}

div.header div#mxHeaderRight{
    float: right;
    width: 200px;
    height: 66px;
    margin-right: 34px;	
}

div.header div#networkLogoBackground.backgroundOn{
    background: url(/wp-content/plugins/matrix/images/logo_background_small.png) no-repeat scroll 0 0 transparent;
}

div.header div#networkLogo{
    height: 66px;
    cursor: pointer;
    margin-top: 4px;
}

div.header div#networkLogoBackground.backgroundOn div#networkLogo{
    margin-top: 0;
}
	
div.header div#usernameDiv{
    cursor: pointer;
    font-weight: bold;
	text-align: center;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis-word;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

div.header div#loginDiv{
	float:left;
    margin-left: 49px;
}

div.header div#loginDiv a{
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

div.header div#loginDiv a#signin{
    margin-left: 4px;
}

div.wrapper{
    width: 1024px !important;
}

div.fresh h2{
    font-size: 1.5em;
    font-weight: bold;
}

div.fresh h3{
    font-size: 1.6666666667em;
}
div.homepage h3{
    padding-bottom: 10px;
}

div.homepage div.usefullinks h3 {
    padding-bottom:0;
    margin-bottom:0px;
}

/*
div.homepage div.usefullinks ul li ul li {
    margin-bottom:8px;
}
*/

div.fresh h4{
    font-weight: bold;
}

div.fresh div.horizontal h4{
    text-align:right;
}

div.fresh div.menu{
	font-size: 12px;
}
div.menu ul > li > a {
    word-wrap: break-word;
}

div.menu ul li ul{
    background-color: #ffffff;
    border: solid 1px #888;
}

div.menu ul li ul li a{
    color: #213B79;
}

div.menu ul li ul li a:hover{
    background-color: #e6e6e6;
    color: #213B79;
}

div.menu ul li li.current ul li.nav-menu-item a,
div.menu ul li li.current ul li.current a:hover {
    color: #213B79;
}

div.menu ul.sf-menu li ul li:last-child a {
	border-bottom: none !important;
}

/*div.menu li ul li.mxMenuHighlight {*/
/*	   background-image: url("/wp-content/plugins/matrix/images/DarkGrayNavBullet.png"); */
    /*list-style-image: none;*/
	/*background-repeat: no-repeat;*/
	/*background-position: 6px 10px;*/
    /*background-attachment: scroll;*/
/*}*/


/*div.menu ul > li > ul > li {*/
/*    background: url("/wp-content/plugins/matrix/images/DarkGrayNavBullet.png") */
    /*list-style-image: none;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 6px 10px;*/
    /*background-attachment: scroll;*/
/*}*/

/*div.menu ul > li > ul > li > ul > li {*/
/*    background: url("/wp-content/plugins/matrix/images/DarkGrayNavBullet.png") no-repeat scroll 11px 11px transparent; */
    /*list-style-image: none;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 6px 10px;*/
    /*background-attachment: scroll;*/
/*}*/



div.leftCol{
/*    width: 182px; */
    width: 162px;
    float: left;
}
div.leftCol > div{
    margin-bottom: 24px;
    margin-left: 20px;
    margin-top: 12px;
    width: 128px;
}
div.leftCol > div.menu {
    margin-bottom: 24px;
    margin-left: 12px;
    margin-top: 12px;
    width: 150px;
}
div.fresh div.mainbody{
    float: left;
    width: 849px;
}
div#neighborhoodNewsPage.fresh div.mainbody{
    width: 862px;
}
div.fresh.homepage div.mainbody{
    float: left;
    width: 861px;
}

div#searchPage.fresh div.mainbody{
    float: left;
    width: 862px; 
}

div#searchPage.fresh div.mainbody div.pageContent{
    padding: 8px 4px; 
    width: 100%;
    /* width: 839px;*/
}
div#listingsDetail.fresh div.mainbody div.pageContent{
  padding: 0;
  width: 99%;
}
div#neighborhoodNewsPage.fresh.wrapper {
    margin-bottom: 0;
    overflow: hidden;
}
div#neighborhoodNewsPage.fresh div.mainbody div.pageContent{
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: inherit;
}
div.pageContent{
    margin-bottom:24px;
     -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    border-radius: 16px;
    width: 94%;
	min-height: 700px;
}

div#searchPage.fresh div.mainbody div.pageContent{
     -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    min-height: 0;
}

div.pageContent h2{
    padding-top: 8px;
}
div.pageContent #searchWrapper h2{
    padding-top: 0;	
}
div.fresh div.header h1{
    font-size: 32px;
    text-transform: uppercase;
    margin-left: 9px;
    padding-top: 9px;
    margin-right: 18px;
}

div.fresh div.header p{
    font-size: 16px;
    margin-left: 9px;
    padding-bottom: 9px;
    margin-right: 18px;
}

div.fresh#neighborhoodNewsPage div.header p{
    margin-bottom: 0;
}


/*********************   Homepage Specific **************************/


div#hometop{
    margin-bottom: 0;
}

div.subbody > div{
    margin: 0 16px 0 16px;
}

div.subbody > div > div{
    margin: 20px 0;
    float: left;
    width: 45%;
    padding-left: 0;
}
div.fresh div.subbody > div > div.haveaquestion {
    padding-left: 10px;
    padding-right: 0;
    height: 228px;
}

div.fresh div.haveaquestion h3{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis-word;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

div.subbody > div > div:first-child{
    padding-left: 0px;
}

div.subbody > div:first-child > div{
    margin-top: 0px;
}
div.haveaquestion > div{
    height: 188px;
    width: 340px;
    margin: 0;
    padding: 12px 12px 12px 16px;
    background-repeat: no-repeat !important;

}
div.haveaquestion > div textarea{
	font-family: arial,helvetica,sans-serif;
    height: 54px;
    margin-bottom: 3px;
    width: 314px;
	padding:4px;
}

div.fresh div.haveaquestion div input[type="text"] {
    margin-bottom: 4px;
    padding: 4px;
    width: 148px;
}


div.fresh div.haveaquestion span.charsRemaining {
    float: left;
	width: 52%;
	height:30px;
    overflow: hidden;	
}

div.fresh div.haveaquestion div input.button {
    float: right;
    margin-right: 18px;
/*	width:105px; */
	width: 40%;
	height:30px;
}

div.fresh div.subbody > div:after{
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;

}


div.fresh div.subbody > div > div.usefullinks {
    height: 210px;
}

div.fresh div.subbody div.usefullinks {
	padding-left: 0px;
}

div.homepage div.usefullinks ul li{
    list-style: inherit;
    padding: 6px 0;
}

div.fresh div.usefullinks ul li ul li {
    display: block;
    width: 45%;
    float: left;
    list-style-image: none;
    background-repeat: no-repeat;
    background-position: 0px 6px;
    background-attachment: scroll;
	padding-left: 10px; 
}

    /*********************** begin featured properties  ****************/
    div.fresh div.subbody div.featuredProperties{
        padding: 0px 0px 0px 12px;
    }
    div.featuredProperties div.featuredproperties {
        position: relative;
    }
    div.featuredProperties h3{
        margin-left: 12px;
    }
    div.featuredProperties div.name {
        width: 140px;
        height: 20px;
        clip: rect();
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
        text-overflow: ellipsis-word;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    div.featuredProperties div.price {
        width: 140px;
        height: 20px;
        clip: rect();
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
    }

    div.featuredProperties div.featureblock > div {
        float: left;
    }
    div.subbody div.featuredProperties div.featureblock > div{
        width: 140px;
        position: relative;
        left: 12px;
        /* text-align: center; */
        margin-right: 11px;
        overflow: hidden;
    }
    div.subbody div.featuredProperties div.featureblock > div strong{
        white-space: nowrap;
    }

    div.subbody div.featuredProperties .featureblock img {
        width:140px;
        height:104px;
    }

    div.featuredProperties div.featuredproperties div.featuredpropertynav {
        height: 30px;
        width: 10px;
        position: absolute;
        top: 40px;
        *top: 70px; /* IE 6/7 only */
        background-align-y: 2px;
        background-repeat: no-repeat;
        cursor: pointer;
        cursor: hand;
    }
     div.featuredProperties div.featuredproperties div.name {
        padding-top: 10px;
    }
    div.featuredProperties div.navleft {
        left: -15px;
        display: none;
    }
    div.featuredProperties div.navright {
        right: 60px; /* Check cross-browser & different properties if you change this*/
        display: none;
    }

    div.fresh div.subbody > div {
        float: none;
        clear: both;
        display: block;
    }
    div.fresh div.subbody > div > div{
        margin-left: 20px;
        width: 400px;
        overflow: hidden;
        height: 210px;
    }
    div.fresh div.subbody div.haveaquestion {
        margin-left: 0;
        width: 390px;
    }

    div.fresh div.subbody div.searchbylocation.horizontal div{
        height: auto;
        width: auto;
        margin-left: 0;
        margin-right: 6px;
        border: 0 none;
        white-space:nowrap;
    }

    div.fresh div.subbody div.searchbylocation.horizontal div input[type="text"]{
        padding: 7px 7px 6px 7px;
        width: 260px;
		border-radius: 2px 2px 2px 2px;
		moz-box-shadow: inset 0 0 5px 2px #ccc;
		-webkit-box-shadow: inset 0 0 5px 2px #ccc;
		box-shadow: inset 0 0 5px 2px #ccc;
    }

     div.subbody div.searchbylocation.horizontal div input.button{
        margin: 0px;
        margin-left:10px;
        position: relative;
        left: -5px;
        top: 1px;
        width:117px;
        line-height:22px;
    }

    div.fresh div.subbody div.searchbylocation.horizontal div select{
        padding: 4px;
        margin: 4px;
        height:26px;
        width:124px;
    }

    div.fresh div.subbody div.searchbylocation.horizontal > div.searchType {
        padding-top: 0;
    }

    div.fresh div.subbody div.searchbylocation.horizontal h4 {
        line-height: 1.1em;
    }

    div.searchbylocation input#typeMap,
    div.searchbylocation input#typeList {
        border:0 none;
    }

    div.fresh div.subbody div div.blog {
        clip: rect();
        overflow: hidden;
        height: 210px;
        padding-left: 0;
    }
	
    div.fresh div.subbody div div.blog div.blog-module-right {
        float: right;
    }

    div.fresh div.subbody div div.blog div.blog-rss-link {
        float: right;
        margin-top: 4px;
    }

    div.fresh div.subbody div div.blog div.blog-content {
        float: left;
        max-width: 300px;
    }

    div.fresh div.subbody div div.blog ul.mx-blog-entries li
    {
        margin-bottom: 14px;
    }

    div.fresh a.blog_title {
        font-weight: bold;
    }

    div.fresh div.subbody > div > div:first-child{
        margin-left: 0px;
        padding-right: 0;
        /*width: 373px;*/
    }
    div.fresh div.subbody > div > div{
        margin-top: 20px;
    }
    div.fresh div.subbody > div > div:first-child.featuredProperties{
        border: 0 none;
        overflow: visible;
        width: 100%;
        padding-right: 0px;
    }
    div.fresh div.mainbody > div#hometop >div.agentcustomarea{
        width: 100%;
    }

    div.leftCol  h3{
        font-size: 1em;
        font-weight: bold;
    }
    div.leftCol div.searchbylocation input#searchString{
        padding: 6px 6px 6px 24px;
        width: 102px;
	    border-radius: 2px 2px 2px 2px;
		-moz-box-shadow: inset 0 0 5px 2px #ccc;
		-webkit-box-shadow: inset 0 0 5px 2px #ccc;
		box-shadow: inset 0 0 5px 2px #ccc;
    }

    div.leftCol div.searchbylocation h4{
        float: none;
    }
    div.leftCol div.searchbylocation input.searchByLocationSubmit{
        width: 100%;
    }
        div.leftCol div.searchbylocation input.button{
        margin-left: 0px;
    }

        /*********************** search by loaction sidebar ********************/
    div.searchbylocation.sidebar input#searchString{
        width: 140px;
    }

    div.searchbylocation.sidebar .searchprice-min,
 	div.searchbylocation.sidebar .searchprice-max {
		width: 120px;
	}

    div.searchbylocation.sidebar .searchprice-min {
		margin-bottom: 5px;
	}
	
 /*   div.fresh div.subbody > div > div.aboutanagent.largeOnLeft{
        height: 210px;
        width: 360px;
    }
*/
	div.aboutanagent div.mxAboutAgentPhoto{
	    width: 120px;
	    overflow: hidden;
	    margin-right: 16px;
	    margin-left: 8px;
	}
	

    div.fresh div.subbody > div > div.aboutanagent.largeOnLeft > div.mxImageResizeWrapper{
        width: 140px;
    }


    div.fresh div.subbody > div > div.aboutanagent.largeOnLeft h3{
        font-weight: bold;
        font-size: 1.75em;
        padding: 0px;
	    margin-left: 0px;
	    margin-top: 0px;
    }

    div.fresh div.subbody > div > div.aboutanagent div.email{
        overflow: hidden;
        white-space: nowrap;
/*        text-overflow: ellipsis-word;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis; */
    }

    div.fresh div.subbody > div > div.aboutanagent.largeOnLeft h4{
        width: 56px;
        float: left;
    }

    div.fresh div.subbody > div > div.aboutanagent.largeOnLeft div.followme h4{
		line-height:14px;
    }

    div.aboutanagent.largeOnLeft div.phones div {
        width: 100px;
    }

    /********* mortgage rates *******************/

    div.leftCol > div.mortgagerates{
        padding: 8px 0;
        width: 130px;
    }
    div.mortgagerates table{
        width: 120px;
    }
    div.mortgagerates table td{
        padding: 1px 8px 1px 8px;
        text-align: right;
        font-size: 0.87em;
        line-height: 15px;
    }
    div.mortgagerates table td:first-child{
        text-align: left;
    }
    div.mortgagerates table tr.spacer {
        height: 10px;
    }
    div.mortgagerates{
        border-top: 1px solid;
    }

    div#Search div.mortgagerates{
        border-top: 0px;
    }
    div.mortgagerates p.disclaimer{
        padding-top: 15px;
        float: left;
        clear: both;
        font-size:10px;
        line-height:12px;
        color:#999999;
    }


    div#hometop div.agentcustomarea{
        height: 250px;
    }



/**************************** listings pages ***************************/

div.fresh#listingspage div.listings div.aProp{
    margin: 12px;
    width: 45%;
    float: left;
}
div.fresh#listingspage div.listings div.aProp div.image{
    margin-right: 8px;
}
div.fresh#listingspage div.listings div.aProp > div{
    float: left;
}
div.fresh div.agentProfile > div > div{
    /*float: left;*/
}


/********** view listings ************/



/**************************** listing details ***************************/
#detail_left{
  width: 480px;
}
#zillow_graph {
 width: 440px;
 height: 200px;
}
#avm_container {
  float: left;
  margin-top: 15px;
  width: 100%;
}
#avm_container table {
  width: 100%;
}


div#Search div.mortgagerates{
    /*border-top: ;*/
}

/************************ footer ********************/
input#newsletterEmail {
    font-family: arial,helvetica,sans-serif;
    font-size:12px;
    height:16px;
}

#newsletterEmail + input + .button {
    top:0;
    vertical-align:top;
    height:26px;
    position:static;
}


/************* 404 page **************/

div.mx404-page div.mx404-image {
    background-image: url("/wp-content/plugins/matrix/images/mx404-image.jpg"); 
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 453px;
	height: 264px;
	margin: 20px 8px;
}

div.mx404-page div.mx404-text {
	clear: both;
	width: 450px;
	margin-left: 10px;
}

div.mx404-page p.mx404-error {
	font-weight: bold;
}


iframe.cma_report {
    margin-left:50px;
}


/**********************start listings page*****************************/

div.agentProfile div.singleProfile div.top > div.right{
    float: right;
}
div.agentProfile div.singleProfile div.contentbody {
    padding-top:20px;
    clear:both;
}
div.agentProfile div.singleProfile div.profile-followme {
    padding-top:12px;
}
div.singlelisting > *{
    float: left;
    margin: 0;
    padding: 20px;
}
div.singlelisting .single-listing-img-wrap {
    width: 320px;
}
div.agentProfile div.top{
    width: 100%;
}
div.singlelisting h2,
div.singlelisting h3{
    font-size: 1.1666666667em;
}
div.singlelisting a.imgtooverlay {
    width: 100%;
}
div.singlelisting a.imgtooverlay img {
    max-width: 100%;
}
div.singlelisting h3{
    color: black;
    font-weight: bold
}
div.singlelisting td{
    padding: 1px 4px 0px 0px;
}
div.singlelisting td.divider{
    padding: 0px 12px 0px 0px;
}
div.singlelisting div.listingDetails {
    width: 300px;
}
div.singlelisting div.address{
    padding: 8px 0px;
}
div.singlelisting div.subdued{
    color: #666;
    padding: 4px 0;
}
div.singlelisting strong{
    font-weight: bold;
}

div.singlelisting div.listingDetailsSubRight {
    float: right;
    width: 160px;
}

div.singlelisting a.LinkToDetails {
    background: url("/wp-content/plugins/matrix/images/personality_button_gradient.png") repeat-x #033e75;
    border: 0px;
    color: white;
    font-size: 1em;
    padding: 4px 8px;
    position: relative;
    left: 0px;
    text-align: center;
    float: right;
    width: 120px;
    cursor: pointer;
    -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Shadow(Color='#969696', Direction=145, Strength=4);
    -ms-filter:"progid:DXImageTransform.Microsoft.shadow(Color='#969696', Direction=145, Strength=4)";
}

div.singlelisting ul.singlelisting_share_actions {
    list-style: none outside none;
    margin-top: 6px;
    white-space: nowrap;
}

div.singlelisting ul.singlelisting_share_actions.Sold {
    display: none;
}

div.singlelisting ul.singlelisting_share_actions li {
    cursor: pointer;
    height: 22px;
    width: 22px;
    display: list-item;
    float: left;
}

div.singlelisting ul.singlelisting_share_actions .make-favorite:before {
    font-family: FontAwesome;
    content: "\f08a";
}
div.singlelisting ul.singlelisting_share_actions .make-favorite {
    margin-left: 8px;
    margin-right: 22px;
}

div.singlelisting ul.singlelisting_share_actions .make-favorite:hover:before {
    font-family: FontAwesome;
    content: "\f004";
    cursor: pointer;
}
div.singlelisting ul.singlelisting_share_actions .is-favorite:before {
    font-family: FontAwesome;
    content: "\f004";
}
div.singlelisting ul.singlelisting_share_actions .is-favorite {
    margin-left: 8px;
    margin-right: 22px;
}
div.singlelisting ul.singlelisting_share_actions .is-favorite:hover:before {
    font-family: FontAwesome;
    content: "\f08a";
    cursor: pointer;
}
div.singlelisting ul.singlelisting_share_actions .email_friend:before {
    font-family: FontAwesome;
    content: "\f003";
}
div.singlelisting ul.singlelisting_share_actions .email_friend {
    margin-left: 4px;
    margin-right: 22px;
}
div.singlelisting ul.singlelisting_share_actions .email_friend:hover:before {
    cursor: pointer;
    content: "\f0e0";
}
div.singlelisting ul.singlelisting_share_actions .photo_gallery:before {
    font-family: FontAwesome;
    content: "\f03e";
}
div.singlelisting ul.singlelisting_share_actions .photo_gallery {
    margin-left: 4px;
    margin-right: 0px;
    position: relative;
}

div.singlelisting ul.singlelisting_share_actions .photo_gallery:hover {
    cursor: pointer;
}

div.singlelisting ul.singlelisting_share_actions .photo_gallery a {
    height: 22px;
    width: 22px;
    position: absolute;
    top: 0;
    left: 0;
}

div.singlelisting ul.singlelisting_share_actions .photo_gallery a h3 {
    display: none;
}

div.singlelisting div.listingDetails a span.openhouse-icon-true {
    width: 60px;
    height: 30px;
    display: block;
    float:right;
    background: url("/wp-content/plugins/matrix/images/OpenHouseIcon.png") no-repeat scroll center center transparent;
}

div.listings div.singlelisting img#builder-logo {
    max-width: 100px;
    max-height: 50px;
}
/*div.listings div.singlelisting img {*/
/*width:227px;*/
/*height:150px;*/
/*}*/

div#listingspage div.singlelisting a.LinkToDetails:hover{
    text-decoration: none;
}
/********************** end listings page **************************/