/* vc_id = "$Id: lib.css 13480 2011-02-01 00:41:35Z slloyd $" */
/*-------------------------------------------------------------------------------------------------
Name:            /Style/map/lib.css
Purpose:         Contains styles specific to the map
Created By:      ?
Date Created:    ?
Change History:
12/14/2010  SDL  Changed position and width and height of Open House icon (#ohpng) over thumb on pop-up  
                 over pin. Added top-padding to summary-container. Changed background position of icon  
                 and left-padding of drop-down for Open House search area. 
12/20/2010  SDL  Copied #ohpng and made #soldpng for icon over image in pop-up table. 
01/03/2011  SDL  Adjusted size and position of New Open House and Sold icons 
-------------------------------------------------------------------------------------------------*/
html body {
	overflow: hidden;
}

#searchFormPropertyConstraint td {
	font-family: "Trebuchet MS",Arial,Helvetica,Sans-serif !important;
}

#ohpng {
	position:relative;
	top:-1px;
	left:-8px;
	width: 88px;
	height: 55px;
	margin-bottom:1px;
}
#soldpng {
	position:relative;
	top:-1px;
	left: -8px;
	width: 88px;
	height: 55px;
	margin-bottom:1px;
}

#header h1 {
	height: 75px;
	width: 202px;
	margin: 0px;
	padding: 0px;
	color: #f5f5f5;
	/* background-image: url(../../images/map/pp3-logo-beta.gif);
	background-repeat: no-repeat;
	text-indent: -2500px; */
}
#headerNavBar {
	float: right;
	margin-top: 6px;
	margin-right: 35px;
}
#headerNavBar td a, td {
	color: #fff;
	font-size: 11px;
}

/********************************
*/
#hdr {
	position: absolute;
	top: 0px;
	left: 14px;
	z-index: 4000;
	display: none; /* set to block on init of pp3 layout function in lib.js initializePP3MapLayout() */
}
#hdr .hd1 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
	height: 35px;
	z-index: 5000;
	width: 800px;
}
#hdr li {
	float: left;
	z-index: 5000;
	font-size: 11px;
	line-height: 11px;
	background-image: url(../../images/map/pp3-header-bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	color: #FFFFFF;
}
#hdr li .text {
	padding-top: 7px;
}
#hdr li a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.hdrInside {
	margin-top: 0px;
	padding-top: 10px;
	z-index: 5000;
}

#hd2container {
	width: 199px;
	position: absolute;
	display: none;
	z-index: 5000;
}
#hd2Left {
	width: 199px;
	float: left;
	z-index: 5000;
}
#hd2Left-top {
	width: 199px;
	background-image: url(../../images/map/pp3-subhead1-top.gif);
	height: 4px;
	z-index: 5000;
}
#hd2LeftMiddle {
	width: 179px;
	background-image: url(../../images/map/pp3-subhead1-middle.gif);
	font-family: Verdana,Arial;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 14px;
	line-height: 16px;
	overflow: hidden;
	z-index: 5000;
	color: #000000;
}
#hd2LeftMiddle a {
	color: #000000;
	text-decoration: none;
}
#hd2Left-bottom {
	width: 199px;
	padding: 0px;
	margin: 0px;
	background-image: url(../../images/map/pp3-subhead1-bottom.gif);
	background-repeat: no-repeat;
	height: 6px;
	z-index: 5000;
}
#LQholder {
	font-family: Verdana,Arial;
	font-size: 10px;
	color: #000000;
}
#LQholder table a {
	font-family: Verdana,Arial;
	font-size: 9px;
	color: #000000;
	text-decoration: underline;
}

