/* Common Styles */

HTML{background:#061C33;}
BODY{font-size:62.5%; font-family:Arial, Verdana, Sans-Serif; color:black; zoom:1;}
INPUT, TEXTAREA{font-size:62.5%; font-family:Tahoma, Arial, Verdana, Sans-Serif; resize:none;}

.button{}
.button a{display:block;}

.errors{ color:Red; margin-bottom:10px; }

/* Template Styles */

HTML{background:#68A8ED url(../i/background.jpg); background-attachment:fixed; background-position:bottom; background-repeat:repeat-x;}
#popup{position:absolute; left:0px; top:0px; display:none; z-index:1000001;}

#header{height:119px; width:980px; margin:auto; margin-bottom:10px; background:url(../i/header.png) center no-repeat;}
#mainColumn{width:960px; margin:auto;}

#whiteRoundedBoxTop{height:20px; background:url(../i/whiteRoundedBoxEnd.png);}
#whiteRoundedBox{padding-bottom:150px; background:url(../i/whiteRoundedBoxBack.png);}
#whiteRoundedBoxBottom{height:20px; background:url(../i/whiteRoundedBoxEnd.png) 0px -20px;}

#columns{position:relative; top:-10px; width:940px; margin:auto;}
#columnsLeft{float:left; width:740px; margin-right:10px;}
#columnsRight{float:left; width:190px;}



#map{ height:208px; margin-right:9px; margin-left:9px; border:0px solid black;}      



#controlPanel{color:#D0E9FF; padding-bottom:8px;}
.cp{background:url(../i/controlPanel.png);}
#controlPanel .inner{padding:12px;}
#controlPanel .titleSettings{height:30px; }
#controlPanel .titleNewSearch{height:29px; background-position:0px -30px;}
#controlPanel .yourSearches { }
#controlPanel .titleYourSearches{height:29px; background-position:0px -59px;}
#controlPanel .bottom{height:30px; background-position:0px -89px;}
#controlPanel .settingsPanel{background-repeat:repeat-y; background-position:-190px 0px;}
#controlPanel .newSearchPanel{background-repeat:repeat-y; background-position:-190px 0px;}
#controlPanel .yourSearchesPanel{background-repeat:repeat-y; background-position:-190px 0px;}

#controlPanel .name{color:White; font-size:1.1em; font-weight:bold;}
#controlPanel .btnEditSettings{margin:12px 0px 0px 0px;}
#controlPanel .btnEditSettings A{width:122px; height:19px; background-position:0px -354px;}
#controlPanel .btnEditSettings A:hover{background-position:0px -373px;}
#controlPanel .btnEditSettings A:active{position:relative; top:1px; background-position:0px -354px;}

#controlPanel .btnCpLogin{margin:12px 0px 6px 0px;}
#controlPanel .btnCpLogin A{width:62px; height:19px; background-position:-122px -354px;}
#controlPanel .btnCpLogin A:hover{background-position:-122px -373px;}
#controlPanel .btnCpLogin A:active{position:relative; top:1px; background-position:-122px -354px;}

#controlPanel .btnCpLogout{margin:0px 0px 6px 0px;}
#controlPanel .btnCpLogout A{width:69px; height:19px; background-position:-114px -316px;}
#controlPanel .btnCpLogout A:hover{background-position:-114px -335px;}
#controlPanel .btnCpLogout A:active{position:relative; top:1px; background-position:-114px -316px;}

#controlPanel #searchForm{width:166px; margin:auto;}
#controlPanel .field{position:relative; width:166px; height:25px; margin-bottom:3px; background-position:0px -134px;}
#controlPanel .field.active{background-position:0px -159px;}
#controlPanel LABEL{display:block; position:absolute; left:4px; top:6px; width:54px; height:12px; font-size:1em; color:White;}
#controlPanel .field.textBox INPUT{position:absolute; left:62px; top:5px; width:100px; height:15px; border:0; font-size:1.2em; color:White; background:none;}
#controlPanel .field.dropDownList{position:relative; cursor:pointer;}
#controlPanel .field.dropDownList .text{position:absolute; overflow:hidden; left:62px; top:5px; width:100px; height:15px; border:0; font-size:1.2em; color:White; background:none;}


.cpDropDown{position:absolute; display:none; width:166px; z-index:900000;}
.cpDropDown .list{background:#677BA5;}
.cpDropDown .item{position:relative; border-bottom:solid 1px #4A5E80; color:White; padding:3px; cursor:pointer;}
.cpDropDown .item.hover{background-color:#8091B3;}
.cpDropDown .checkBox{position:absolute; left:148px; top:3px; width:13px; height:13px;}
.cpDropDown .checkBox.off{background-position:-45px -119px;}
.cpDropDown .checkBox.on{background-position:-58px -119px;}
.cpDropDown .close A{display:block; height:24px; font-size:0; background-position:0px -432px;}
.cpDropDown .close A:hover{background-position:0px -456px;}

#controlPanel .btnSearch A{width:166px; height:27px; margin-top:10px; background-position:0px -184px;}
#controlPanel .btnSearch A:hover{background-position:0px -211px;}
#controlPanel .btnSearch A:active{position:relative; top:1px; background-position:0px -184px;}
#controlPanel #moreLessOptions A{position:relative; top:-1px; width:166px; height:20px; margin-bottom:10px;}
#controlPanel #moreLessOptions.more A{background-position:0px -238px;}
#controlPanel #moreLessOptions.more A:hover{background-position:0px -258px;}
#controlPanel #moreLessOptions.less A{background-position:0px -392px;}
#controlPanel #moreLessOptions.less A:hover{background-position:0px -412px;}
#controlPanel #moreLessOptions A:active{top:0px; position:relative;}

#controlPanel .searchInner{padding:5px;}
#controlPanel .search{padding:7px; border-bottom:solid 1px #374A77;}
#controlPanel .search .description{font-size:1.2em;}
#controlPanel .search .description td{font-size:0.9em; padding-right:4px; vertical-align:top;}
#controlPanel .search .remove{float:right; width:15px; height:15px; margin:0px 0px 5px 10px;}
#controlPanel .search .remove A{position:relative; height:15px; background-position:0px -119px;}
#controlPanel .search .remove A:hover{background-position:-15px -119px;}
#controlPanel .search .remove A:active{top:1px; background-position:0px -119px;}

#controlPanel .enabled A{width:114px; height:19px; margin:6px 0 4px 0; background-position:0px -278px;}
#controlPanel .enabled A:hover{background-position:0px -297px;}
#controlPanel .enabled A:active{top:1px; position:relative; background-position:0px -278px;}
#controlPanel .disabled A{width:114px; height:19px; margin:6px 0 4px 0; background-position:0px -316px;}
#controlPanel .disabled A:hover{background-position:0px -335px;}
#controlPanel .disabled A:active{top:1px; position:relative; background-position:0px -316px;}



#searchPanel{}
.sp{background:url(../i/searchPanel.png);}
#searchPanel .searchTop{height:9px; font-size:0;}
#searchPanel .mapWrapper{height:212px; background-position:-740px 0px; background-repeat:repeat-y;}
#searchPanel .searchControls{position:relative; height:30px;}
#searchPanel .searchControls.open{background-position:0px -9px;}
#searchPanel .searchControls.closed{background-position:0px -39px;}

#searchPanel .searchControls .showLabel{position:absolute; left:8px; top:11px; width:28px; height:8px; background-position:-568px -92px;}
#searchPanel .searchControls .mapSelect{position:absolute; left:42px; top:5px; height:20px; width:160px; font-size:1.2em; color:#5D6A6F; border:solid 1px #7D8F9F;}

#searchPanel .searchControls .controls{float:right; width:400px; margin:5px 10px 0px 0px;}

#searchPanel #showPhotoGallery{float:right; width:193px; margin-left:5px;}
#searchPanel #showPhotoGallery.off A{height:20px; background-position:0px -108px;}
#searchPanel #showPhotoGallery.off A:hover{background-position:-193px -108px;}
#searchPanel #showPhotoGallery.off A:active{background-position:-386px -108px;}
#searchPanel #showPhotoGallery.on A{height:20px; background-position:0px -128px; cursor:default;}

#searchPanel #showList{float:right; width:140px; margin-left:5px;}
#searchPanel #showList.off A{height:20px; background-position:0px -88px;}
#searchPanel #showList.off A:hover{background-position:-140px -88px;}
#searchPanel #showList.off A:active{background-position:-280px -88px;}
#searchPanel #showList.on A{height:20px; background-position:-420px -88px; cursor:default;}

#searchPanel .searchMain{background:white; }
#searchPanel .searchMain .fade{height:8px; background-position:0px -80px; font-size:0;}

#searchPanel .sb{background:url(../i/searchButtons.gif);}
#searchPanel .buttons{padding-top:8px;}

#searchPanel .buttons .close{float:right; width:64px; margin-left:4px;}
#searchPanel .buttons .close A{height:25px; background-position:-154px 0px;}
#searchPanel .buttons .close A:hover{background-position:-154px -25px;}
#searchPanel .buttons .close A:active{background-position:-154px -50px;}

#searchPanel .buttons .backToSearch{float:right; width:154px; margin-left:4px;}
#searchPanel .buttons .backToSearch A{height:25px; background-position:0px 0px;}
#searchPanel .buttons .backToSearch A:hover{background-position:0px -25px;}
#searchPanel .buttons .backToSearch A:active{background-position:0px -50px;}

#searchPanel .searchPanelBottom{height:11px; font-size:0; background-position:0px -69px;}
#searchPanel .titleBar{border-bottom:solid 1px #D3E1E4; padding:0px 12px 7px 12px; zoom:1;}
#searchPanel .titleBar .title{ float:left; font-size:2.0em; color:#33424A; zoom:1;}
#searchPanel .titleBar .title EM{color:#33424A;}
#searchPanel .titleBar .title.short{width:300px;}
#searchPanel .explain{float:left; position:relative; top:2px; width:94px;}
#searchPanel .explain A{height:23px; background-position:-218px 0px;}
#searchPanel .explain A:hover{background-position:-218px -23px;}
#searchPanel .explain A:active{position:relative; top:1px; background-position:-218px 0px;}

#searchForm .advanced { display:none; }


#resultsPanel .results{overflow:auto; position:relative; }
#resultsPanel .results .empty{padding:20px 20px; text-align:center; font-size:1.1em; color:#666}
#resultsPanel .results .empty H4{font-weight:bold; margin-bottom:10px; }
#resultsPanel .results .resultInner { padding:10px 0; margin-right:10px; }
#resultsPanel .result{padding:0; border-bottom:solid 1px #D3E1E4; cursor:pointer;}
#resultsPanel .result.hover{background:#f0f0f0;}
#resultsPanel .result .thumb{float:left; width:100px; text-align:center;}
#resultsPanel .result IMG{width:90px; margin-left:12px;}
#resultsPanel .result .details{float:left; width:600px; padding-left:10px;}
#resultsPanel .result A{display:block; color:#33424A; text-decoration:none; font-size:1.2em; font-weight:bold; margin-bottom:5px;}
#resultsPanel .result EM{color:#33424A; font-weight:bold;}
#resultsPanel .result .description{color:#717171; font-size:1.1em;}

#resultsPanel .result.gallery{ padding:0; }
#resultsPanel .result.gallery .resultInner { padding:10px 12px; }
#resultsPanel .result.gallery .thumb{position:relative; float:left; width:90px; height:70px; text-align:center; overflow:hidden; margin-right:8px;}
#resultsPanel .result.gallery .overlay{position:absolute; width:90px; height:70px; background-position:-650px -88px;}


#galleryPanel .results{height:360px; overflow:auto;}
#galleryPanel .result{padding:10px 12px; border-bottom:solid 1px #D3E1E4; cursor:pointer;}
#galleryPanel .result.hover{background:#f0f0f0;}
#galleryPanel .result .title{color:#95A6AA; font-size:1.2em; margin-bottom:5px;}
#galleryPanel .result EM{color:#33424A; font-weight:bold;}
#galleryPanel .result .thumb{position:relative; float:left; width:90px; height:70px; text-align:center; overflow:hidden; margin-right:8px;}
#galleryPanel .result .overlay{position:absolute; width:90px; height:70px; background-position:-650px -88px;}


#propertyPanel .menu{display:block; float:left; width:160px; margin-top:14px;}
#propertyPanel .menu LI A{display:block; width:152px; height:26px; background-image:url(../i/propertyMenu.gif); margin-bottom:3px;}


#propertyPanel .menu LI.details A{background-position: 0px 0px;}
#propertyPanel .menu LI.details A:hover{background-position: -152px 0px;}
#propertyPanel .menu LI.booking A{background-position: 0px -26px;}
#propertyPanel .menu LI.booking A:hover{background-position: -152px -26px;}
#propertyPanel .menu LI.wishList A{background-position: 0px -52px;}
#propertyPanel .menu LI.wishList A:hover{background-position: -152px -52px;}
#propertyPanel .menu LI.priceDropAlert A{background-position: 0px -78px;}
#propertyPanel .menu LI.priceDropAlert A:hover{background-position: -152px -78px;}
#propertyPanel .menu LI.sendToAFriend A{background-position: 0px -104px;}
#propertyPanel .menu LI.sendToAFriend A:hover{background-position: -152px -104px;}
#propertyPanel .menu LI.pdfBrochure A{background-position:0px -130px;}
#propertyPanel .menu LI.pdfBrochure A:hover{background-position:-152px -130px;}
#propertyPanel .menu LI.floorPlans A{background-position:0px -156px;}
#propertyPanel .menu LI.floorPlans A:hover{background-position:-152px -156px;}
#propertyPanel .menu LI.tour A{background-position:0px -182px;}
#propertyPanel .menu LI.tour A:hover{background-position:-152px -182px;}

#propertyPanel .menu .details A.selected{background-position: -152px 0px;}
#propertyPanel .menu .booking A.selected{background-position: -152px -26px;}
#propertyPanel .menu .wishList A.selected{background-position: -152px -52px;}
#propertyPanel .menu .priceDropAlert A.selected{background-position: -152px -78px;}
#propertyPanel .menu .sendToAFriend A.selected{background-position: -152px -104px;}
#propertyPanel .menu .pdfBrochure A.selected{background-position: -152px -130px;}
#propertyPanel .menu .floorPlans A.selected{background-position: -152px -156px;}
#propertyPanel .menu .tour A.selected{background-position: -152px -182px;}


#propertyPanel .menu LI A:active{position:relative; top:1px;}

#propertyPanel .propertyScrollable{float:right; width:575px; overflow:auto; padding-top:15px;}

#propertyPanel h2{color:#3E4C53; font-size:2.2em; margin-bottom:8px;}
#propertyPanel P{color:#717171; font-size:1.1em; margin-bottom:16px;}
#propertyPanel .forms{background:url(../i/forms.png);}

#propertyPanel .features { margin-bottom:10px; }
#propertyPanel .features p { margin-bottom:4px; color:#717171; font-size:1.1em; font-weight:bold; }

#propertyPanel .textBox{position:relative; width:398px; height:23px; border:solid 1px #B9C1C3; margin-bottom:15px;}
#propertyPanel .textBox .label{width:158px; height:23px; overflow:hidden; background-position:0px -48px;}
#propertyPanel .textBox .label LABEL{position:absolute; width:151px; height:14px; top:5px; left:3px; color:#3D4B51; font-weight:bold;}
#propertyPanel .textBox INPUT{position:absolute; left:163px; top:4px; width:234px; height:16px; border:0px; background:none; color:#4D4D4D; font-size:12px;}

#propertyPanel .textArea{position:relative; width:398px; height:80px; border:solid 1px #B9C1C3; margin-bottom:15px; background:#ECF4F6;}
#propertyPanel .textArea .label{height:23px; overflow:hidden; background-position:0px -25px;}
#propertyPanel .textArea .label LABEL{position:absolute; width:392px; height:14px; top:5px; left:3px; color:#3D4B51; font-weight:bold;}
#propertyPanel .textArea TEXTAREA{width:388px; height:47px; border:0px; margin:5px; color:#4D4D4D; font-size:11px; background:none;}

#propDetailsPanel .photos{float:left; width:280px; background:#D6E0E3; margin:0 10px 10px 0;}
#propDetailsPanel .photos .main{margin:5px;}
#propDetailsPanel .photos .thumbs{padding-left:5px;}
#propDetailsPanel .photos .thumbs LI{display:block; float:left; width:50px; height:38px; padding:0 5px 5px 0; cursor:pointer;}
#propDetailsPanel .description{padding-right:12px; color:#717171; font-size:1.1em;}
#propDetailsPanel .overlay{position:absolute; top:0px; width:50px; height:38px; background-position:-600px -88px;}

#propBookingPanel{padding:0px 16px;}
#propertyPanel .makeBookingButton{width:107px;}
#propertyPanel .makeBookingButton A{display:block; height:21px; background-position:0px -71px;}
#propertyPanel .makeBookingButton A:hover{background-position:-107px -71px;}
#propertyPanel .makeBookingButton A:active{background-position:-214px -71px;}

#propSendFriendPanel{padding:0px 16px;}
#propertyPanel .sendFriendButton{width:96px;}
#propertyPanel .sendFriendButton A{display:block; height:21px; background-position:-158px -48px;}
#propertyPanel .sendFriendButton A:hover{background-position:-254px -48px;}
#propertyPanel .sendFriendButton A:active{background-position:-350px -48px;}

#propBrochurePanel{padding:0px 16px;}
#propertyPanel .downloadBrochureButton{width:122px;}
#propertyPanel .downloadBrochureButton A{display:block; height:21px; background-position:-321px -71px;}
#propertyPanel .downloadBrochureButton A:hover{background-position:0px -92px;}
#propertyPanel .downloadBrochureButton A:active{background-position:-122px -92px;}
#propBrochurePanel .getAdobeReader{margin:40px 0 10px 0; border-top:solid 1px #D3E1E4; padding-top:10px;}

#propFloorPlansPanel .photos{float:left; width:281px; background:#D6E0E3; margin:0 10px 10px 0;}
#propFloorPlansPanel .photos .main{margin:5px;}
#propFloorPlansPanel .photos .thumbs{padding-left:5px;}
#propFloorPlansPanel .photos .thumbs LI{display:block; float:left; width:64px; height:54px; padding:0 5px 5px 0; cursor:pointer;}
#propFloorPlansPanel .description{padding-right:12px; color:#717171; font-size:1.1em;}
#propFloorPlansPanel .overlay{position:absolute; top:0px; width:64px; height:54px; background-position:-586px -126px;}

#propTourPanel .tourWrapper{text-align:center;}


#loginRegister{width:700px;}

.lr{background:url(../i/popups.png);}
#loginRegister .loginRegisterTop{position:relative; height:50px;}
#loginRegister .loginRegisterMiddle{position:relative; background-position:-700px 0px; background-repeat:repeat-y;}
#loginRegister .loginRegisterBottom{height:24px; background-position:0px -50px;}

#loginRegister .loginTab{position:absolute; left:25px; top:23px; width:56px;}
#loginRegister .loginTab A{display:block; height:27px; background-position: -56px -74px;}
#loginRegister .loginTab A:hover{background-position: -112px -74px;}
#loginRegister .loginTab A:active{background-position: -168px -74px;}
#loginRegister .loginTab A.selected{background-position: 0px -74px !important; cursor:default;}

#loginRegister .registerTab{position:absolute; left:88px; top:23px; width:72px;}
#loginRegister .registerTab A{display:block; height:27px; background-position: -296px -74px;}
#loginRegister .registerTab A:hover{background-position: -368px -74px;}
#loginRegister .registerTab A:active{background-position: -440px -74px;}
#loginRegister .registerTab A.selected{background-position: -224px -74px !important; cursor:default;}

#loginRegister .popupClose{position:absolute; left:626px; top:18px; width:55px;}
#loginRegister .popupClose A{display:block; height:25px; background-position: -512px -74px;}
#loginRegister .popupClose A:hover{background-position: -567px -74px;}
#loginRegister .popupClose A:active{position:relative; top:1px;}

#loginRegister .loginArrow{position:absolute; left:47px; top:0px; width:11px; height:8px; background-position: -545px -123px;}
#loginRegister .registerArrow{position:absolute; left:118px; top:0px; width:11px; height:8px; background-position: -545px -123px;}

#loginRegister .switchBox{float:right; width:260px; padding:15px; margin-top:45px; background:#F0F7F8; border:solid 1px #D2DCDF;}
#loginRegister .switchBox H2{color:#576A74; font-size:2em; margin-bottom:5px;}
#loginRegister .switchBox .intro{color:#727C7D; font-size:1.1em; line-height:1.3em; padding-bottom:10px;}

.loginRegisterPanel{padding:30px 40px 20px 40px;}

#loginRegister .registerButton{width:72px;}
#loginRegister .registerButton A{display:block; height:21px; background-position: -159px -102px;}
#loginRegister .registerButton A:hover{background-position: -231px -102px;}
#loginRegister .registerButton A:active{background-position: -303px -102px;}

#loginRegister .loginButton{width:53px;}
#loginRegister .loginButton A{display:block; height:21px; background-position:0px -102px;}
#loginRegister .loginButton A:hover{background-position: -53px -102px;}
#loginRegister .loginButton A:active{background-position: -106px -102px;}

#loginRegister H2{color:#3E4C53; margin-bottom:10px; font-size:3em;}

#loginRegister .checkBox INPUT{margin-bottom:20px;}
#loginRegister .checkBoxMessage{position:relative; left:4px; top:-2px; color:#767676; font-size:1.1em;}

#loginRegister .textBox{position:relative; width:300px; height:23px; border:solid 1px #B9C1C3; margin-bottom:15px; background-position:0px -171px;}
#loginRegister .textBox .label{width:67px; height:23px; overflow:hidden; background-position:-383px -148px;}
#loginRegister .textBox .label LABEL{position:absolute; width:60px; height:14px; top:5px; left:3px; color:#3D4B51; font-weight:bold;}
#loginRegister .textBox INPUT{position:absolute; left:72px; top:4px; width:225px; height:16px; border:0px; background:none; color:#4D4D4D; font-size:12px;}

#loginRegister #registerPanel .textBox .label{width:118px; height:23px; overflow:hidden; background-position:-450px -148px;}
#loginRegister #registerPanel .textBox .label LABEL{position:absolute; width:111px; height:14px; top:5px; left:3px; color:#3D4B51; font-weight:bold;}
#loginRegister #registerPanel .textBox INPUT{position:absolute; left:123px; top:4px; width:174px; height:16px; border:0px; background:none; color:#4D4D4D; font-size:12px;}


.genericPopup{width:380px; position:relative;}
.genericPopup .gp{background:url(../i/popups.png);}
.genericPopup .close{position:absolute; left:305px; top:21px; width:55px;}
.genericPopup .close A{display:block; height:25px; background-position:-380px -123px;}
.genericPopup .close A:hover{background-position: -435px -123px;}
.genericPopup .close A:active{position:relative; top:1px; background-position: -435px -123px;}
.genericPopup .genericPopupTop{height:24px; background-position:0px -123px; overflow:visible;}
.genericPopup .genericPopupMiddle{background-position:-1400px 0px;}
.genericPopup .genericPopupBottom{height:24px; background-position:0px -147px;}
.genericPopup .inner{padding:5px 35px 10px 35px;}
.genericPopup H2{color:#3E4C53; font-size:30px; font-weight:normal; margin-bottom:15px;}
.genericPopup P{ color:#717171; margin-bottom:15px; font-size:1.1em; }

.genericPopup .textBox{position:relative; width:300px; height:23px; border:solid 1px #B9C1C3; margin-bottom:15px; background-position:0px -171px;}
.genericPopup .textBox .label{width:118px; height:23px; overflow:hidden; background-position:-450px -148px;}
.genericPopup .textBox .label LABEL{position:absolute; width:111px; height:14px; top:5px; left:3px; color:#3D4B51; font-weight:bold;}
.genericPopup .textBox INPUT{position:absolute; left:123px; top:4px; width:174px; height:16px; border:0px; background:none; color:#4D4D4D; font-size:12px;}

.genericPopup .field.checkbox { position:relative; margin-bottom:5px;}
.genericPopup .field.checkbox INPUT{}
.genericPopup .field.checkbox LABEL{ position:absolute; top:0px; left:20px; }

.genericPopup .continueButton{width:75px;}
.genericPopup .continueButton A{display:block; height:21px; background-position:-375px -102px;}
.genericPopup .continueButton A:hover{background-position: -450px -102px;}
.genericPopup .continueButton A:active{background-position: -525px -102px;}

#locationsPopup A { display:block; margin-bottom:5px; text-decoration:none; font-size:1.1em; color:#666666;}
#locationsPopup A:hover{text-decoration:underline;}



#portal{margin-top:10px;}
#portal .pl{background:url(../i/portlet.png); }
#portalColumnLeft{float:left; width:240px; margin-right:10px;}
#portalColumnMiddle{float:left; width:240px; margin-right:10px;}
#portalColumnRight{float:left; width:240px;}

#portal .portlet{z-index:900000; width:240px; margin-bottom:10px}
#portal .hiddenPortlets{display:none;}

#portal .portletTop{height:30px; cursor:move;}
#portal .portletMid{background-position:-252px 0px; background-repeat:repeat-y;}
#portal .portletBot{height:11px; background-position:0px -30px;}

#portal .portletTop .collapse{position:absolute; left:8px; top:10px; width:11px; cursor:pointer; display:none;}
#portal .portletTop .collapse A{display:block; height:9px; background-position:-82px -94px;}
#portal .portletTop .collapse A:hover{background-position:-93px -94px;}
#portal .portletTop .title{position:absolute; left:10px; top:7px; width:170px; height:13px; color:#485F00; font-size:1.2em; font-family:Segoe UI; font-weight:bold;}
#portal .portletTop .edit{position:absolute; left:198px; top:8px; width:15px; cursor:pointer;}
#portal .portletTop .edit A{display:block; height:15px; background-position:0px -94px;}
#portal .portletTop .edit A:hover{background-position:-15px -94px;}
#portal .portletTop .close{position:absolute; left:218px; top:8px; width:15px; cursor:pointer;}
#portal .portletTop .close A{display:block; height:15px; background-position:-30px -94px;}
#portal .portletTop .close A:hover{background-position:-45px -94px;}

#portal .portletEdit{display:none; width:240px; margin:auto; background-position:-744px 0px;}
#portal .portletEdit .top{height:5px; background-position:0px -109px;}
#portal .portletEdit .mid{padding:8px;}
#portal .portletEdit .buttons{position:relative; height:40px; background-position:-744px 0px;}
#portal .portletEdit .dropDownList{font-size:1.1em; color:#47502A;}
#portal .portletEdit .dropDownList LABEL{position:relative; top:1px;}
#portal .portletEdit .dropDownList SELECT{border:solid 1px #47502A;}

#portal .portletEdit .cancel{position:absolute; left:175px; top:11px; width:56px;}
#portal .portletEdit .cancel A{display:block; height:21px; background-position:0px -135px;}
#portal .portletEdit .cancel A:hover{background-position:-56px -135px;}
#portal .portletEdit .cancel A:active{background-position:-112px -135px;}

#portal .portletEdit .save{position:absolute; left:118px; top:11px; width:56px;}
#portal .portletEdit .save A{display:block; height:21px; background-position:0px -114px;}
#portal .portletEdit .save A:hover{background-position:-56px -114px;}
#portal .portletEdit .save A:active{background-position:-112px -114px;}

#portal .emptyTemplate{padding:20px 20px; text-align:center; font-size:1.1em; color:#666}
#portal .emptyTemplate H4{font-weight:bold;}
#portal .emptyTemplate A{font-weight:bold; color:#666;}

#portal .portalColumn{min-height:300px;}
#portal .portletTopInner{position:relative;}
#portal .portletInner{width:238px; margin:auto;}

#portal .cross{width:15px;}
#portal .cross A{display:block; height:15px; background-position:-112px -94px;}
#portal .cross A:hover{background-position: -127px -94px;}
#portal .cross A:active{background-position: -142px -94px;}


#portal .ui-sortable-helper{width:252px !important; margin-bottom:-2px;}
#portal .ui-sortable-helper .portletTop{height:36px; background-position:0px -41px;}
#portal .ui-sortable-helper .portletMid{background-position:-492px 0px;}
#portal .ui-sortable-helper .portletBot{height:17px; background-position:0px -77px;}
#portal .ui-sortable-helper .portletTopInner{left:6px; top:6px;}
#portal .ui-sortable-helper{cursor:move;}
#portal .ui-sortable-placeholder {width:238px; border: 1px dashed #666; visibility: visible !important; background:url(../i/placeholderBack.png);}

#portletRecentlyViewed .item{border-bottom:solid 1px #CEDBDE; cursor:pointer;}
#portletRecentlyViewed .item.last{border:none;}
#portletRecentlyViewed .item.hover{background:#E2F1F3;}
#portletRecentlyViewed IMG{float:left; margin:7px 7px 7px 11px;}
#portletRecentlyViewed .details{float:left; width:162px; margin:5px 0 7px 0;}
#portletRecentlyViewed .desc{color:#717171; font-size:1.1em;}
#portletRecentlyViewed .price{color:#454545; font-size:1.1em; font-weight:bold;}

#portletWishlist .item{border-bottom:solid 1px #CEDBDE; cursor:pointer;}
#portletWishlist .item.last{border:none;}
#portletWishlist .item.hover{background:#E2F1F3;}
#portletWishlist .item IMG{float:left; margin:7px 7px 7px 11px;}
#portletWishlist .details{float:left; width:140px; margin:5px 0 7px 0;}
#portletWishlist .delete{float:left; width:15px; margin:20px 0 7px 4px;}
#portletWishlist .desc{color:#717171; font-size:1.1em;}
#portletWishlist .price{color:#454545; font-size:1.1em; font-weight:bold;}

#portletPropertyNews .item{border-bottom:solid 1px #CEDBDE; cursor:pointer; font-size:1.1em;}
#portletPropertyNews .item.last{border:none;}
#portletPropertyNews .item A{display:block; padding:5px 10px; color:#717171; text-decoration:none;}
#portletPropertyNews .item B{font-weight:bold; color:#454545;}
#portletPropertyNews .item.hover{background:#E2F1F3;}
#portletPropertyNews .item.hover A{color:#5E7500;}
#portletPropertyNews .item.hover B{color:#5E7500;}

#portletRecentMatches .item{border-bottom:solid 1px #CEDBDE; cursor:pointer;}
#portletRecentMatches .item.last{border:none;}
#portletRecentMatches .item.hover{background:#E2F1F3;}
#portletRecentMatches .item IMG{float:left; margin:7px 7px 7px 11px;}
#portletRecentMatches .details{float:left; width:162px; margin:5px 0 7px 0;}
#portletRecentMatches .desc{color:#717171; font-size:1.1em;}
#portletRecentMatches .price{color:#454545; font-size:1.1em; font-weight:bold;}

#portletAlerts .item{border-bottom:solid 1px #CEDBDE;}
#portletAlerts .item.last{border:none;}
#portletAlerts .item.hover{background:#E2F1F3;}
#portletAlerts .desc{float:left; width:150px; color:#454545; font-size:1.1em; padding:7px 7px 7px 11px;}
#portletAlerts .alerts{float:left; width:60px; padding:7px 10px 7px 0;}
#portletAlerts .sms{position:relative; font-size:1.1em; color:#809F00; font-weight:bold; margin:5px 0 5px 0;}
#portletAlerts .sms SPAN{position:absolute; left:18px; top:0px;}
#portletAlerts .email{position:relative; font-size:1.1em; color:#809F00; font-weight:bold;}
#portletAlerts .email SPAN{position:absolute; left:18px; top:0px;}

#portletPriceDrop .item{border-bottom:solid 1px #CEDBDE; cursor:pointer;}
#portletPriceDrop .item.last{border:none;}
#portletPriceDrop .item.hover{background:#E2F1F3;}
#portletPriceDrop .item IMG{float:left; margin:7px 7px 7px 11px;}
#portletPriceDrop .details{float:left; width:140px; margin:5px 0 7px 0;}
#portletPriceDrop .delete{float:left; width:15px; margin:20px 0 7px 4px;}
#portletPriceDrop .desc{color:#717171; font-size:1.1em;}
#portletPriceDrop .price{color:#900; font-size:1.1em; font-weight:bold;}


/* Information Pages */

.pagePanel{width:740px; color:#717171; font-size:1.2em;}
.pagePanel .pp{background:url(../i/infoPage.png);}
.pagePanel .pagePanelTop{height:30px;}
.pagePanel .pagePanelMid{background-position:-740px 0px;}
.pagePanel .pagePanelBot{height:11px; background-position:0px -30px; font-size:0;}

.pagePanel H1{width:738px; margin:auto; margin-bottom:20px; border-bottom:solid 1px #DFEFF4;}
.pagePanel H1 SPAN{display:block; padding:15px 0 5px 30px; margin:0; font-size:2.6em; color:#91A42C;}

.pagePanel .pageInner{padding:0px 30px 30px 30px;}
.pagePanel .picRight{float:right; padding:0 0 30px 30px;}
.pagePanel .picRight .image{padding-bottom:4px;}
.pagePanel .picRight .caption{font-weight:bold; padding-bottom:4px;}
.pagePanel .picRight .desc{font-size:0.8em;}

/* Forms */

.pagePanel .forms{background:url(../i/forms.png);}

.pagePanel .textBox{position:relative; width:398px; height:23px; border:solid 1px #B9C1C3; margin-bottom:15px;}
.pagePanel .textBox .label{width:158px; height:23px; overflow:hidden; background-position:0px -48px;}
.pagePanel .textBox .label LABEL{position:absolute; width:151px; height:14px; top:5px; left:3px; color:#3D4B51; font-weight:bold;}
.pagePanel .textBox INPUT{position:absolute; left:163px; top:4px; width:234px; height:16px; border:0px; background:none; color:#4D4D4D; font-size:12px;}

.pagePanel .textArea{position:relative; width:398px; height:80px; border:solid 1px #B9C1C3; margin-bottom:15px; background:#ECF4F6;}
.pagePanel .textArea .label{height:23px; overflow:hidden; background-position:0px -25px;}
.pagePanel .textArea .label LABEL{position:absolute; width:392px; height:14px; top:5px; left:3px; color:#3D4B51; font-weight:bold;}
.pagePanel .textArea TEXTAREA{width:388px; height:47px; border:0px; margin:5px; color:#4D4D4D; font-size:11px; background:none;}

.pagePanel .contactButton{width:96px;}
.pagePanel .contactButton A{display:block; height:21px; background-position:-244px -92px;}
.pagePanel .contactButton A:hover{background-position:-340px -92px;}
.pagePanel .contactButton A:active{background-position:0px -113px;}


/* Footer */

#fence{position:absolute; top:5000px; left:0px; width:100%; height:186px; background:url(../i/fence.png) repeat-x;}
#footer{position:relative; top:162px; width:650px; margin:auto; color:#D3EB4D; font-weight:bold;}
#footer A{color:White; text-decoration:underline;}
#footer .inner{padding-top:4px;}
#footer .left{float:left; width:10px; height:24px; background:url(../i/footer.png);}
#footer .mid{float:left; height:24px; background:url(../i/footer.png) 0px -48px; text-align:center;}
#footer .right{float:left; width:10px; height:24px; background:url(../i/footer.png) 0px -24px;}



/* Become and Agent */

#pageBecomeAgent .picRight{width:200px;}


/* Test Map Stuff */

.gMapViewButtonsContainer{width:201px;}
.gMapViewButton{float:left; width:67px; height:21px;}
.gMapViewButton A{display:block; height:20px; cursor:pointer; background:url(../i/mapButtons.png);}
.gMapViewNormalButton A:hover, .gMapViewNormalButton.selected A{background-position:0px -20px;}
.gMapViewSatelliteButton A{background-position:-67px -0px;}
.gMapViewSatelliteButton A:hover, .gMapViewSatelliteButton.selected A{background-position:-67px -20px;}
.gMapViewHybridButton A{background-position:-134px -0px;}
.gMapViewHybridButton A:hover, .gMapViewHybridButton.selected A{background-position:-134px -20px;}

.gMapPanZoomButtonsContainer{position:relative; width:59px;}
.gMapPanZoomButton{position:absolute; width:19px; height:19px;}
.gMapPanZoomButton A{display:block; height:19px; cursor:pointer; background:url(../i/mapButtons.png)}

.gMapPanUpButton{left:19px;}
.gMapPanUpButton A{background-position:0px -42px;}
.gMapPanUpButton A:hover{background-position:0px -61px;}
.gMapPanLeftButton{top:19px;}
.gMapPanLeftButton A{background-position:-19px -42px;}
.gMapPanLeftButton A:hover{background-position:-19px -61px;}
.gMapPanRightButton{left:38px; top:19px;}
.gMapPanRightButton A{background-position:-57px -42px;}
.gMapPanRightButton A:hover{background-position:-57px -61px;}
.gMapPanMiddle{left:19px; top:19px;}
.gMapPanMiddle A{background-position:-38px -42px;}
.gMapPanDownButton{left:19px; top:38px;}
.gMapPanDownButton A{background-position:-76px -42px;}
.gMapPanDownButton A:hover{background-position:-76px -61px;}
.gMapZoomInButton{left:19px; top:65px;}
.gMapZoomInButton A{background-position:-95px -42px;}
.gMapZoomInButton A:hover{background-position:-95px -61px;}
.gMapZoomOutButton{left:19px; top:84px;}
.gMapZoomOutButton A{background-position:-114px -42px;}
.gMapZoomOutButton A:hover{background-position:-114px -61px;}


#pageSitemap {}
#pageSitemap H2{color:#3E4C53; margin-top:10px; font-size:1.6em;}
#pageSitemap A{color:#3E4C53; margin-top:5px; display:block; }


/* Yellow Tool Tips */

.yellowTip{position:absolute; background:url(../i/toolTips.png); z-index:100;}
.yellowTip .close A{display:block; position:absolute; width:15px; height:15px; background:url(../i/toolTips.png);}
.yellowTip .close A:hover{background-position:-16px 0px;}

#explainTip{ display:none; top:210px; left:415px; width:257px; height:130px; background-position:0px -25px; }
#explainTip .close A{top:8px; right:12px;}

#searchesTip{ display:none; top:260px; left:495px; width:257px; height:130px; background-position:0px -155px;}
#searchesTip .close A{top:8px; right:25px;}