/*** WEBSITE: Bruce Harry Real Estate
	 AUTHOR: Lauren Markwell
	 CREATED: 24/07/2008 */	 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; background-color:#ffffff; padding: 0px; margin: 0px;}
html>body #bodyDiv { height:auto; min-height: 100%;}
#frame{width:988px;margin-left:auto;margin-right:auto;text-align:left;background-color:#FFFFFF; border: 1px solid #cacaca;padding:5px;margin-top:15px}
#branding { height: 120px;background:url(images/bhre_bgBranding.gif) top right no-repeat}
#menu{ height:27px;}
#menuDesign { width:100%; height: 46px; background: url(images/bhre_menu_bg.gif) repeat-x top left}
html>body #menuDesign { height: 36px;}
#contentArea{width:100%;float:left;margin:5px 0px}
.contentPanel{width:540px;float:left;padding:0px 20px 20px 20px}
.contentPanelAdmin{width:100%}
.rightColumn{float:right;width:400px}
.leftColumn {float:left;width:580px;background:#F0F4F7 url(images/bhre_bg_contentPane.gif) top left repeat-x}
#leftEnclose {width:555px;float:left;padding:0px 20px 0px 0px}
.leftContentPanel {width:295px;float:left;padding-left:15px}
.rightContentPanel {width:225px;padding:10px;float:right;background:url(images/bhre_bg_rightContentPanel.gif) top right no-repeat;margin-top:15px;height:270px;min-height:270px}
html>body .rightcontentPanel {height:auto}
#enclose{width:400px;float:left}
.midPanel {float:left;width:165px;background:url(images/bhre_bg_rightColumn.jpg) top left no-repeat;padding:0px 15px;height:255px;min-height:255px}
html>body .midPanel,html>body .rightPanel {height:auto}
.rightPanel {float:right;width:165px;background:url(images/bhre_bg_rightColumn.jpg) top left no-repeat;padding:0px 15px;height:255px;min-height:255px}
.bottomPanel {width:400px;float:right}
.rightPanelInner {width:400px;float:right}
.footerLeft{float:left}
.footerRight img{padding:0px 10px}
* html .footerRight img {padding-top:3px}
#footer {clear:both;width:973px;text-align:right;font-size:11px;color:#fff;padding:2px 7px 5px 7px;background:url(images/bhre_bg_footer.gif) top left repeat-x}
html>/**/body #footer,* html #footer {padding-top:5px}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a.footerMenuItem {font-size:11px;color:#fff;text-decoration:none}
#footer a:hover {text-decoration:underline}
.textentry {width:150px;}
input.submitButton {width:150px;}

/******************************************************
	OPT IN EMAIL SETTINGS - HOME PAGE
******************************************************/
.SubmitButton p,.submitButton {color:#000!important;font-size:10px;text-decoration:none;text-transform:uppercase;background:url(images/BHRE_submitBG.gif) top center no-repeat;padding:3px!important;margin:0px!important;line-height:1.2em;font-weight:bold;text-align:center;text-decoration:none!important;border:0}
#submitButton {padding-top:5px}
#submitButton p{margin-bottom:0; font-size:11px;}
.submitButton {font-size:9px;line-height:1em;font-weight:bold}
/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; zoom: 1;/*IE6*/ min-height: 0;/*IE7*/}
.menu li {margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; white-space: normal}
.menu li:hover {z-index: 10000; white-space: normal;}
.menu li.menuHover /*IE6*/{z-index: 10000;}
.menu .menuHoverUL /* li:hover>ul selector */ /*IE6*/{visibility: visible;}
.menu .menuHoverUL /* 1st-level submenu go below their parent item */ /*IE6*/{top: 100%; left: 0;}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/{top: 0; left: 100%;}
.menu li li {float: none;}
.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;}
.menu li:hover>ul {visibility: visible;	top: 100%;}
.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */{top: 0; left: 100%;}
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:link:hover, .menu li.active {display: block; position: relative;}
.menu ul a /*fix clickability-area problem*/ /*IE6*/{zoom: 1;}
.menu li li /*fix white gap problem*/ /*IE6*/{float: left; width: 100%;}
.menu li li /*prevent double-line between items*/ /*IE6*/{margin-top: -1px;}
html>body .menu li li { margin-top: 0px;}
/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu, .menu ul li {color:white}
.menu {float:right}
.menu ul li {background:#113279;text-align:left;width:150px}
.menu ul {width: 150px}
/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu a:link:hover, .menu li.active {text-decoration:none;color:white;padding:5px 30px;background:url(images/bhre_menu_bgLeft.gif) top left no-repeat;font-size:14px;font-weight:bold}
.menu li.active {padding-top:1px}
.menu a:hover, .menu a:link:hover, .menu li:hover>a {color:white}
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color:white}
/* Drop Down Menu Items */
ul.menu ul a, ul.menu ul a:link, ul.menu ul a:active, ul.menu ul a:visited, ul.menu ul a:hover, ul.menu ul a:link:hover, ul.menu ul li.active {border-right:0px;text-decoration:none;color:white;padding:2px 5px}
ul.menu ul li.active {background:#620233}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color:white;background:#620233}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color:white;background:#620233}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{width:140px;background:#620233;border-right:1px solid #fff;padding:1px 5px!important}
.menu li li {border:1px solid #fff}
.menu ul>li + li /*remove top border on all but first item in the list*/{border-top: 0;}
.menu li li:hover>ul /*position of 2nd+ submenus, overlapping*/{top: -1px; left: 100%;}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/{top: 0px; left: 100%;}
/***  CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/* special colouring for first menu item on each level */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {color: #567;}*/
/* float clear - force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
/* float clear end */
/* sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.menu ul {background-image: url(images/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 12px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
html>body .menu ul {padding-top: 10px;}
.menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a {float: left;}
/* End Fix */
/******************************************************
    CONTAINER STYLES
******************************************************/
.container{ width:100%;}
.containerContent { padding: 0px;}
/**** FLASH ROTATOR STYLES **/
.leftContentPanel .outline {position:absolute;display:block;z-index:1000}
.leftContentPanel .outline img {position:absolute;z-index:1;display:block}
.leftContentPanel .flashRotator {height:280px;z-index:5;position:relative;margin-top:-15px}
html>/**/body .leftContentPanel .flashRotator {height:277px}
.leftContentPanel #DataSprings_FlashRotator {position:absolute;display:block}
.leftContentPanel .pngBackground {background: url(images/bhre_flashOverlay.png) no-repeat left top;position:absolute;top:0px;left:0px;z-index:100;height:280px;width:294px}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height:auto;background:#fff/* Firefox and IE7 hack for 100% background */}
body {margin:0px;padding:0px;background:#FFFFFF;height:100%/* IE6 hack for 100% background */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td, .SkinObject{font-family:verdana,arial,helvetica;font-size:10px;color:#000;font-weight:normal;line-height:2em}
.rightContentPanel p{line-height:1.5em}
.rightPanel p {line-height:1.1em;margin-bottom:0px}
/* text style used for rendered text which should appear disabled */
.NormalDisabled {color:#D3D3D3}
/* style of item titles on edit and admin pages */
.rightPanel .SubHead,.midPanel .SubHead {color:#000;padding:0px}
.SubHead {color:#113279;font-family:Verdana,Tahoma,Arial,Helvetica;font-size:11px;font-weight:bold;text-align:left}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {font-family:Verdana,Tahoma,Arial,Helvetica;font-size:11px;font-weight:bold;color:#000}
/* text style used for rendered text which requires emphasis */
.NormalBold {font-family: Verdana,Tahoma,Arial,Helvetica;font-size:11px;font-weight:bold}
/* text style used for error messages */
.NormalRed {font-weight:bold;color:#650230!Important;/*Required to be important to work with error messages on some modules*/}
/* heading styles */
h1, h2, h3, h4, h5, dt, h6, .head, h2 span.head, .container h2 span.head, 
h3 span.SubHead, .newstitle, tfoot, thead, th {font-family: "Trebuchet MS", Trebuchet MS, arial, verdana, helvetica; color:#113279; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal; font-size: 12px;}
h1 {font-size:22px; color:#113279;}
h2, .head, h2 span.head, .container h2 span.head {font-size:16px;font-weight:bold}
.leftColumn h2 {background:url(images/bhre_bg_contentPanelh2.gif) top left no-repeat;min-width:273px;padding:3px 0px 7px 5px}
.midPanel h2,.rightPanel h2 {text-align:center;padding-top:3px}
.rightContentPanel h2 {display:none}
.leftContentPanel h2 {margin: 0px;z-index:100;position:relative;margin-left:15px;padding-left:20px}
h3, h3 span.SubHead, .newstitle {font-size:16px;font-weight:bold;color:black}
h4 {font-size: 14px; font-weight: bold;}
h5, DT {font-size: 13px; font-weight: bold;}
h6 {font-size: 12px; font-style: italic;}
p {margin: 5px 0px 15px 0px;}
ul { margin: 0px 0px 10px 25px;}
ul li { margin-left:5px; padding:0px; list-style-type: square; /*list-style:none; list-style-image: url(bullet.gif)*/}
ul li li { list-style-type: disc;}
ul li li li { list-style-type: circle;}
ol li { list-style-type: decimal;}
ol ol li { list-style-type: lower-alpha;}
ol ol ol li{ list-style-type: lower-roman;}
hr { color: #86BAD0; height:1pt; text-align:left;}
img{ border:0px; margin:0px; padding:0px;}
/* link styles */
a, a:link, a:active, a:visited { color:#650230; text-decoration:underline; padding: 0px; margin:0px;}
a:hover { text-decoration:none; color:#650230;}
blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}
pre {font-family: Lucida Console, monospace;color: #434343;font-weight: normal;	font-size: 11px;}
address {font-family: Arial, Verdana, Helvetica;color: #434343;font-weight: normal;font-size: 11px;font-style: italic;}
/******************************************************
    FORM STYLES              
******************************************************/
/* Generic Form Element classes */
.formInput{ width:150px; height:18px; border:1px solid #CCCCCC;}
.formBtn{}.formRadio{}.formCheckBox{}
.formItem { clear: both;}
.label { clear: both; float: left; width: 120px; text-align: right; padding-right: 10px; font-weight: bold;}
.labelDetails { width: 390px;}
.labelDetails p { margin: 0px 0px 7px 0px;}
/* button style for standard HTML buttons */
.StandardButton, a.StandardButton, a:link.StandardButton, a:active.StandardButton, a:visited.StandardButton, input.StandardButton, a.CommandButton, a:link.CommandButton, a:active.CommandButton, a:visited.CommandButton {padding:2px 8px;overflow:visible;font-weight:normal;font-size:11px;background:url(images/bhre_menu_bg.gif) repeat top left; color:#FFFFFF;font-family:Tahoma, Verdana, sans-serif;text-transform:lowercase;margin:0px;cursor:pointer;clear:both;height:17px;border:1px solid #82395b;white-space:nowrap}
input.StandardButton[class], a.CommandButton[class], a:link.CommandButton[class], a:active.CommandButton[class], a:visited.CommandButton[class] { width: auto;} /* Non IE browsers read this */
a:hover.CommandButton, input:hover.StandardButton{color: #E0E0E0;}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.rightPanel input {margin:0}
.NormalTextBox, input.longTextBox, input.longmedTextBox, input.medTextBox, input.medshortTextBox, input.shortTextBox { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal;margin:0px 0px 5px 5px}
input.longTextBox { width: 250px;}
input.longmedTextBox { width: 200px;}
input.medTextBox { width: 150px;}
input.medshortTextBox { width: 100px;}
input.shortTextBox { width: 60px;}
/*Dropdown Boxes*/
select { font-size: 10px;}
/* Required Fields */
span.mandatory { color: #334692; font-weight:bold;}
/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{ float:left;}
.floatRight{ float:right;}
/* styles to mimic auto height of div elements as per IE */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* Error message styling under 'SELECTOR and COMMONLY USED DNN STYLES' above*/
/******************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
******************************************************/
/* styles used by Data Grids */
.DataGrid_AlternatingItem { background-color:#fff; color: #FF0000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_Container { background-color: Transparent;}
.DataGrid_Footer { background-color:#fff;}
.DataGrid_Header { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; text-align: center;}
.DataGrid_Item { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_SelectedItem { background-color: #D3D3D3; color: Blue; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
/* text style used for help text rendered by modules */
.Help { border: #000 1px solid; padding: 2px; font-weight: normal; font-size: 11px; color: #000; font-family: Tahoma, Arial, Helvetica; background-color: #ffff99;}
SMALL { font-size: 8px;}
BIG { font-size: 14px;}
/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink {padding:5px 0px;text-align:center;width:399px}
.QLDesc {display:none;}
.QuickLink h3 {margin:0px;padding:0px;color:#113279;font-size:17px}
.QuickLink img {float:left;padding-right:3px;margin-top:-10px;z-index:1;position:relative}
.QuickLink h3 a,.QuickLink h3 a:link,.QuickLink h3 a:active,.QuickLink h3 a:visited,.QuickLink h3 a:hover{text-align:center;color:#113279;text-decoration:none;z-index:1000;position:relative}
/******************************************************
    SIMPLE GALLERY FANCY POP UP MODULE STYLES
******************************************************/ 
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px;}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../../../../DesktopModules/SimpleGallery/Images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../../../DesktopModules/SimpleGallery/Images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../../../DesktopModules/SimpleGallery/Images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData{ padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #666666; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.thumbs { text-align: center; width: 140px;}
.imgBorderSml { }
/*********************************************
		REM STYLING
*********************************************/
#contentAreaPropCont { margin-bottom:20px}
.mainImage {float:left;margin-left: 25px!important}
.pnlImgSet1,.pnlImgSet2,.pnlImgSet3 {float:left; margin-left: 5px;margin-bottom:0px;}
.propertyImages {padding-bottom: 5px}
.rightImages {background: url(images/IH_stripyRep_5x44.jpg) bottom left repeat-x; padding:10px 0px 5px 0px;margin-bottom: 0px;}
html>/**/body .rightImages {padding-top: 0px;}
.smallImg {margin-left: 5px!important}
.resNavBar a.linkPrev {background:url(images/IH_backArrow.gif) no-repeat left center}
/* more images */
.moreImagesLink {height:20px; float:left; padding: 15px 8px 0px; margin-right: 10px;width:100px; text-align:right}
.moreImagesLink a,.moreImagesLink a:link, .moreImagesLink a:visited {color:#352D67; padding-right: 15px;padding-top: 5px;}
html>/**/body .moreImagesLink a,html>/**/body .moreImagesLink a:link, html>/**/body .moreImagesLink a:visited {padding-right:13px}
.moreImagesLink a:hover {color:#352D67; text-decoration:underline}
.moreImagesLink img {}
/* bedrooms */
li.iconBath {background: top left no-repeat url(Images/icon_bg_bathrooms.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none;}
li.iconBed {background: top left no-repeat url(Images/icon_bg_bedrooms.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none}
li.iconCar {background: top left no-repeat url(Images/icon_bg_car.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none;}
li.iconLand {background: top left no-repeat url(Images/icon_bg_land.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none;}
.propertyIcons {padding-top:15px;}
* html .propertyIcons {padding-bottom: 3px}
.propertyIcons ul{display:inline; margin:0px;padding:0px;}
.propertyIcons ul li {padding:0px 35px 5px 5px;width:text-align:left;color:#650230; font-weight:bold;}
.topRegion {width: 100%}
.resAddress {border-bottom: 2px solid #C6E194; display:inline; color:#625688; font-size: 14px; font-weight:bold}
.pdfLink {float:left; background:url(images/pdfLink.jpg) top right no-repeat;font-weight:bold; height:30px; padding: 15px 0px 0px 10px!important; margin-right:15px!important;}
/*bedrooms on search page*/
.resProperty li.iconBath {background: top left no-repeat url(Images/bathIcon2.gif);margin:0px 0px 5px 0px;font-size: 15px;font-weight:bolder; list-style:none;}
.resProperty li.iconBed {background: top left no-repeat url(Images/bedIcon2.gif);margin:0px 0px 5px 0px;font-size: 15px;font-weight:bolder; list-style:none;}
.resProperty li.iconCar {background: top left no-repeat url(Images/carIcon2.gif);margin:0px 0px 5px 0px;font-size: 15px;font-weight:bolder; list-style:none;}
.resProperty li {color:#650230!important;padding:0 0 4px 5px;margin:0}
/*Lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
*:first-child+html #imageDataContainer {overflow:visible}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#dnn_ctr389_DNNDispatch_ctlMain_SubHeading2 {display:none}
#dnn_ctr389_DNNDispatch_ctlMain_txtOptOutCode {display:none}