#hd3 {
	position: absolute;
	top: 0px;
	left: 14px;
	z-index: 4000;
}
#hd3 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
	z-index: 5000;
}
#hd3 li {
	float: left;
	z-index: 5000;
	font-size: 11px;
	background-image: url(../../images/map/pp3-subhead2-bg.gif);
	background-repeat:repeat-x;
	height: 21px;
	line-height: 18px;
	color: #FFFFFF;
}
#hd3 li a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
/********************************
*/
.pp3linkIcon {
	padding-left: 7px;
}
.ppTopNavSpacer {
	padding-left: 75px;
}
.topWreNav {
	padding-left: 7px;
}
#leftContainer {
	float: left;
}
#leftToolBar {
	padding: 0px;
	/* background-color: #9DBAEE; */
	height: 27px;
	/* border-bottom: 2px solid #F3F3F3; */
	/* background-image: url(../../images/map/leftToolBarBG.gif); Un-comment this when drag and draw box are out of the tool bar */
	position: absolute;
	top: 94px;
	left: 222px;
	z-index: 3000;
}
#rightToolBar {
	height: 29px;
	/* background-image: url(../../images/map/tabBackground.gif); */
	background-repeat: no-repeat;
	border: 0px solid red;
	position: absolute;
	top: 46px;
}
#rightToolBar ul {
	margin:0;
    padding:0;
    list-style:none;
	margin-left: 10px;
}
#rightToolBar li {
	margin:0;
    padding:0;
	padding-top: 5px;
    float: left;
    height: 24px;
	width: 133px;
    text-align: center;
}
.ppSelectedTab {
	background-image: url(../../images/map/tab_on.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}
.ppRegularTab {
	background-image: url(../../images/map/tab_off.gif);
	background-repeat: no-repeat;
	font-weight: regular;
	color: #fff;
}

#morePhotos ul {
	margin:0;
    padding:0;
    list-style:none;
}
#morePhotos li {
	float: left;
	width: 16px;
	height: 16px;
	text-align: center;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin-right: 2px;
	margin-bottom: 10px;
}
#leftToolBar td {
	font-size: 10px;
}
#leftToolBar input,select {
	font-size: 10px;
}
#map { /* default height and width for the map. */
	width: 500px; 
	height: 300px;
}
#rightContainer {
	float: right;
	width: 417px;
	background-color: #dbdee6;
	overflow: visible;
}
#rightScrollContainer {
	overflow: auto;
}
#contentSearch {
	padding-left: 0px;
	padding-right: 0px;
}
#contentSearch h3 {
	color: #000000;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #666666;
}
#propertyDetails h3 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #666666;
}
#searchFormLeft {
	float: left;
	width: 160px;;
}
#searchFormRight{
	float: right;
	width: 160px;
}
#transBackground {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#nonTransIframe {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border: 20px solid #333333;
	width: 680px;
	height: 550px;
	z-index: 150;
}
.mapMessages {
	display: none;
	position: absolute;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	background-color: #a7cbfe;
	border: 1px solid #4a6fa5;
	padding: 10px;
	z-index: 5000;
	font-size:18px;
	text-align: center;
	
}
.mapMessagesError {
	display: none;
	position: absolute;
	width: 500px;
	height: 40px;
	font-size:18px;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	line-height: 0px;
	/* background-color: #f5f5f5; */
	background-image: url(../../images/map/loadingBG.gif);
}
#contentProperty {
	display: none;
}
#contentClippings {
	display: none;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#propertyDetails {
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#contentSummary {
	display: none;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentSummary #summary-container img {
	margin-left: 5px;
}

#footer {
	background-color: #CCCCCC;
	font-size: 10px;
	padding: 5px;
}
#footer a {
	color: #666666;
}
#footer table {
	width: auto;
}
.clearBoth {
	clear: both;
}

#viewDetails {
	float: left;
	width: 45%;
	border: 1px solid #333333;
	padding: 3px;
	text-align: center;
	margin-bottom: 10px;
}

#addToFavorites {
	float: right;
	width: 45%;
	border: 1px solid #333333;
	padding: 3px;
	text-align: center;
	margin-bottom: 10px;
}
.small {
	font-size: 9px;
}

#listingDivLayer {
	position: absolute;
	display: hidden;
	width: 250px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	z-index: 80;
}
#listingInfo {
	z-index: 80;
}
.listingPopUpLeft {
	float: left;
	width: 100px;
	padding: 3px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.listingPopUpRight {
	float: right;
	/* width: 180px; */
	padding: 10px;
}

#boxDraw {
	border: 5px dashed #FF6600;
	display: none;
	position: absolute;	
	width: 0px;
	height: 0px;
	display: none;
}

.box {
	position:absolute; 
	left:20px; 
	top:20px; 
	width:20px; 
	height:20px; 
	visibility:hidden; 
	overflow:hidden; 
	border:2; 
	border-style:dashed;	
	border-color:#4D5B7F;
        background-image:url(../../images/map/center.gif);
        background-repeat:no-repeat;
        background-position:center center;
}

