﻿/* DEFAULTS
-----------------------------------------#dad6ce;-------/*color:#589aca;}----------*/
* {	margin: 0; padding: 0; }

body { 
   font-family:  Arial, Verdana, Helvetica, sans-serif; color: #333333;  font-size:.7em; background: #DDEAF7 url('../images/BeachBackground.jpg');  background-repeat:no-repeat;}
    
/*body { 
   font-family:  Arial, Verdana, Helvetica, sans-serif;color: #333333;
	background-image: url(../images/guestDropBody.png); background-repeat: repeat-y; background-position: center; 
    background-color:#f7f4ee;  font-size:.7em; }*/
    
br {line-height:1px; height:1px;}

.floatItemsAlways {float:left;}
.floatItemsAlways td {border:0;}

a:link { display:inline; text-decoration:none; color:#1170c8;}
a:visited  { display:inline; text-decoration:none; color:#1170c8; }
a:hover { text-decoration: none; display:inline; color:Blue;} 
a:active { display:inline; }

/* 
.BodyContainer {border:1px dotted brown; margin-left:auto; margin-right:auto; width:98%}
.BodyLeft { float:left; background-color:gold; width:7%}
.BodyCenter { float:left; background-color:whitesmoke; width:86%}
.BodyRight { float:left; background-color:Red; width:7%}
-*/

.UpdateON {margin-left:auto; margin-right:auto; text-align:center;display:inline-block; width:100%; padding:5px 0; color:#8e8e8e;}


/* HEADINGS   
----------------------------------------------------------*/
.headerLogos { font-size: 1.6em;  padding-bottom: 0px;    margin-bottom: 0px; background-position:bottom;  height:61px; width:100%; margin-right:auto; margin-left:auto; 
   /*background-image:url(../images/headerBackground.png);background-repeat:repeat-x; height:85px;*/ 

   background: -moz-linear-gradient(top, rgba(225,222,212,1) 13%, rgba(220,217,206,1) 41%, rgba(227,226,221,1) 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#FFF ), color-stop(41%,#FCFCFB), color-stop(90%,#E3E2DD ));
background: -webkit-linear-gradient(top, #FFF 13%,#FCFCFB 41%,#E3E2DD 90%);
background: -o-linear-gradient(top, rgba(225,222,212,1) 13%,rgba(220,217,206,1) 41%,rgba(215,212,200,1) 60%);
background: -ms-linear-gradient(top, rgba(225,222,212,1) 13%,rgba(220,217,206,1) 41%,rgba(215,212,200,1) 60%);
background: linear-gradient(to bottom, #FFF 13%,#FCFCFB 41%,#E3E2DD 90%);
border-bottom:1px solid #7E7E7E
}
span.LogoRight { float:right; display:inline-block; clear:right; margin-top:5px;  display:none;}
span.LogoLeft { float:left;  margin-top:10px; width:48%;}
.MainTitle { font-size: 2.3em; color:#595959;   letter-spacing:-1px; }
.MainTitle div.RealtorOnly {background:url(../images/Realtor-Only.png) 0 9px no-repeat; text-indent:25px; margin-left:20px; color:Black; margin-top:1px; width:200px; height:36px; display:block; line-height:36px;  clear:none; float:left; }
.SubTitle { font-size: 1.3em;   color:#a7a49e;  clear:both;   margin-bottom:50px;   }
.SubTitle2 { font-size: .7em;   color:#a7a49e;   float:left;   }



/*h1, h2, h3, h4, h5, {font-size: 1.5em;  color: #666666; font-variant: small-caps; text-transform: none; font-weight: 200; margin-bottom: 0px;}*/
h1 {font-size:111px; color:pink;}
h2 { border:1px solid red; }
h3 {  font-size: 1.8em;   color:#474747;  font-variant: normal;  }
h4 { font-size: 1.1em; margin:10px 0; color:#333333;  
     font-weight:bold;   display:block; 
     Border-bottom:1px solid #dbdbdb; padding:5px 0; 
     line-height:25px;}
h5 {font-size: 1.5em;    color:firebrick;  font-weight:bold;   display:block; border-bottom:3px solid #dbdbdb; padding-bottom:3px;}
.h5 {font-size: 1.5em;    color:firebrick;  font-weight:bold;   display:block; border-bottom:3px solid #dbdbdb; line-height:25px; height:25px;}
h6 { font-size: 1.5em;    color:firebrick;  font-weight:bold;  border-bottom:1px solid #dbdbdb; display:block;}


p { font-size:12px;}

/* this rule styles <h1> and <h2> tags that are the first child of the left and right table columns */

.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{ margin-top: 0px; }


/* PRIMARY LAYOUT ELEMENTS  ----------------------------------------------------------*/

.page { width: 100%; padding:0 ; margin-left:auto; margin-right:auto;}

/* SHADOW EFFECTS WORKS IN ALL BROWSERS AND That is the reason I did it that way-------*/
.ShawdowFrame {border-left:1px solid #c6c4c1; border-right:1px solid #c6c4c1; border-bottom:1px solid #c6c4c1;width: 935px; margin-left:auto; margin-right:auto;   background-color:White;}
.ShawdowFrame1 {border-left:1px solid #d9d7d3; border-right:1px solid #d9d7d3; border-bottom:1px solid #d9d7d3; width: 937px; margin-left:auto; margin-right:auto;}
.ShawdowFrame2 {border-left:1px solid #e8e6e0; border-right:1px solid #e8e6e0; border-bottom:1px solid #e8e6e0; margin-left:auto; margin-right:auto; width: 939px;}
.ShawdowFrame3 {border-left:1px solid #f2efea; border-right:1px solid #f2efea; border-bottom:1px solid #f2efea; width: 941px; margin-left:auto; margin-right:auto;}


.main { padding: 0px 12px;   margin: 0px 8px 8px 8px;    min-height: 420px;  }
.leftCol { padding: 6px 0px;  margin: 12px 8px 8px 8px;  width: 200px;  min-height: 200px;}
.footer { color: #4e5766; padding: 8px 0px 0px 0px; width:90%; margin-right:auto; margin-left:auto; text-align: left; line-height: normal; margin-bottom:30px;}
.footer p { font-size:1.0em; color:#939292; border-top:1px solid #efefef; margin-top:20px;  width:99%; padding-top:20px;}
.footer p date {}
.footer p FairHousing { color:#cacaca;}


ul.PriceContainer {margin:0 0 0 10px; padding:0 0 0 5px; list-style:none; float:right; width:200px;  background-color:Blue; }
.PriceTitle {font-size:10px; padding:0px 0 0 0;  }
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {  width:100%; }
.menu { padding: 0; margin:0;   float:right;}
.menu ul { font-weight:bold; }
.menu li { width:110px; text-indent:-.5em;  }


/* SEARCH FORM ELEMENTS & DESIGN
Example: Homepage of the Guest Site   
------------------------------- ---------------------------*/
.MainSearchBTN { 
    background: #DCDCDC;
background: -moz-linear-gradient(top, rgba(79,125,160,1) 13%, rgba(59,108,155,1) 41%, rgba(50,101,152,1) 60%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#4F7DA0), color-stop(41%,#4F7DA0), color-stop(60%,#326598));
background: -webkit-linear-gradient(top, #4F7DA0 13%,#4F7DA0 41%,#326598 60%);
background: -o-linear-gradient(top, rgba(79,125,160,1) 13%,rgba(59,108,155,1) 41%,rgba(50,101,152,1) 60%);
background: -ms-linear-gradient(top, rgba(79,125,160,1) 13%,rgba(59,108,155,1) 41%,rgba(50,101,152,1) 60%);
background: linear-gradient(to bottom, #4F7DA0 13%,#4F7DA0 41%,#326598 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4F7DA0', endColorstr='#326598',GradientType=0 );

border: 1px solid #2A4E77;
color: #FFF; 
                 
                 
                 
                 width:82px; padding:0; margin:0; cursor:pointer; height:32px;   
                 font-size:19px;  background-repeat:no-repeat; float:left; margin-left:20px; padding-right:5px;}
.SaveSearchBTN { background-image:url(../images/SaveSearchButton.png); color:#333333; width:41px; border:0px; padding:0; margin:0; cursor:pointer; height:32px;   
                 font-size:19px;  background-repeat:no-repeat; float:left; margin-left:-7px; }  
.UpdateSaveBTN { background-image:url(../images/UpdateSaveBTN.png); color:white; width:93px; border:0px; padding:0; cursor:pointer;   
                 font-size:19px;  background-repeat:no-repeat; float:left; margin-left:0px; margin-top:-15px; height:64px; } 
                                              
.txtSearchBoxInput {color:Black; font-style:Normal; text-indent:5px; line-height:32px; height:32px;  display:block; font-family:Arial;}
.txtMultiZipInput {color:Black; font-style:Normal; text-indent:5px; line-height:32px; height:32px;  display:block; font-family:Arial;}
.txtSearchBoxWaterMark {color:#b9b9b9; font-style:normal; font-weight:normal; 
                        font-variant:normal; font-size:14px; text-indent:5px; line-height:32px; height:32px;   }
.txtSearchBoxWaterMarkErr {color:red; font-style:normal; font-weight:normal; 
                           font-variant:normal; font-size:14px; text-indent:5px; line-height:32px; height:32px;   }
.SmartSearchContainer { width:897px;   height:214px; background-image:url(../images/SmartSearch.png); font-size:1.1em; background-repeat:no-repeat;  background-position:bottom; }
.SmartSearch {padding:0 20px 0 20px;  clear:left; }
.SmartSearch ul {margin:0px; padding:0px; list-style:none; float:left; width:893px; clear:left; }

.SmartStatus    {  height:26px; float:left;  margin-left:85px; }
.SmartStatus div:nth-child(2) { margin-left:5px;}
ul.chklstStatus   {float:left;  clear:none; width:320PX; }
ul.chklstStatus li{ display:inline-block; float:left; width:65px;   padding-top:6px;  }
ul.chklstStatus li:nth-child(2) { width:105px; }




/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset { margin: 1em 0px; padding: 1em; border: 1px solid #ccc; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; }
fieldset label.inline {  display: inline; }
legend {font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input.textEntry {  width:200px; }
input.textEntry2 {  width:120px; }
input.passwordEntry { width:200px; }
input.passwordEntry2 { width:120px; }
.LoginRecovery {text-align:left; color:Red; line-height:20px;}
div.accountInfo { width: 42%; }
.HomeRemarks { display:none;line-height:20px;  font-size:1.1em; color:Blue; width:300px;}


/* OPEN HOUSE TEXT BOX 
Example: Homepage of Guest Site
----------------------------------------------------------*/
.OH-Txt-Box {    font-size:12px; }
.OH-Txt-Box2 {    font-size:12px; }
.OpenHouseTitle {  width:75px;  }

div.WeeekendGuideAdSpace {background:url(../images/WeeekendGuideAdSpace.png);  float:left; margin-top:20px;  height:364px; width:335px;  border:1px solid red;}
div.AdSpace {background:url(../images/Ad-Slate.png) no-repeat; float:left; margin-top:60px;  height:303px; width:335px; }
/* MISC  
----------------------------------------------------------*/

.clear { clear: both; }
.title { display: block; float: left;  text-align: left; width:100%; height:62px; border-bottom:1px solid #CECCC5; }

.loginDisplay { font-size: 1.1em; display: block; text-align: right; padding: 10px; color: black; }
.loginDisplay a:link {  color: white; }
.loginDisplay a:visited { color: white; }
.loginDisplay a:hover { color: white; }
.failureNotification { font-size: 12px;  color: Red; }
.failureNotification ul { list-style:none; margin-top:10px;}
.bold { font-weight: bold; }
.submitButton { text-align: right; padding-right: 20px;}

/* ---------AJAX.NET MODAL CONTENT EDITOR------------------------*/

.ajax__validatorcallout_popup_table { }
.modalBackground { background-color: gray; 	 filter: alpha(opacity=70);	 opacity: 0.7 }
/* ----------------------------------------------*/




/**********************************************************************************************
	SMART SEARCH DROP DOWN MENUS FOR SEARCH MODULE
	Note:  I placed all styles for the drop down menus for "SmartSearch.ascx" in this section
***********************************************************************************************/

.chklstPropType {
   background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:102px; 
   line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-top:3px; list-style:none;  margin-left:-2px; }
.chklstPropType li {
    margin-left:2px; margin-top:1px; margin-bottom:1px;}
.chklstPropTypeOff {
  background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat;  background-position: 86px 0; padding:2px;
  border:1px solid #bab7b2;   display:block;  line-height:14px; }
  
.chklstSaleType {
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:120px; 
    line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-top:3px; list-style:none;  margin-left:-2px; }
.chklstSaleType li {
    margin-left:2px; margin-top:1px; margin-bottom:1px;}
.chklstSaleTypeOff  { 
    background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 104px 0; padding:2px;  
    border:1px solid #bab7b2;   display:block;  line-height:14px;  }
    
 .rdlOccupation {
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:127px; 
    line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-top:3px; list-style:none;  margin-left:-2px; }
.rdlOccupation li {
    margin-left:2px; margin-top:1px; margin-bottom:1px;}
.rdlOccupationOff  { 
    background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 111px 0; padding:2px;  
    border:1px solid #bab7b2;   display:block;  line-height:14px;  }

.rdlBath    { 
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:45px; 
    line-height:14px;  color:#333333;  padding-left:2px; padding-bottom:3px; padding-top:1px; list-style:none; margin-left:-2px;  }
.rdlBath li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px; }
.rdlBathOff { 
    background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 29px 0; padding:2px;
    border:1px solid #bab7b2;   display:block;  line-height:14px;  }

.rdlBed { 
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:45px; 
    line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-bottom:3px; padding-top:1px; list-style:none; margin-left:-2px;  }
.rdlBed li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px;     }
.rdlBedOff  { 
   background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 29px 0; padding:2px;
    border:1px solid #bab7b2;  display:block;  line-height:14px; }

.rdlSQFrom { 
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:53px; 
    line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-bottom:3px; padding-top:1px; list-style:none; margin-left:-2px;  }
.rdlSQFrom li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px;     }
.rdlSQFromOff  { 
   background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 37px 0; padding:2px;
    border:1px solid #bab7b2;   display:block;  line-height:14px; }

.rdlSQTo { 
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:53px; 
    line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-bottom:3px; padding-top:1px; list-style:none; margin-left:-2px;  }
.rdlSQTo li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px;     }
.rdlSQToOff  { 
   background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 37px 0; padding:2px;
    border:1px solid #bab7b2;  display:block;  line-height:14px;  }

.rdlYearFrom { 
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:53px; 
    line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-bottom:3px; padding-top:1px; list-style:none; margin-left:-2px;  }
.rdlYearFrom li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px;     }
.rdlYearFromOff  { 
   background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 37px 0; padding:2px;
    border:1px solid #bab7b2;  display:block;  line-height:14px; }

.rdlYearTo { 
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:53px; 
    line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-bottom:3px; padding-top:1px; list-style:none; margin-left:-2px;  }
.rdlYearTo li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px;     }
.rdlYearToOff  { 
   background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 37px 0; padding:2px;
    border:1px solid #bab7b2;   display:block;  line-height:14px;  }
    
 .ddPriceCriteria { 
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:60px; 
    line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-bottom:3px; padding-top:1px;  margin-left:-2px;  }
.ddPriceCriteria li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px;     }
.ddPriceCriteriaOff  { 
   background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 37px 0; padding:2px;
    border:1px solid #bab7b2;   display:block;  line-height:14px;  }

.rdlSoldPrice { 
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:84px; 
    line-height:14px;  color:#333333; font-size:1em; padding-left:2px; list-style:none; margin-left:-2px; }
.rdlSoldPrice li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px;     }
.rdlSoldPriceOff  { 
    background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 68px 0;  padding:2px;
    border:1px solid #bab7b2;   display:block;  line-height:14px;  }

.rdlLotSize {
   background-color :#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:102px; 
   line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-top:3px; list-style:none;  margin-left:-2px; }
.rdlLotSize li {
    margin-left:2px; margin-top:1px; margin-bottom:1px;}
.rdlLotSizeOff {
  background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat;  background-position: 86px 0; padding:2px;
  border:1px solid #bab7b2;   display:block;  line-height:14px; }

.rdlLandType {
   background-color :#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:112px; 
   line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-top:3px; list-style:none;  margin-left:-2px; }
.rdlLandType li {
    margin-left:2px; margin-top:1px; margin-bottom:1px;}
.rdlLandTypeOff {
  background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat;  background-position: 96px 0; padding:2px;
  border:1px solid #bab7b2;   display:block;  line-height:14px; }

.rdlParking { 
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:45px; 
    line-height:14px;  color:black; font-size:1em; padding-left:2px; padding-bottom:3px; padding-top:1px; list-style:none; margin-left:-2px;  }
.rdlParking li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px;     }
.rdlParkingOff  { 
    background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 29px 0; padding:2px;
    border:1px solid #bab7b2;  display:block;  line-height:14px;  }

.rdlDaysInStatus {
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:78px; 
    line-height:14px; color:black; font-size:1em; padding-left:2px; list-style:none; margin-left:-2px; }
.rdlDaysInStatus li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px;     }
.rdlDaysInStatusOff { 
    background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 62px 0;  padding:2px;
    border:1px solid #bab7b2;  display:block;  line-height:14px; }

.rdlPriceCriteria { 
    background-color:#f9f0dc;    border-top:none; border-left:1px solid #006699; border-right:1px solid #006699; border-bottom:1px solid #006699; width:60px; 
    line-height:14px;  color:#333333; font-size:1em; padding-left:2px; padding-bottom:3px; padding-top:1px; list-style:none; margin-left:-2px;  }
.rdlPriceCriteria li { 
    margin-left:2px; margin-top:1px; margin-bottom:1px;     }
.rdlPriceCriteriaOff  { 
   background-image:url(../images/ArrowDownOff.png); background-repeat: no-repeat; background-position: 44px 0; padding:2px;
    border:1px solid #bab7b2;   display:block;  line-height:14px;  }
    
.TextBoxPosition { line-height:20px;}    
     
.Spacer { width:20px; display:inline-block;  }
    
    

/* -----------------JQUERY MODAL LOADING GIF-----------------------------*/

/* Z-index of #mask must lower than #boxes .window */
#mask {   position:absolute; z-index:9000;  background-color:#FFFFFF; display:none; }
#boxes .window {   position:absolute;  width:440px;  height:200px;  display:none;  z-index:9999;  padding:20px;  text-align: center;}
/* Customize your modal window here, you can add background image too */
#boxes #dialog { width:375px; height:203px;}
/* ----------------------------------------------*/
.lazydone


/**********************************************************************************************
	LISTING PAGE RESULTS PAGE
	Note:  I placed all styles for the "Listings.aspx" results page in this section
********************************************************************************************

#MainContent_TopPager_Panel a {}
#MainContent_TopPager_Panel a, #MainContent_TopPager_Panel a:visited { color: Gray; display: block; line-height: 1.5em;  text-align:center; text-decoration: none; 
    background-image:url(../images/PageNumberBox.png);	background-position:0px 0px; background-repeat:repeat-y; width:15px; height:15px; margin-left:0px; padding:0 0 0 0; border:1px solid whitesmoke; border-left:1px solid white; border-right:1px solid white; float:left;}
#MainContent_TopPager_Panel a:hover {  color: #2e4d73; text-decoration: none; background-image:url(../images/PageNumberBox.png); background-repeat:repeat-y; background-position:0 -20px; }
#MainContent_TopPager_Panel a:active { color: black; text-decoration: none; }

#MainContent_BottomPager_Panel a {}
#MainContent_BottomPager_Panel a, #MainContent_BottomPager_Panel a:visited { color: Gray; display: block; line-height: 2.0em;  text-align:center; text-decoration: none; 
    background-image:url(../images/PageNumberBox.png);	background-position:0px 0px; background-repeat:repeat-y;	width:20px; height:20px; margin-left:0px; padding:0 2px 0 0; border:none; float:left;}
#MainContent_BottomPager_Panel a:hover {  color: white; text-decoration: none; background-image:url(../images/PageNumberBox.png); background-repeat:repeat-y; background-position:0 -15px; }
#MainContent_BottomPager_Panel a:active { color: black; text-decoration: none; }***/

.CurrentPage { background-color:#f9f0dc; display:inline }

.PageNumbers  { display:inline;  clear:none;  width:30px; height:20px;  }
.PageNumbers  span { border:1px solid #1170c8; width:20px; HEIGHT:15PX; display:inline-block; text-align:center; color:#1170c8; font-weight:bold; background-color:#9ED3DB; }
.PageNumbers a:link {border:1px solid #bab7b2; width:20px; HEIGHT:15PX; display:inline-block; text-align:center; }
.PageNumbers a:visited {border:1px solid purple; font-weight:bold; }
.PageNumbers a:hover {border:1px solid #006699; font-weight:bold; background-color:#f9f0dc}
.PageNumbers a:active {border:1px solid #bab7b2;  }
.SortingDD {float:right;  width:200px; clear:left;  line-height:22px; height:22px; margin-top:5px; }
#MainContent_pShowing { border-bottom:1px solid #bab7b2; padding-bottom:3px;}
#MainContent_listview { border-bottom:1px solid  #bab7b2; padding-bottom:3px;}
.SystemToolContainer { height:22px; margin-top:10px; margin-left:30px;}
.pagenumberShell{  border-top:1px solid #bab7b2; padding-top:7px; padding-bottom:7px;  width:100%;}
.ButtonControlSorting {  line-height:22px; height:22px;  float:left;   }
.ButtonControlSorting span {margin-top:20px;}
.ButtonControlSorting a {  cursor:pointer; line-height:22px; height:22px; margin-left:15px; color:#1170c8}
.ButtonControlSorting a:hover {  color:blue}

.ButtonControlSorting img {}
.ButtonControlSorting input { float:left;}


/* JQUERY FUNCTIONAL CLASS------------------------*/


.multizipli
{
 float:left;   
}

.gridListings
{

}
.gridImageThumb
{
Clear:left; 
}
.gridListView
{
Clear:left; 
}
.gridImageThumbHD
{
Clear:left; display:none;
}
.gridListViewHD
{
Clear:left; display:none;
}
.gridAllSliderImages
{
display:none;
}
.mlsNum
{
}

.normalSize
{
}
.stretchedSize
{
}
/**********************************************************************************************
	LISTING VIEW, MY FAVORITES VIEW
	Note:  I placed all styles for the "Listings.aspx & MyFavorites" in this section
***********************************************************************************************/
.MyFavoritesAmenitiesContainer {width:98.5%;  background-color:whitesmoke; display:inline-block; border:1px solid #cacaca; border-top:5px solid #cacaca; padding:5px 5px 5px 5px; }
.MyFavoritesAmenitiesContainer span.MyFavCheckBox {float:right; background-color:whitesmoke; display:block; margin-bottom:5px; line-height:1px;}
.MyFavoritesAmenitiesContainer ul {float:left; list-style:none;}
.MyFavoritesAmenitiesContainer ul.AgentOffice {width:50%; border-top:1px solid #cacaca;}
.MyFavoritesAmenitiesContainer ul.AgentOffice li {width:100%; display:block; line-height:15px; }
.MyFavoritesAmenitiesContainer ul.AgentOffice ul.AgentInfo  {float:left; width:95%}
.MyFavoritesAmenitiesContainer ul.AgentOffice ul.AgentInfo li {float:left;  line-height:15px; width:49%; }
.MyFavoritesAmenitiesContainer ul.AgentOfficeLeft {width:49.5%; border-top:1px solid #cacaca; border-left:1px solid #cacaca; padding-left:3px; }
.MyFavoritesAmenitiesContainer ul.AgentOfficeLeft li {width:100%; display:block; line-height:15px; }
.MyFavoritesAmenitiesContainer ul.AgentOfficeLeft ul.AgentInfo  {float:left; width:95%}
.MyFavoritesAmenitiesContainer ul.AgentOfficeLeft ul.AgentInfo li {float:left;  line-height:15px;width:49%; }

ul.MyFavoritesTitle { width:100%;  }
.MyFavoritesAmenitiesContainer ul li {float:left;}
.MyFavoritesAmenitiesContainer ul li.Image {width:15%; }
.MyFavoritesAmenitiesContainer ul li.Address {width:85%;}
.MyFavoritesAmenitiesContainer ul li.Address span.MyFavContainer {width:65%; display:block;  float:left;}
.MyFavoritesAmenitiesContainer ul li.Address span.MyFavContainer span.Title {width:100%;  height:15px; font-size:16px; font-weight:bold;}
.MyFavoritesAmenitiesContainer ul li.Address span.Price {color:#008a20;  margin-right:5px; font-size:16px; font-weight:bold;  width:32%; float:right; text-align:right; }
.MyFavoritesAmenitiesContainer ul li.Address span.Price span.SoldPrice {font-size:11px;  color:#333333;}
.MyFavoritesAmenitiesContainer ul li.Address span.MyFavContainer span.City {width:100%;  height:16px; font-size:12px; font-weight:bold; display:block;}
.MyFavoritesAmenitiesContainer ul li.Address span.MyFavContainer  a {display:inline-block; cursor:pointer;}
.MyFavoritesAmenitiesContainer ul.MyFavoritesAmenities {float:left; border-top:1px solid #cacaca;  width:28%; }
.MyFavoritesAmenitiesContainer ul.MyFavoritesAmenities li {float:none; clear:both;  line-height:15px; display:block; }

/**********************************************************************************************
	LISTING VIEW, MY FAVORITES VIEW
	Note:  I placed all styles for the "Listings.aspx & MyFavorites" in this section
***********************************************************************************************/
.FeaturedSpecial {width:98.5%;  display:inline-block; border:1px solid #d6cfc2; border-top:5px solid #d6cfc2; padding:5px 5px 5px 5px; background:#F7F4EE url(../images/AdSpace1.png) 846px 93px no-repeat }
.FeaturedSpecial span.MyFavCheckBox {float:right; background-color:whitesmoke; display:block; margin-bottom:5px; line-height:1px;}
.FeaturedSpecial ul {float:left; list-style:none;}
.FeaturedSpecial ul.AgentOffice {width:50%; border-top:1px solid #cacaca;}
.FeaturedSpecial ul.AgentOffice li {width:100%; display:block; line-height:15px; }
.FeaturedSpecial ul.AgentOffice ul.AgentInfo  {float:left; width:95%}
.FeaturedSpecial ul.AgentOffice ul.AgentInfo li {float:left;  line-height:15px; width:49%; }
.FeaturedSpecial ul.AgentOfficeLeft {width:49.5%; border-top:1px solid #cacaca; border-left:1px solid #cacaca; padding-left:3px; }
.FeaturedSpecial ul.AgentOfficeLeft li {width:100%; display:block; line-height:15px; }
.FeaturedSpecial ul.AgentOfficeLeft ul.AgentInfo  {float:left; width:95%}
.FeaturedSpecial ul.AgentOfficeLeft ul.AgentInfo li {float:left;  line-height:15px;width:49%; }
.FeaturedSpecial ul.MyFavoritesTitle { width:100%;  }
.FeaturedSpecial ul li {float:left;}
.FeaturedSpecial ul li.Image {width:15%; }
.FeaturedSpecial ul li.Address {width:85%;}
.FeaturedSpecial ul li.Address span.MyFavContainer {width:65%; display:block;  float:left;}
.FeaturedSpecial ul li.Address span.MyFavContainer span.Title {width:100%;  height:20px; font-size:16px; font-weight:bold;}
.FeaturedSpecial ul li.Address span.Price {color:#008a20;  margin-right:5px; font-size:16px; font-weight:bold;  width:32%; float:right; text-align:right; }
.FeaturedSpecial ul li.Address span.Price span.SoldPrice {font-size:11px;  color:#333333;}
.FeaturedSpecial ul li.Address span.MyFavContainer span.City {width:100%;  height:16px; font-size:12px; font-weight:bold; display:block;}
.FeaturedSpecial ul li.Address span.MyFavContainer a {display:inline-block; cursor:pointer; }
.FeaturedSpecial ul.MyFavoritesAmenities {float:left; border-top:1px solid #cacaca;  width:28%; }
.FeaturedSpecial ul.MyFavoritesAmenities li {float:none; clear:both;  line-height:10px; height:10px; display:block;  padding:3px 0;}

.FeaturedIndicator {display:none;}
/**********************************************************************************************
	GALLERY VIEW RESULTS PAGE
	Note:  I placed all styles for the "Listings.aspx" results page in this section
***********************************************************************************************/
.GalleryResultsView {width:48.5%; margin:0 0; display:inline-block;  background-color:whitesmoke; border:1px solid #d7d7d7;   height:375px; border-top:5px solid #d7d7d7; padding:0px 0 0 0;  float:left; margin:5px;  }
.GalleryResultsView ul {list-style:none; margin:15px 0;}
.GalleryResultsView ul li span.Address {text-align:left;  font-size:16px; float:left; width:65%;  display:block; float:left; text-indent:15px; }
.GalleryResultsView ul li span.City {text-align:left; font-size:11px; width:65%;  display:block;  float:left; text-indent:15px;}
.GalleryResultsView ul li span.Price { font-size:16px; color:#008a20; width:25%; float:right; text-align:right; margin-right:13px;}
.GalleryResultsView ul li span.SoldPrice { font-size:12px; color:#333333; width:25%; float:right; text-align:right; margin-right:13px;}
.GalleryResultsView ul li.Image {text-align:Center;}
.GalleryResultsView ul li.Info {text-align:Center; margin-right:13px; color:#333333;}


/**********************************************************************************************
	GALLERY VIEW RESULTS PAGE
	Note:  I placed all styles for the "Listings.aspx" results page in this section
***********************************************************************************************/
.FeatureListingGallery {width:48.5%; margin:0 0; display:inline-block;  border:1px solid #d6cfc2; height:375px; border-top:5px solid #d6cfc2; padding:0px 0 0 0;  float:left; margin:5px;  background:#f7f4ee url(../images/AdSpace1.png) 375px 312px no-repeat; }
.FeatureListingGallery ul {list-style:none; margin:15px 0;}
.FeatureListingGallery ul li span.Address {text-align:left;  font-size:16px; float:left; width:65%;  display:block; float:left; text-indent:15px; }
.FeatureListingGallery ul li span.City {text-align:left; font-size:11px; width:65%;  display:block;  float:left; text-indent:15px;}
.FeatureListingGallery ul li span.Price { font-size:16px; color:#008a20; width:25%; float:right; text-align:right; margin-right:13px;}
.FeatureListingGallery ul li span.SoldPrice { font-size:12px; color:#333333; width:25%; float:right; text-align:right; margin-right:13px;}
.FeatureListingGallery ul li.Image {text-align:Center;}
.FeatureListingGallery ul li.Info {text-align:Center; margin-right:13px; color:#333333;}


/**********************************************************************************************
	DETAIL PAGE 
	Note:  I placed all styles for the "Details.aspx" results page in this section
***********************************************************************************************/

.DetailAddressPrice {   border-bottom:1px solid #a0a0a0; border-top:1px solid #a0a0a0; width:100%; 
                        background-color:whitesmoke; height:55px; clear:left; padding-top:10px; padding-bottom:5px; 
                        margin:20px 0 0 0; display:inline-block; }
.DetailAddressPrice ul { float:left;    margin:0px; padding:0px;  list-style:none;  }
.DetailAddressPrice ul li { float:left;  margin:0; padding:0;}
.DetailAddressPrice ul li.Back {float:left; width:40px; }


.DetailAddressPrice ul li.Address {    width:560px; float:left;  }
.DetailAddressPrice ul li.Address span.Street{   display:block;  Font-size:16px; color:#333333;    }
.DetailAddressPrice ul li.Address span.CityName{    display:block;  Font-size:11px; color:#333333;    } 
.DetailAddressPrice ul li.Address span.DetailsAddFavorite{   float:left; display:block; margin-top:-2px;  padding:0; margin:0;  margin-left: -15px;} 

.DetailAddressPrice ul li.ListingPrice {  width:200px; text-align:left; font-size:16px; font-weight:bold; text-align:right; }
                                          
.DetailAddressPrice ul li.ListingPrice span.LP{  display:block; Font-size:16px;  color:#008a20;     }
.DetailAddressPrice ul li.ListingPrice span.SP{  display:block;  Font-size:11px; color:#333333; font-size:11px;    }                                           




.DetailAgentData { width:100%}
.DetailAgentData td {width:50% }
.DetailAgentData ul {list-style:none; }


.DetailPictureRemarks { margin-top:15px; color:#333333;}
.DetailPictureRemarks ul {list-style:none;}
.DetailPictureRemarks ul li.Remarks {font-size:13px;}



/*.AmenitiesData   {padding:3px;  background-color:whitesmoke; border-bottom:1px solid #a0a0a0; border-top:1px solid #a0a0a0; width:100%; clear:left;}*/
.AmenitiesData  {float:left; width:58.5%; margin-left:10px; clear:none; }

ul.DataLeft  {float:left;  width:49.0%; margin:0; padding:0px;  }
ul.DataLeft li, ul.DataRight li { display:inline-block; border-bottom:1px dotted #DBDBDB; }
ul.DataLeft li span {float:left;   width:90px;  margin: 0; }
ul.DataLeft li span.LInfo {float:left;   width:160px; margin: 0; background-color:white; }
ul.DataRight  {float:right; width:49.0%; margin:0; padding:0px; border-LEFT:1PX DOTTED #DBDBDB;  padding-left:5px;}
ul.DataRight li span {float:left;   width:90px; margin:0; }
ul.DataRight li span.RInfo {float:left;   width:160px; margin: 0;  }

ul.Data  {float:left; width:530px; padding:0px;  margin-top:3px; margin-bottom:10px; border-top:1px dotted #DBDBDB;}
.DataWidth {width:90px; float:left;}
.DataAmenities {width:530px; float:left;}
.DataAmenitiesInfo {width:437px; float:right}
.AgentData {float:left; width:100%; list-style:none;}
.AgentData ul {margin:0px; padding:0px;}
.AgentData ul li {float:left; width:48.58%; }

ul.AgentDataLeft  {float:left;  width:47%; list-style:none; line-height:17px;  border:3px solid #dadada; padding:5px; margin-top:8px; }
ul.AgentDataLeft li span.left {WIDTH:auto; float:left; margin-right:5px; }
ul.AgentDataLeft li span.right {WIDTH:auto; float:left;   }

ul.AgentDataRight  {float:right;  width:47%; list-style:none; line-height:17px;  border:3px solid #dadada; padding:5px; margin-top:8px;}
ul.AgentDataRight li span.left {WIDTH:auto; float:LEFT;  margin-right:5px; }
ul.AgentDataRight li span.right {WIDTH:auto; float:left; } 

.RemarksSection  { clear:left; padding-top: 10px; }
/*.RemarksSection ul { list-style:none;  }*/
.RemarksSection div.Title { border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; color:firebrick; padding:5px 0; display:block; font-size:15px; font-weight:bold; background-color:whitesmoke; height:20px;}
.RemarksSection div.Title span.Text { float:left; display:inline-block;}
.RemarksSection div.Title span.Link {float:right; clear:none; font-size:10px; color:#777777; padding-right:10px; display:inline-block; }
.RemarksSection span.Content {font-size:11px; color:#333333; clear:both;  display:inline-block; float:left; margin:2px 0;}


.imageThumbnail {margin-right:6px;  }


.SimilarSoldHeader {font-size: 14px;  color:firebrick;  font-weight:bold; border-bottom:1px solid #dbdbdb; display:block; margin:5px 0; padding-bottom:3px;}
.VerticalSpacer {border-right:1px solid #dbdbdb; height:5px; margin-right:3px;}

.SimilarListingsContainer { border:3px solid #dbdbdb;  width:47%; float:left; padding:5px;  padding-bottom:3px; background-color:transparent;}
div.SimilarListings  {height:65px; border-BOTTOM:1PX DOTTED #dbdbdb; margin-bottom:5px; overflow:hidden;}
div.SimilarListings span.Picture {width:82px; float:left; }
div.SimilarListings span.Info {width:175px; float:left; }
div.SimilarListings span.Price {width:105px; float:right; text-align:right;}

div.SimilarListings span ul { float:left; background-color:whitesmoke;   list-style:none; }
div.SimilarListings span ul li { float:left; height:65px;}


.RecentlySoldListingsContainer { border:3px solid #dbdbdb;  width:47%; float:right; padding:5px;  padding-bottom:3px; background-color:transparent;}
div.RecentlySoldListing  {height:65px; border-BOTTOM:1PX DOTTED #dbdbdb; margin-bottom:5px; overflow:hidden;}
div.RecentlySoldListing span.Picture {width:82px; float:left; }
div.RecentlySoldListing span.Info {width:175px; float:left; }
div.RecentlySoldListing span.Price {width:105px; float:right; text-align:right;}

div.RecentlySoldListing span ul { float:left; background-color:whitesmoke;   list-style:none; }
div.RecentlySoldListing span ul li { float:left; height:65px;}


/**********************************************************************************************
	MORTAGAGE CALCULATOR
	Note:  I placed all styles for the "/UserControls/MorgageCalc.ascx"
***********************************************************************************************/

.MortgageCalculatorContainer  { background-color:#f3fafe; width:522px; height:285px; background-image:url("../images/MortgageCalculator.png"); }
.MortgageBTN {float:RIGHT; }
.DropDowns {margin:0; width:50px; }
.BLOCK {DISPLAY:block;}

/**********************************************************************************************
	SEND EMAIL TO AGENT
	Note:  Floating Module Pop Up when user clicks the email agent button on detail page.
***********************************************************************************************/
.EmailAgent {background-color:#dbdbdb; width:500px; height:375px; padding:20px; font-size:13px; color:#555555; border:1px solid #666666;}
.EmailAgent div {clear:left;}
.EmailAgent div ul.left {float:left;  width:230px; list-style:none;}
.EmailAgent div ul.left li {float:left; text-align:left; }
.EmailAgent div ul.right {float:right; width:230px; list-style:none;}
.EmailAgent div ul.right li {float:left; text-align:left; }
.EmailAgent div.DividerLine {width:100%; background-image:url(../images/LineDivider.png);   background-position:bottom; background-repeat:repeat-x; height:10px; font-size:14px; display:block; clear:left;}

/**********************************************************************************************
	FIND AN AGENT & FIND AN OFFICE
	Note:  Search Module & Results Files: FindAgent.aspx & FindOffice.aspx
***********************************************************************************************/
.FindAnAgentOffice {background-image:url(../images/FindAnAgentIMG.png); width:893px; height:224px; background-repeat:no-repeat; margin-top:30px; }
.FindAnAgentOffice ul.Forms {list-style:none; padding:15px 0 20px 20px;  height:208px;  float:left; width:320px; line-height:35px;}
.FindAnAgentOffice ul.Description li.Title{font-size:20px; color:#15160f;}
.FindAnAgentOffice ul.Description li.Summary p {margin-right:50px; line-height:18px; font-size:11px; color:#666666; }
.FindAnAgentOffice ul.Description {list-style:none; padding:20px 0 20px 5px; background-color:transparent; height:208px;  float:left; width:300px;}

.DividerLine {width:100%; background-image:url(../images/LineDivider.png);   background-position:bottom; background-repeat:repeat-x; height:10px; font-size:14px; display:block; clear:left;}
.MainAgentResults {  width:100%}

.AgentDisplay {   margin-bottom:5px; FONT-SIZE:12PX; color:#333333; border:1px solid #dbdbdb; border-top:5px solid #dbdbdb;  display:inline-block; background-color:whitesmoke; width:98%; padding:10px;}
.AgentDisplay ul {list-style:none; width:100%;  }
.AgentDisplay ul.AgentPhoto {float:left;  width:105px; margin-right:10px; overflow:hidden; }
.AgentDisplay ul.AgentInfo { }
.AgentDisplay ul.AgentInfo li {line-height:20px; height:25px;}
.AgentDisplay ul.AgentInfo li.Name { font-size:16px; font-weight:bold; margin-right:-10px; line-height:25px; Border-bottom:2px solid #dadada;}
.AgentDisplay ul.AgentInfo li.Name span {float:right; line-height:20px; }
.AgentDisplay ul.AgentInfo li.OfficeName { color:#666666; font-size:14px; font-weight:normal; font-style:italic; }
.AgentDisplay ul.AgentInfo li.OfficeInfo { color:#666666; font-size:12px; font-weight:normal;  }
.AgentDisplay ul.AgentInfo li {line-height:20px;}
.AgentDisplay ul.AgentInfo {float:left; width:390px; }


.FindAnOffice {background-image:url(../images/FindAnOfficeIMG.png); width:893px; height:139px;  background-repeat:no-repeat; margin-top:30px; }
.FindAnOffice ul.Forms {list-style:none; padding:15px 0 20px 20px;  height:208px;  float:left; width:320px; line-height:35px;}
.FindAnOffice ul.Description li.Title{font-size:20px; color:#15160f;}
.FindAnOffice ul.Description li.Summary p {margin-right:50px; line-height:18px; font-size:11px; color:#666666; }
.FindAnOffice ul.Description {list-style:none; padding:20px 0 20px 5px; background-color:transparent; height:208px;  float:left; width:300px;}

/**********************************************************************************************
	REGISTRATION PAGE
	Note:  Account sign up form Fields used Name, Location, User Name, Email, Password, Confirm
           Password, Occupation, & Captcha.
***********************************************************************************************/

.CreateAccount {  color:#333333; background-repeat:no-repeat; margin-top:20px; padding:10px; font-size:12px; }
.CreateAccountSummary {} 
.CreateAccountForm {font-size:12px; width:450px; padding:0px 25px 15px 25px; margin-left:10px; background-image:url(../images/CreateAccountIMG.png);  height:425px; float:left;}
.CreateTitles {line-height:22px; width:150px; list-style:none;}
.CreateLabels {Float:left; line-height:22px; width:150px; list-style:none;}
.CreateLabels table tr td {text-align:left; line-height:18px; }
.CreateLabels table tr td input {float:right; margin-right:45px;}
.TitleTextForgot { font-size:12px; font-weight:bold; border-bottom:1px solid #dbdbdb; padding-bottom:5px; width:250px;}
.LabelForgot {font-size:12px;  }
.SuccessPassword {font-weight:bold; font-size:14px; text-align:center; border:1px solid #008000; background-color:#dae9c2; padding:5px; }

.CreateFormFeilds {float:left; list-style:none; line-height:22px; }
.CreateAccountAD {float:right; width:380px; background-image:url(../images/WhyRegisterIMG.png); height:440px;}

/**********************************************************************************************
	SAVED SEARCHES 
	Note:  I placed all styles for the "/SavedSearch.ascx"
***********************************************************************************************/

.SavedSearchContainer { margin-bottom:3px; }
.SavedSearch {border:1px solid #cacaca; overflow:auto; background-color:whitesmoke; padding:3px; margin-right:auto; margin-left:auto;}

.SavedSearch ul {float:left;  list-style:none; width:32.5%; margin:1px;}
.SavedSearch ul.Left { width:49%; float:left;}
.SavedSearch ul.Right {width:49%; float:right;}
.SavedSearch ul li {}

.MyProfileContainer {   width:47%; float:left; padding:10px; margin-top:10px; }
.MyProfileContainer ul {list-style:none;}
.MyProfileContainer ul li span.left {float:left;}
.MyProfileContainer ul li span.right {float:right; }
.MyProfile {  padding:0 20px 0 0;  margin-bottom:10px; height:160px; }
.MyProfile ul {list-style:none;}
.MyProfile ul h4 {margin:0px 0 10px 0;}

.MyProfile ul.Info {margin:0px 0 0 5px; width:100%; font-size:12px; }
.MyProfile ul.Info li { }
.MyProfile ul.Info li ul {width:200px; margin-top:20px; margin-left:20px;}

.MyProfile ul.Info li img { text-align:center; width:85px; }

.MyProfile ul li {float:left; line-height:20px;}



a.YouTubeBTN:link, a.YouTubeBTN:visited  {   border:0; display:inline-block;  text-decoration:none; line-height:20px; background:url(../images/YouTubeBTN.png) no-repeat; font-size:11px; padding-left:20px; margin-right:5px; font-weight:normal;}
a.YouTubeBTN:hover, a.YouTubeBTN:active  {  background-position: 0 -21px;}

a.LinkedInBTN:link, a.LinkedInBTN:visited  {   border:0; display:inline-block;  text-decoration:none; line-height:20px; background:url(../images/LinkedInBTN.png) no-repeat; font-size:11px; padding-left:20px; margin-right:5px; font-weight:normal;}
a.LinkedInBTN:hover, a.LinkedInBTN:active  {  background-position: 0 -20px;}

a.TwitterBTN:link, a.TwitterBTN:visited  {   border:0; display:inline-block;  text-decoration:none; line-height:20px; background:url(../images/X-BTN.png) no-repeat; font-size:11px; padding-left:20px; margin-right:5px; font-weight:normal;}
a.TwitterBTN:hover, a.TwitterBTN:active  {  background-position: 0 -21px;}

a.FaceBookBTN:link, a.FaceBookBTN:visited  {   border:0; display:inline-block;  text-decoration:none; line-height:20px; background:url(../images/FaceBookBTN.png) no-repeat; font-size:11px; padding-left:20px; margin-right:5px; font-weight:normal; }
a.FaceBookBTN:hover, a.FaceBookBTN:active  {  background-position: 0 -21px;}

a.CommunityReport:link, a.CommunityReport:visited  {   border:0; display:inline-block;  text-decoration:none; line-height:20px; background:url(../images/CommunityReport.png) no-repeat; font-size:11px; padding-left:20px; margin-right:5px;}
a.CommunityReport:hover, a.CommunityReport:active  {  background-position: 0 -21px;}

a.AgentInventory:link, a.AgentInventory:visited  {   border:0; display:inline-block;  text-decoration:none; line-height:20px; background:url(../images/InventoryIMG.png) no-repeat; font-size:11px; padding-left:20px; margin-right:5px; font-weight:normal;}
a.AgentInventory:hover, a.AgentInventory:active  {  background-position: 0 -21px;}

a.AgentWebsite:link, a.AgentWebsite:visited  {   border:0; display:inline-block;  text-decoration:none; line-height:20px; background:url(../images/AgentWebsite.png) no-repeat; font-size:11px; padding-left:24px; font-weight:normal; margin-right:5px;}
a.AgentWebsite:hover, a.AgentWebsite:active  {  background-position: 0 -21px;}

a.DrivingDirections:link, a.DrivingDirections:visited  {   display:inline-block;  float:left; text-decoration:none; line-height:20px; background:url(../images/DrivingDirections.png) no-repeat; font-size:11px; padding-left:23px; margin-right:5px;}
a.DrivingDirections:hover, a.DrivingDirections:active  {  background-position: 0 -21px;}

a.EmailAgentBTN2:link, a.EmailAgentBTN2:visited  {   display:inline-block;  float:left; font-weight:normal; text-decoration:none; line-height:20px;  font-size:11px; padding-left:5px; margin-right:10px;}
a.EmailAgentBTN2:hover, a.EmailAgentBTN2:active  {  background-position: 0 -20px;}



input.EmailAgentBTN {
   background:transparent url(../images/Email-Icon.png) no-repeat; background-position: 0 0px; height:20px; line-height:20px; cursor:pointer; font-size:11px; border:0; width:60px; color:#1170c8; font-weight:normal; font-family:Arial;
   }
input.EmailAgentBTNHOV {   
   background-position: 0 -20px; text-decoration:none;  color:#0000ff;    
   }


input.EmailDetailBTN {
   background:transparent url(../images/Email-Icon.png) no-repeat; background-position: 0 0px; height:17px; line-height:17px; cursor:pointer; border:0;
   font-size:11px; width:60px; color:#1170c8;  font-family:Arial; 
   }
input.EmailDetailBTNHOV {   
   background-position: 0 -20px; text-decoration:none;  color:#0000ff;    
   }

a.MySavedRun:link, a.MySavedRun:visited  {  text-indent:20px; border:0; display:block; width:85px; text-decoration:none; line-height:16px; background-image:url(../images/MySavedRun.png); background-repeat:repeat-y; }
a.MySavedRun:hover, a.MySavedRun:active  { text-indent:20px; border:0; display:block; width:85px; text-decoration:none; line-height:16px; background-image:url(../images/MySavedRun.png); background-position: 0 16px;}

a.MySavedSearch:link, a.MySavedSearch:visited  { text-indent:5px; color:black; border:0; display:block; width:58px; text-decoration:none; line-height:16px; background-image:url(../images/MySavedSearch.png); background-repeat:repeat-y; }
a.MySavedSearch:hover, a.MySavedSearch:active  {  text-indent:5px;  color:white; border:0; display:block; width:58px; text-decoration:none; line-height:16px; background-image:url(../images/MySavedSearch.png); background-position: 0 16px;}  

a.DeleteBTN:link, a.DeleteBTN:visited  { text-indent:5px; color:black; border:0; display:block; width:12px; text-decoration:none; line-height:11px; background-image:url(../images/CloseWindow.png); background-repeat:repeat-y; }
a.DeleteBTN:hover, a.DeleteBTN:active  {  text-indent:5px;  color:white; border:0; display:block; width:12px; text-decoration:none; line-height:11px; background-image:url(../images/CloseWindow.png); background-position: 0 11px;}  

a.ViewTour:link, a.ViewTour:visited  {  text-indent:25px; border:0; display:block; width:100px; margin-top:5px; margin-bottom:5px; text-decoration:none; line-height:17px; background-image:url(../images/ViewTour.png); background-repeat:repeat-y; }
a.ViewTour:hover, a.ViewTour:active  { text-indent:25px; border:0; display:block; width:100px; text-decoration:none; line-height:17px; background-image:url(../images/ViewTour.png); background-position: 0 17px;}

a.PropertyWebsite:link, a.PropertyWebsite:visited  {  text-indent:28px; border:0; display:block; width:150px; margin-top:5px; margin-bottom:5px; text-decoration:none; line-height:17px; background-image:url(../images/PropertyWebsite.png); background-repeat:repeat-y; }
a.PropertyWebsite:hover, a.PropertyWebsite:active  { text-indent:28px; border:0; display:block; width:150px; text-decoration:none; line-height:17px; background-image:url(../images/PropertyWebsite.png); background-position: 0 17px;}


a.ViewWebsite:link, a.ViewWebsite:visited  {  padding-left:30px; border:0; display:inline-block; width:auto; text-decoration:none; line-height:17px; background-image:url(../images/ViewWebsite.png); background-repeat:repeat-y; }
a.ViewWebsite:hover, a.ViewWebsite:active  {  border:0;  text-decoration:none; background-position: 0 17px;}

a.OfficeWebsite:link, a.OfficeWebsite:visited  {  text-indent:28px; border:0; display:inline-block; width:100px; text-decoration:none; line-height:17px; background-image:url(../images/OfficeWebsite.png); background-repeat:repeat-y; }
a.OfficeWebsite:hover, a.OfficeWebsite:active  { text-indent:28px; border:0; display:inline-block; width:100px; text-decoration:none; line-height:17px; background-image:url(../images/OfficeWebsite.png); background-position: 0 17px;}

a.AreaSearch:link, a.AreaSearch:visited  { text-indent:30px; border:0; display:inline-block; text-decoration:none; line-height:18px; background:url(../images/NewSearch.png); background-position: 0 0px; background-repeat:repeat-y;}
a.AreaSearch:hover, a.AreaSearch:active  {  text-indent:30px; border:0; display:inline-block;  text-decoration:none; line-height:18px;  background:url(../images/NewSearch.png); background-position: 0 18px; background-repeat:repeat-y;}

a.TheGuide:link, a.TheGuide:visited  { width:149px; height:36px; border:0; display:inline-block; text-decoration:none; line-height:36px; background:url(../images/TheMLSGuide.png); background-position: 0 0px; background-repeat:repeat-y; float:left;}
a.TheGuide:hover, a.TheGuide:active  { width:149px; height:36px; border:0; display:inline-block;  text-decoration:none; line-height:36px;  background:url(../images/TheMLSGuide.png); background-position: 0 -36px; background-repeat:repeat-y; float:left;}

.TextBoxes {background-color:whitesmoke; border:1px solid #cacaca; font-size:.9em; font-weight:bold; line-height:20px; height:20px; text-indent:5px;  color:gray; }


/**********************************************************************************************
	LOGIN FLOATING WINDOW
	Note:  Account sign in from a listing results screen or when you click the add favorites 
           when you are not logged in.
***********************************************************************************************/

.LogInContainer {display:none;border:3px solid #bab7b2; background-color:whitesmoke; width:300px; height:200px;  padding:10px 20px 20px 20px;}
.LogInFields {float:left;  list-style:none; line-height:25px; }
.LogInFields ul  {margin-left:50px;}
.LogInBTNS {clear:left; margin-top:10px;  list-style:none; }


/**********************************************************************************************
	NOTES FLOATING WINDOW 
	Note:  When a user makes a note on any lisitngs in there stored my favorites section.
***********************************************************************************************/

.MakeNotes { border:1px solid #666666; background-color:#dbdbdb; width:498px; height:450px; color:#555555; padding:20px; padding:10px 20px 20px 20px;}
.MakeNotes div.DividerLine {width:100%; background-image:url(../images/LineDivider.png);   background-position:bottom; background-repeat:repeat-x; height:10px; font-size:14px;}
.ucEditor {}


/**********************************************************************************************
	AREA LOOKUP FLOATING WINDOW 
	Note:  When a user clicks on Area Lookup hyperlink on smart search section. 
***********************************************************************************************/
.AreaLookUpContainer {border:3px solid #bab7b2; background-color:whitesmoke; width:350px; height:300px;  padding:10px 20px 20px 20px;}
.AreaLookUpFields {float:left;  list-style:none; line-height:25px; }
.AreaLookUpFields ul  {margin-left:50px;}
.AreaLookUpBTNS {clear:left; margin-top:10px;  list-style:none; }
.AreaLookUpShow{border:3px solid #bab7b2; background-color:whitesmoke; width:300px; height:300px;  padding:10px 20px 20px 20px;display:block;}
.AreaLookUpHide{border:3px solid #bab7b2; background-color:whitesmoke; width:300px; height:300px;  padding:10px 20px 20px 20px;display:none;}


/**********************************************************************************************
	BROWSER DETECTION STYLES
    Example: Site Master file line 118-124
***********************************************************************************************/
.BroswerDetection { background:url(../images/DectectionMessage.png) no-repeat; height:300px; }
.BroswerDetection div {padding:50px 50px 0px 40px; }
.BroswerDetection div span.Title { display:block;  font-size:30px;}
.BroswerDetection div span.messageDescription { display:block;  font-size:14px; color:#666666;}
.BroswerDetection div span.messageSummary { display:block;  font-size:12px; color:#666666; padding-top:5px;}
.BroswerDetection div div.messageBrowsers { padding:0 0 0 0; margin:10px 0 0 0;}
.BroswerDetection div div.messageBrowsers ul {margin:0; padding:10px 0 0 0;  display:inline-block; height:75px; border-top:1px solid #cbcbcb; width:100%;}
.BroswerDetection div div.messageBrowsers ul li {list-style:none; float:left; display:inline-block; width:24%; height:62px;  }
.BroswerDetection div div.messageBrowsers ul li div {margin:20px 0 0 70px; padding:0; }
.BroswerDetection div div.messageBrowsers ul li div font {font-size:14px; font-weight:bold;}
.BroswerDetection div div.messageBrowsers ul li.Microsoft {background:url(../images/BR-Microsoft.png) no-repeat;}
.BroswerDetection div div.messageBrowsers ul li.Apple {background:url(../images/BR-Apple.png) no-repeat;}
.BroswerDetection div div.messageBrowsers ul li.Google {background:url(../images/BR-Google.png) no-repeat;}
.BroswerDetection div div.messageBrowsers ul li.Mozilla {background:url(../images/BR-Mozilla.png) no-repeat;}
	
	
	ul.SocialMedia {float: right; width:220px; margin: 0;   margin-right:0px;  list-style: none outside none;  display:inline-block; clear:right; margin-top:17px;}
	ul.SocialMedia  li {padding: 0 7px 0 0; border-left:1px solid #c6c6c6; float:left; }
	ul.SocialMedia  li.NoBorderRight {border:none;}
	ul.SocialMedia  li.FBButton {width:75px; height:26px; float:left; border:none;}
	ul.SocialMedia  li.TwitterButton {padding-left:4px; width:25px;} 
	ul.SocialMedia  li.TwitterFollow {width:66px; overflow:hidden; padding-left:0px; border:none;}
	ul.SocialMedia  li.TwitterFollow div {width:64px; overflow:hidden; padding-left:0px; border:none;}
	ul.SocialMedia  li.NoBorderRight img {border:none;}
	ul.SocialMedia  li.TwitterButton img {border:none;}
	
	
	ul.MobileInfo { width:320px; float:left; display:inline-block; clear:none; margin-left:10px; padding:0; list-style:none;margin-top:-4px }
	ul.MobileInfo li {float:left; }
	
	ul.MobileInfo li.Image {background: #b22222 url("../images/MobileImageInfo.png"); height:65px; width:77px; float:left; }
    ul.MobileInfo li.Info {width:70%; text-align:left; padding-left:10px;}	
	ul.MobileInfo li.Info div.MobileTitle {font-size:12px; color:#626262;  margin-top:10px;}
	ul.MobileInfo li.Info div.MobileLink{font-size:11px; margin-top:3px;}
	
	/**********************************************************************************************
	Ad Style    
    ***********************************************************************************************/
    
    #dvAd3Background a img {border:none;}
    
    
    	
	/**********************************************************************************************
	Multi Language CSS    
    ***********************************************************************************************/
    
    ul.MultiLanguage {margin:0; padding:0;}
    ul.MultiLanguage li {float:left; display:inline-block; background-color:whitesmoke; height:18px; width:24px; margin-left:3px;}
    ul.MultiLanguage li a:link, ul MultiLanguage a:visited {display:inline-block; background-color:whitesmoke; height:18px; width:24px; 
                                                            opacity:1;
                                                            filter:alpha(opacity=100); /* For IE8 and earlier */
                                                            border:1px solid transparent;
                                                            }
    ul.MultiLanguage li a:Hover, ul MultiLanguage a:Active {
                                                            
                                                            opacity:1;
                                                            filter:alpha(opacity=100); /* For IE8 and earlier */
                                                            border:1px solid #0018FF;
                                                            }
    ul.MultiLanguage li a.English {background:url(../images/English.png) no-repeat;}
    ul.MultiLanguage li a.German {background:url(../images/German.png) no-repeat;}
    ul.MultiLanguage li a.French {background:url(../images/French.png) no-repeat;}
    ul.MultiLanguage li a.Spanish {background:url(../images/Spanish.png) no-repeat;}
    ul.MultiLanguage li a.Russian {background:url(../images/Russian.png) no-repeat;}
    ul.MultiLanguage li a.Portuguese {background:url(../images/Portuguese.png) no-repeat;}
    ul.MultiLanguage li a.Italian {background:url(../images/Italian.png) no-repeat;}
    ul.MultiLanguage li a.Korean {background:url(../images/Korean.png) no-repeat;}
    ul.MultiLanguage li a.Vietnamese {background:url(../images/Vietnamese.png) no-repeat;}
    ul.MultiLanguage li a.ChineseSimplified {background:url(../images/ChineseSimplified.png) no-repeat;}
    ul.MultiLanguage li a.Japanese {background:url(../images/Japanese.png) no-repeat;}
    ul.MultiLanguage li a.ChineseTraditional {background:url(../images/ChineseTraditional.png) no-repeat;}
    ul.MultiLanguage li a.Arabic {background:url(../images/Arabic.png) no-repeat;}
    ul.MultiLanguage li a.Turkish {background:url(../images/Turkish.png) no-repeat;}
    ul.MultiLanguage li a.Dutch {background:url(../images/Dutch.png) no-repeat;}
    ul.MultiLanguage li a.Hebrew {background:url(../images/Hebrew.png) no-repeat;}

.CheckList {margin-left:4px; float:right;  display:inline-block; clear:none; height:30px; padding-top:5px; }
.CheckList td label {margin:0 5px 0 5px; }
#MainContent_pShowing, #MainContent_MyFavorites1_pShowing { height:25px;  display:block;}
