/*
STYLESMLS - 2.1 STYLESHEET 
THESE STYLES COVER THE MLS RELATED PAGES OF AN LM2.1 IDX INSTALLATION
*/

/*Misc*/
body{
    margin: 0;
}

h1,h2,h3,h4 {
    margin: 0;
    padding: 0;
}

.leftalignimg{
    float: left;
    border: 0;
    margin-right: 3px;
}

.rightalignimg{
    float: right;
    border: 0;
    margin-left: 3px;
}


.floatleft{ 
    float: left;
}

.floatright{
    float: right;
}

.centerme{
    margin-left: auto;
    margin-right: auto;
}

.center{
    text-align: center;
}


/* MLS SEARCH SETTINGS */

.mlsSearchInternal
{
    width:140px;
    margin-bottom: 10px;
}
.mlsSearchOptions
{
    width:140px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}


/* a tags for mlsSearchOptions combined with details page options links, see below */


.mlsMainDiv
{
    float: left;
    width: 650px
}
.mlslabel1
{
    color: #000000;
    font-weight: bold;
}

.mlsLocationSummary
{
    float: left;
    clear: left;
    margin-bottom: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
}

.mlsResultFilters
{
    float: left;
    clear: left;
    border: 1px solid #CCCCCC;
    padding: 2px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
.filterlabels{
    font-size: 11px;
    font-weight: bold;
}

select.filterinputs{
    width: 90px;
    font-size: 11px;
}

input.filterinputs {
    width: 86px;
    font-size: 11px;
}

.filtertable{
    width: 90%;
    font-size: 11px;    
    margin-left: auto;
    margin-right: auto;
    
}

.searchCountBox
{
    margin-bottom: 10px;
    border: 1px solid #000000;
    margin-left: auto;
    margin-right: auto;
    width: 170px;
    height: 50px;
    padding-top: 6px;
    clear:both;
}
.searchCountNumber
{
    font-weight: bold;
    font-size: 16px;
    float: left;
    width: 50px;
    text-align: center;
}
.searchCountText
{
    float:left;
    font-size:12px;
    width:120px;
}


.locationlists
{
    font-size: 10px;
    width: 110px;
    height: 200px;
}

.locationItemBox
{
    padding: 3px;
    border: 2px solid #808080;
    background-color: #E8E8E8;
    float: left;
}
.subdirections
{
    font-size: 10px;
}

/* END MLS SEARCH SETTINGS */



/* RESULTS PAGE SETTINGS (AND SOME DETAILS PAGE) */
#map
{
    border: 2px outset #C0C0C0;
    width: 100%;
    height: 400px;
    margin-top: 5px;
    display: block;
}

.resultsCountLabel
{
    font-size: 14px;
    margin-bottom: 10px;
    float: left;
}
.resultSettingsTop
{
    width: 100%;
    float: left;
    border: solid 1px #000000;
    margin-bottom:10px;
}
.resultSettingsBottom
{
    width: 100%;
    float: left;
}
.resultSettings
{
    float: left;
    padding: 3px;
}
.resultPager
{
    float: right;
    width: 160px;
    padding: 3px;
    text-align:right;
}
.resultPager a
{
    font-weight: bold;
    color: #000000;
    margin-left: 2px;
    margin-right: 2px;
}

.resultPnlMap
{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom:10px;
}
.resultPnlList
{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom:10px;
}


/* Office Info Widget */

.sideOfficeInfo{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: solid 1px black;
    width: 160px;
    padding: 5px;
}
.sideOfficeInfoHeader{
    padding: 3px;
}
.sideOfficeInfoInner {

}

/* /Office Info Widget */

/*Search Results*/
.resultItem
{
    width: 630px;
    float: left;
    clear: left;
    border: solid 1px black;
    padding: 10px;
}

.resultitemtable{
    border: solid 1px black;
}

.resultItemHeader
{
    float: left;
    width: 645px;
    padding-left: 6px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    height: 20px;
}

.resultPrice 
{
    font-size:14px;
    font-weight:bold;
    padding-right:6px;
}
.resultAddress 
{
    font-size:14px;
}
.resultMLSNumber 
{
    float: right;
    padding-right: 5px;
}
.resultItemBody
{
    clear: left;
    float:left;
    width: 630px;
    padding:6px;
    
}
.resultItemPhoto 
{
    float:left;
}
.resultItemPhoto img
{
    border: 1px solid #000000;
    width: 128px;
    height: 100px;
}

.resultItemInfo {
    padding-left: 4px;
    float: left;
}
.resultItemOpenHouse {
    display: block;
    background-color: Yellow;
    font-weight: bold;
    width: 100%;
    margin-bottom: 2px;
    padding: 4px 10px;
    text-align: center;
}
.resultItemTitle {
    font-weight: bold;
}
.resultItemIcon {
    float: left;
    margin-left: 10px;
}
.resultItemOptions
{
    float: right;
    clear: right;
    text-align: right;
/* uses detailsOptions classes below to make same style */
}



.resultItemOptions a, .resultItemOptions a:visited, .resultItemOptions a:hover, .resultItemOptions a:active
{
    margin-right: 4px;
    margin-bottom: 6px;
    float: right;
    text-align: center; 
    display: block;
    width: 45px;
    text-decoration: none;
    font-size: 10px;
    color: #000000;
}
#moredetailsimg
{
    float: right;
    margin-bottom:5px;
}


.resultitemusersettings /* on mlsuser results only */
{
    text-align: right;
    background-color: #E4E4E4;
    width: 180px;
}


.moredetailslink
{
    font-size: 16px;
    font-weight: bold;
}

.mapNotFoundCell
{
    background-position: left center;
    background-image: url( "images/greymapmarker.jpg" );
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 5px;
}


.openhouselabel
{
    font-weight: bold;
    color: Red;
}

.notFoundDiv{
    overflow-y: auto;
    height: 63px;
    border: solid 1px black;
}

.notFoundTable{
    width: 100%;
}

.notFoundTable td{
    border: solid 1px #CCCCCC;
    padding: 5px;
    text-align: center;
    margin: 10px;
    background: #EEEEEE;
}

/* END RESULTS PAGE SETTINGS */

/* DETAIL PAGE */
.detailsOuterDiv {
    width: 750px;
    float: left;
}
.detailsOuterDiv h2
{
    margin-top: 4px;
    border-style: solid none none none;
    border-width: 2px;
    border-color: #000000;
}
.detailsHeader {
    font-size: 14px;
    font-weight: bold;
}
.detailsTitle {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    display: block;
    text-align: center;
}
.detailsNavigation
{
    padding: 2px;
    width:140px;
    
}
.detailsNavigation a, .detailsNavigation a:visited, .detailsNavigation a:active, .mlsuserNavigation a, .mlsuserNavigation a:visited, .mlsuserNavigation a:active, .mlsSearchOptions a, .mlsSearchOptions a:visited, .mlsSearchOptions a:active
{
    border: 1px solid #000000;
    display: block;
    color: #000000;
    font-weight: bold;
    margin-bottom: 2px;
    padding-left: 3px;
}
.detailsNavigation a:hover, .mlsuserNavigation a:hover, .mlsSearchOptions a:hover {
    text-decoration: none;
    background-color: #FFFFFF;
    color: #000000;
}
.detailsContactInfo
{
    width: 180px;
    padding: 3px;
    border: solid 1px black;
    margin-top:20px;
    text-align: center;
}
.detailsSaveProperty{
    width: 180px;
    padding: 3px;
    border: solid 1px black;
    float:left;
    margin-top:20px;
}

.detailsSavePropertyComments{
    width: 175px;
}

.detailsMainInfo {
    width: 260px;
    float: left;
    margin: 10px;
    margin-left: 0;
}
.openHouseDiv {
    background-color: Yellow;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}
.detailsMainInfoInner {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
}
.detailsMainInfo .leftcell {
    clear: left;
    width: 40%;
    text-align: left;
    padding-bottom: 0px;
    float: left;
    margin-top: 5px;   
}
.detailsMainInfo .rightcell {
    width: 60%;
    text-align: right;
    margin-top: 5px;   
    padding-bottom: 0px;
    float: left;
    font-weight: bold;
}

.detailsMainInfo .outercell{
    border-bottom: dotted 1px black;
    float: left;
    width: 100%;
}


.detailsOptions {
    display: block;
    clear: left;
    margin-left:auto;
    margin-right: auto;
}
.detailsOptions img, .resultItemOptions img {
    height: 40px;
    width: 40px;
}
.detailsOptions a, .detailsOptions a:visited, .detailsOptions a:hover, .detailsOptions a:active
{
    margin-right: 4px;
    margin-bottom:4px;
    float: left;
    text-align: center; 
    display: block;
    width: 45px;
    text-decoration: none;
    font-size: 10px;
}
.photosDiv {
    float: right;
    width: 430px;
}
.mainPhoto {
    float: left;
}
.thumbDiv {
    float: left;
    width: 85px;
    overflow-y: auto;
    height: 252px;
    margin-left: 5px;
}


.detailsDescription {
    float: left;
    width: 100%;
}
.detailsAdditionalFeatures {
    float: left;
    width: 100%;
}
.detailsMortgage {
    float: left;
    width: 100%;
}
.EstPmt
{
    font-size: 14px;
}
.EstPmDetails
{
    font-size: 10px;
}


.detailsFooter {
    float: left;
    margin:10px;
    width:100%;
}
.idxIcon
{
    margin: 4px;
}
.idxDisclaimer
{
    text-align: center;
    font-size: 10px;    
    font-style: italic;
}
/* END DETAIL PAGE */



/* MLS USER PAGE, "My Page" */

/* .mlsuserNavigation -reuses styles from detailsNavigation, see above */

#mlsuseritembody{
    width: 500px;
}