.boxInverted {
	position:absolute; 
	left:20px; 
	top:20px; 
	width:20px; 
	height:20px; 
	visibility:hidden; 
	overflow:hidden; 
	border:2; 
	border-style:dashed;	
	border-color:#FFFFFF;
        background-image:url(../../images/map/center_inverted.gif);
        background-repeat:no-repeat;
        background-position:center center;
}

#coverLayer {
	display: none;
}
#countHolder {
	background-color: #FFFF99;
	color: #000;
	text-align: left;
	font-size: 11px;
	cursor: default;
	margin-bottom: 10px;
}

#pp3ExportOptions {
	padding: 5px;
}

#pp3MessagesContainer {
	padding: 10px;
	background-color: #FFFF99;
}

#pp3Messages {
	display: none;
	background-color: #FFFF99;
	padding: 20px;
	padding-left: 60px;
	color: red;
	font-size: 16px;
}

#eMsg {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border:1px solid #CD0A0A;
	color:#000;
	padding: 10px;
	z-index: 5000;
	background-color: #ffc9c9;
}
#eMsgBoundary {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border:1px solid #CD0A0A;
	padding: 3px;
	z-index: 5000;
	background-color: #ffc9c9;
	font-size:9px;
}
#eMsgBoundary a {
	color: blue;
}
/*******************
Jump To Table
*******************/
#jumpToTable td {
	padding-top: 3px;
	color: #FFFFFF;
}
#jumpToLeftTD {
	background-image: url(../../images/map/jumpToLeftEar.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
#jumpToRightTD {
	background-image: url(../../images/map/jumpToRightEar.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 15px;
}

#tabSelectedEars {
	position: absolute;
	display:  none;
	background-image: url(../../images/map/tabSelectedEars.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
	width: 139px;
	height: 14px;
	display: none;
	top: 0px;
	left: 0px;
}

/*******************
Pop Up Container
*******************/
#popUpContainer {
	position: absolute;
	display: none;
	top: 250px;
	left: 300px;
	margin: 0px;
	padding: 0px;
	width: 131px !important;
}
.pp3poInnerContainer {
	margin: 0px;
	padding: 0px;
	width: 107px;
	float: left;
}
.pp3poTop {
	margin: 0px;
	padding: 0px;
	width: 107px;
	height: 2px;
	background-image: url(../../images/popUpTop.gif);
	background-repeat: no-repeat;
}
.pp3poBottom {
	margin: 0px;
	padding: 0px;
	width: 107px;
	height: 2px;
	background-image: url(../../images/popUpBottom.gif);
	background-repeat: no-repeat;
}
#pp3poMeta {
	margin: 0px;
	padding: 0px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 105px;
	background-color: #ffffff;
	text-align: center;
	overflow: hidden;
}
.pp3poMetaTd {
	width: 105px;
}
#pp3pointerLeft {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 1px;
	width: 12px;
	height: 11px;
	background-image: url(../../images/map/pointerLeft.gif);
	background-repeat: no-repeat;
}
#pp3pointerRight {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: -1px;
	width: 12px;
	height: 11px;
	background-image: url(../../images/map/pointerRight.gif);
	background-repeat: no-repeat;
}
#pp3poMeta td {
	font-family: "Trebuchet MS",Arial,Helvetica,Sans-serif !important;
	font-size: 11px;
	text-align: center;
	color: #333333;
}
#pp3poMeta td a {
	color: #6882B1;
}

/*
	Property Summery
*/
#summary-container {
	margin: auto;
	width: 95%;
	padding-top:8px;
	
}
#summary-container table td {
	color: #333333;
}

#summary-options {
	margin-bottom: 10px;
	text-align: center;
	font-size: 11px;
}
#summary-info span {
	font-size: 16px;
	font-weight: bold;
	clear: both;
}
.summary-photo {
	position: relative;
	float: left;
	margin-left:0px;
	margin-right:auto;
}

.summary-photo .address {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 11px;
}
div.small-print {
	margin-top: 10px;
	margin-bottom: 0px;
	/padding-top: 10px; /* for IE */
	font-size: 11px;
	text-align:center;
}
.hr-line {
	background-image: url(../../images/map/hr.gif);
	background-repeat: repeat-x;
	width: 357px;
	height: 1px;
	display: block;
	position: relative;
	margin-bottom: 17px;
	overflow: hidden;
}
.widgetPopUp {
	padding: 10px; border: 3px solid #cccccc; background-color: #ffffff; display: block; position: absolute;
}

#contentSearch #pp3ExportOptions a:hover
{
	background-color: transparent;
	color: #C00000;
}

