/*** GENERIC STYLES ***/

/* broad strokes */

html { height: 100%; margin: 0; padding: 0; }
body { height: 100%; margin: 0; padding: 0; background-color: white; font: 10px Arial, sans-serif; }
body.forsale { color: #069; }
body.forrent { color: #066; }

/* links */

a img { border: none; }
a { text-decoration: none; }

table { padding: 0; margin: 0; border-collapse: collapse; }
td { padding: 0; margin: 0; }

body.forsale a:link, body.forsale a:visited { color: #0078B3; }
body.forrent a:link, body.forrent a:visited { color: #007878; }
body.forsale a:active, body.forsale a:hover,
body.forrent a:active, body.forrent a:hover { color: #dd8500; }


/*** SPECIFIC PAGE ELEMENTS ***/

table.master {
	width: 100%; height: 100%;
	border-collapse: collapse;
}

/* top section */

.top {
	padding: 0 10px;
	height: 55px;
	font-size: 10px;
    background: white;
}
.top table {
    margin: 0;
    border-collapse: collapse;
    width: 100%;
}
.top table td {
    padding: 0;
    vertical-align: middle;
}
.top table td.title h1 {
	margin: 0;
	text-align: left;
	font-weight: bold;
}
.top table td.title h1 .small { font-size: 12px; }
.top table td.title h1 .large { font-size: 18px; }

.top table td.advert { width: 151px; padding: 0 10px; /* 1px extra for tracking gif */ }
.top table td.magicSwapper { width: 107px; /* width of widest possible image */ }
.top table td.magicSwapper a {
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    text-decoration: none;
    background: transparent no-repeat left top;
    border: 1px solid #ddd;
}

/* 'view these islands on a map' button */

.top table td.magicSwapper a.viewOnMap { width: 107px; height: 34px; }

.top table td.magicSwapper a.viewOnMap:link,
.top table td.magicSwapper a.viewOnMap:visited
{ background-image: url("../images/slideshow/swap-to-map.gif"); }
.top table td.magicSwapper a.viewOnMap:active,
.top table td.magicSwapper a.viewOnMap:hover
{ background-image: url("../images/slideshow/swap-to-map-hot.gif"); }

.top table td.magicSwapper a.viewWorldMap { width: 83px; height: 34px; }

.top table td.magicSwapper a.viewWorldMap:link,
.top table td.magicSwapper a.viewWorldMap:visited
{ background-image: url("../images/slideshow/view-world-map.gif"); }
.top table td.magicSwapper a.viewWorldMap:active,
.top table td.magicSwapper a.viewWorldMap:hover
{ background-image: url("../images/slideshow/view-world-map-hot.gif"); }

/* mid section */

.middle {
	color: white;
	text-align: center;
	padding: 10px;
	font-size: 12px;
}

.middle a { text-decoration: underline; }
.middle a:link, .middle a:visited { color: white !important; }
.middle a:active, .middle a:hover { color: #dd8500 !important; }

.middle h2 { font-weight: normal; font-size: 12px !important; margin: 2px 0; }
.middle h2 a { font-weight: bold; }

body.forsale .middle { background-color: #0078B3; }
body.forrent .middle { background-color: #008888; }

.middle table {
	margin: 10px auto;
	border-collapse: collapse;
}
.middle td.picContainer {
	vertical-align: middle;
	padding: 0;
	height: 239px;
	/* border: 1px solid red; */
}
.middle table.pic {
	margin: 0;
	border-collapse: collapse;
}
.middle table.pic td.clicktoview {
	text-align: right;
	vertical-align: bottom;
	height: 12px;
/* 	border: 1px solid #f0f; */
}
.middle table.pic td.picCell {
	vertical-align: top;
	/* border: 1px solid #0f0; */
}
.middle table.pic td { padding: 0; }
a#picLink img { border: 1px solid white; }


.middle table.navArea {
	margin: 0 auto;
	border-collapse: collapse;
    height: 55px;
}
.middle .navArea td {
	vertical-align: middle;
	text-align: center;
	color: white;
	padding: 0;
}
.middle .navArea td.caption { width: 350px; }
.middle .navArea .arrow a {
	display: block;
	margin: 0 auto; /* center horiz. */
	width: 30px;
	height: 30px;
	background: no-repeat center;
	text-indent: -9999em;
	overflow: hidden;
}

/*** for sale control images ***/

/* prev */
body.forsale .middle .navArea .arrow.prev a:link,
body.forsale .middle .navArea .arrow.prev a:visited {
	background-image: url('../images/slideshow/sale/prev.gif');
}
body.forsale .middle .navArea .arrow.prev a:active,
body.forsale .middle .navArea .arrow.prev a:hover {
	background-image: url('../images/slideshow/sale/prev-hot.gif');
}
/* next */
body.forsale .middle .navArea .arrow.next a:link,
body.forsale .middle .navArea .arrow.next a:visited {
	background-image: url('../images/slideshow/sale/next.gif');
}
body.forsale .middle .navArea .arrow.next a:active,
body.forsale .middle .navArea .arrow.next a:hover {
	background-image: url('../images/slideshow/sale/next-hot.gif');
}

/*** for rent control images ***/

/* prev */
body.forrent .middle .navArea .arrow.prev a:link,
body.forrent .middle .navArea .arrow.prev a:visited {
	background-image: url('../images/slideshow/rent/prev.gif');
}
body.forrent .middle .navArea .arrow.prev a:active,
body.forrent .middle .navArea .arrow.prev a:hover {
	background-image: url('../images/slideshow/rent/prev-hot.gif');
}
/* next */
body.forrent .middle .navArea .arrow.next a:link,
body.forrent .middle .navArea .arrow.next a:visited {
	background-image: url('../images/slideshow/rent/next.gif');
}
body.forrent .middle .navArea .arrow.next a:active,
body.forrent .middle .navArea .arrow.next a:hover {
	background-image: url('../images/slideshow/rent/next-hot.gif');
}

/* thumbnails section */

.thumbsNav {
	background: white;
	color: black;
    padding: 5px 0;
}

#thumbnailScrollerBox {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
}

a#slideshowStarter {
	display: block;
	width: 70px;
	height: 70px;
	position: absolute;
	left: 15px;
	top: 3px;
	background: no-repeat center;
	text-indent: -9999em;
	overflow: hidden;
}
body.forsale a#slideshowStarter:link,
body.forsale a#slideshowStarter:visited { background-image: url('../images/slideshow/sale/start.gif'); }
body.forsale a#slideshowStarter:active,
body.forsale a#slideshowStarter:hover { background-image: url('../images/slideshow/sale/start-hot.gif'); }
body.forsale a#slideshowStarter.playing { background-image: url('../images/slideshow/sale/pause.gif') !important; }

body.forrent a#slideshowStarter:link,
body.forrent a#slideshowStarter:visited { background-image: url('../images/slideshow/rent/start.gif'); }
body.forrent a#slideshowStarter:active,
body.forrent a#slideshowStarter:hover { background-image: url('../images/slideshow/rent/start-hot.gif'); }
body.forrent a#slideshowStarter.playing { background-image: url('../images/slideshow/rent/pause.gif') !important; }

#thumbnailScroller {
	margin: 0 0 0 100px;
	padding: 5px;
	overflow-x: auto;
	overflow-y: hidden;
	width: 400px;
	height: 65px;
	scrollbar-arrow-color: white;
	white-space: nowrap;
}
body.forsale #thumbnailScroller {
	scrollbar-face-color: #3391BF;
	scrollbar-darkshadow-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-track-color: #DCE6EB;         
	scrollbar-shadow-color: #3391BF;
	scrollbar-highlight-color: #3391BF;
}
body.forrent #thumbnailScroller {
	scrollbar-face-color: #2F9999;
	scrollbar-darkshadow-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-track-color: #DDEBEB;         
	scrollbar-shadow-color: #2F9999;
	scrollbar-highlight-color: #2F9999;
}
body.forsale #thumbnailScroller a img { border: 2px solid white; }
body.forrent #thumbnailScroller a img { border: 2px solid white; }
#thumbnailScroller a.highlighted img { border-color: #444 !important; }

/* bottom section */

.bottom {
	padding: 5px;
	height: 15px;
	font-size: 10px;
}
.bottom .left { float: left; }
.bottom .right { float: right; }