.mlsuserNavigation{
    width: 140px;
    margin-left:auto;
    margin-right: auto;
}

.leftlinecell
{
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #808080;
    padding-left: 6px;
}
.usersectionheader
{
    font-weight: bold;
    font-size: 16px;
}
.usersection
{
    padding: 15px 5px 15px 5px;
}

.savedsearchesresults
{
    width: 100%;
}
.savedSearchesresults TD
{
    padding: 4px;
}
.savedsearchesheader
{
    border: 1px solid #000000;
    background-color: #CCCCCC;
    font-weight: bold;
}
.savedsearchesheader TH
{
    padding: 2px;
}

.savedsearchesaltrow
{
    background-color: #FFFFFF;
}
.forReview .resultitembody
{
    background-color: #FEFAC5;
}





/* MODAL WINDOW STYLES */
.darkenBackground
{
    background-color: rgb(0, 0, 0);
    opacity: 0.7; /* Safari, Opera */
    -moz-opacity: 0.70; /* FireFox */
    filter: alpha(opacity: 70); /* IE */
    z-index: 10;
    background-repeat: repeat;
    position: absolute;
    top: 0px;
    left: 0px;
}
.modaloptionpane
{
    padding-right: 4px;
    padding-left: 4px;
    font-size: 12px;
    padding-bottom: 4px;
    padding-top: 4px;
    z-index: 20;
    position: fixed;
    top: 65px;
    margin: auto;
    left: 50%;
    margin-left: -200px;
    background-color: #EEE;
    border: 3px solid #000000;
}
.modaloptionpane#subRequest
{
    width: 400px;
    height: 360px; 
}
.modaloptionpane#subEmailFriend
{
    width: 400px;
    height: 380px;    
}
.modaloptionpane h2
{
    margin-top: 4px;
}
.hiddentext
{
    display: none;
}