#contentSearch #pp3ExportOptions .updateResultsLink
{
	background-image: url("../../images/map/ppUpdateResultsIcon.gif");
	background-repeat: no-repeat;
	background-position: center left;
	background-color: transparent;
	color: #0000FF;
	border-width: 0px 1px 1px 1px;
	border-color: #F0F0F0;
	border-style: solid;
	padding: 4px 5px 3px 25px;
	height: 21px;
	display: inline;
	vertical-align: middle;
	clear: left;
	float: left;
}

#contentSearch #pp3ExportOptions .updateResultsLink:hover
{
	/*background-color: #FFFF88;
	color: #005500;
	border-color: #005500;*/
	background-color: transparent;
	color: #C00000;
}

#contentSearch #pp3ExportOptions .saveSearchLink
{
	background-image: url("../../images/map/icon_save_white.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding: 4px 5px 3px 25px;
	height: 21px;
	display: inline;
	vertical-align: middle;
	clear: both;
	float: right;
	background-color: transparent;
	color: #0000FF;
}

#contentSearch #pp3ExportOptions .viewSummaryLink
{
	background-image: url("../../images/map/ppSummaryIcon.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding: 4px 5px 3px 25px;
	height: 21px;
	display: inline;
	vertical-align: middle;
	clear: left;
	float: left;
	background-color: transparent;
	color: #0000FF;
}

#contentSearch #pp3ExportOptions #countHolder
{
	text-align: left;
}

#contentSummary #summary-options .saveSearchLink
{
	background-image: url("../../images/map/icon_save_white.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 16px;
}

#contentSearch .OpenHouse
{
	background-image: url(../../images/OpenHouseIconWhite.png);
	background-position: 10px 18px;
	background-repeat: no-repeat;
	padding-left: 68px;
	height: 32px;
}

#searchFormPropertyConstraint {
	background-image: url('../../images/map/pp3SearchFormPropertyConstraint.gif');
}

#searchFormPropertyConstraint_criteria td {
	padding-left: 10px;
	color: #000;
	font-size: 11px;
}

#advancedSearchButton {
	height: 15px;
	padding-top: 3px;
	padding-left: 22px;
}

.advancedSearchArrowDown {
	background-image: url(../../images/map/half_diamond_down.png);
	background-repeat:no-repeat;
}

.advancedSearchArrowUp {
	background-image: url(../../images/map/half_diamond_up.png);
	background-repeat:no-repeat;
}

#savedSearchButton {
	background-image: url(../../images/refresh/icon_save_white.png);
	background-repeat:no-repeat;
	height: 17px;
	padding-top: 3px;
	padding-left: 22px;
}

#pp3Directions {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#advSearchCriteriaCol1, #advSearchCriteriaCol2, #advSearchCriteriaCol3 {
	display: none;
}

#searchFormPropertyConstraint_mls {
	color: #000;
}

#headerNavBar td a, td {
	color: #000000;
}
#integratedToolBarBackground {
	width: 250px;
	height: 27px;
	background-color: #235087;
	position: absolute;
	top: 101px;
	left: 222px;
	z-index: 2000;
	opacity: .7;
	filter: alpha(opacity=70);
}

/* #MSVE_navAction_rotatorContainer {
	background-color: #235087;
	opacity: .7;
	filter: alpha(opacity=70);
	position: relative;
	top: -5px;
	background-repeat: repeat;
} */

.MSVE_MapStyle {
	font-size: 9.5px;
}

.mapVendor_Metadata
{
	float: right;
	padding-right: 5px;
}
#MSVE_obliqueNotifyIcon, #MSVE_threeDNotifyIcon {
	display: none;
}
#MSVE_obliqueNotification_Custom {
	background-position: 0px 5px;
	background-image: url(../../images/map/VE_pointer.gif);
}
#MSVE_obliqueNotifyText_Custom {
	padding: 5px;
	margin-left: 30px;
	font-size: 10px;
}

#contentPropertyControl {
	height: 27px;
}

#contentPropertyControl {
	background-image: url(../../images/map/pp3SearchFormPropertyConstraint.gif);
}

#mapControlListingPaginationContainer {
        text-align: center;
        font-size: 11px;
		background-image: url(../../images/map/pp3SearchFormPropertyConstraint.gif);
}

#mapControlListingPaginationReport {
	text-align: center;
	width: 254px; 
}

#pp3Prev, #pp3Next {
	display: none;
}