/* END MODAL WINDOW STYLES */







/* AGENT PAGE STYLES */
.agentcell
{
    text-align: center;
    padding: 10px;
}
.agentphotodetails
{
    border: 2px solid #000000;
    width: 107px;
    height: 150px;
}
.agentname
{
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.agenttitle, .agentinfo
{
    font-size: 14px;
}
.agentbio
{
    font-size: 12px;
}
/* END AGENT PAGE STYLES */


/* MORTGAGE CALCULATOR */
.borderleft
{
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #666666;
}
/* END MORTGAGE CALCULATOR */


/* LOGIN SECTION ON MASTER PAGE */
.inlineloginpanel
{
    text-align: right;
    background-color: #000000;
    font-size: 12px;
    padding: 2px 6px 2px 6px;
    color: #FFFFFF;
}
.inlineloggedinpanel
{
    text-align: right;
    background-color: #000000;
    font-size: 12px;
    padding: 2px 6px 2px 6px;
    color: #FFFFFF;
}
.inlineloginpanel INPUT
{
    font-size: 10px;
}
.inlineloggedinpanel A, .inlineloggedinpanel A:visited, .inlineloggedinpanel A:active, .inlineloggedinpanel A:hover, .inlineloginpanel A, .inlineloginpanel A:visited, .inlineloginpanel A:active, .inlineloginpanel A:hover
{
    color: #FFFFFF;
}
/* END LOGIN SECTION ON MASTER PAGE */

/* Agent Search on Agents page*/


.agentsearch{
    border: solid 1px black;
    background: #eaeadb;
    padding: 5px;
    margin: 5px;
    margin-left: auto;
    margin-right: auto;
    height: 45px;
    width: 670px;
}

.agentsearch div{
    padding: 2px;
    width: 31%;
    margin-left: 10px;
}

.btnSearchAgents{
    margin-top: 1px;
    margin-bottom: -7px;    
}

.txtSearchAgents{
    height: 14px;
    font-size: 10px;
}

.btnShowAll{
    margin-top: 5px;
}

.ddloffices{
    margin-top: 5px;
}

.circle{
    margin-top: -3px;
}




/* map info window */
.mapinfowindow {
    min-height: 150px;
    min-width: 250px;
}
.mapinfowindow img{
    float: left;
}
.mapinfo {
    float: left;
    padding-left: 10px;
    font-size: 12px !important;
}