/* template size and position
 ****************************************************/
 body { 
	text-align: center;
	margin: 0px 0px; 
	font-family: Helvetica,Arial,Geneva,sans-serif; }

#container {
	width: 974px;
	background-color: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0px 0px;
	margin: 0px auto; }
	
#r3 { text-align: left; }

#header {  } 
	#headerlogo { float: left; width: 230px; }
	#headernav { float: right; width: 730px; padding: 10px 0px 10px 0px; }
	
#container div.onethird {
	float: left; width: 210px; }
	
#container div.twothirds {
	float: left; width: 740px; padding-left: 14px; }

#footer { margin-top: 45px; }

/* universal element styles
 ****************************************************/
html { color: #353535; }
h1 { color: #26abe6; font-size: 180%; font-weight: bold; }
h2 { color: #26abe6; font-size: 160%; font-weight: bold; }
h3 { color: #26abe6; font-size: 140%; font-weight: normal; }
h4 { color: #26abe6; font-size: 120%; font-weight: normal; margin: 0px 0px 0px 0px; }
h5 { color: #4F4F4F; font-size: 105%; font-weight: normal; margin: 0px 0px 0px 0px; }
h1 a, h1 a:visited, h1 a:hover { text-decoration: none; color: #26abe6; }
h5 a, h5 a:visited, h5 a:hover { text-decoration: underline; color: #4F4F4F; font-size: 100%; font-weight: normal; margin: 0px 0px 0px 0px; }
div { color: #434037; }
a img { border-width: 0px; text-decoration: none; }
a, a:visited, #r3 a, #r3 a:visited { border-width: 0px; color: #0000FF; text-decoration: none; outline: none; }
a:hover, a:active { border-width: 0px; color: #0000FF; text-decoration: underline; }
table { width: 100%; }
	table tr { width: 100%; }
	table th { padding: 3px; font-weight: bold; color: #4F4F4F; }
	table td { padding: 3px; color: #4F4F4F; }
ol, ul { margin: 10px 0px 10px 40px; }
ol, ol li{ list-style-type: decimal; }
ul, ul li { list-style-type: square; }
ol li a, ul li a, ol li a:visited, ul li a:visited { text-decoration: none; }
ul li a.active { text-decoration: none; }
label { color: #2E5282; font-weight: bold; }
input, select, textarea { margin: 3px; font-size: 110%; }
input, textarea { padding: 2px 3px; }
input.required, textarea.required { border: 1px solid #FFCCCC; color: black; }
input.submit { padding: 4px; font-size: 110%; }
strong { font-weight: bold; font-size: 110%; }

span.h2 { color: #26abe6; font-size: 160%; font-weight: bold; display: block; }
span.h4 { color: #26abe6; font-size: 120%; font-weight: normal; display: block; }
span.h5 { ccolor: #4F4F4F; font-size: 105%; font-weight: normal; display: block; }

.dialog div.dlg table tr td {
	padding: 4px; }
.dialog div.dlg table tr th {
	padding: 4px; }
		
#bd div.pagedlg {
	min-height: 350px; height:auto !important; height: 350px; }

table.padded td, .dialog div.dlg table.padded td { padding: 10px 0px; }
a.email, a.nav { color: #26abe6; text-decoration: none; }
#footer a { text-decoration: none; }

#uMsgs { margin: 10px 0px; }
#uMsgs .uMsg { margin-top: 2px; font-size: 125%; }
#uMsgs .uMsg a { text-decoration: underline; }
#r3 #uMsgs div.uMsg { margin-bottom: 2px; font-size: 100%; }

div.areaNavBar { margin: 45px 0px 15px 0px; }
    div.areaNavBar div a { display: block; height: 49px; width: 100%; }
    div.areaNavBar div { float: left; height: 49px; background: transparent url('/images/areanav_sprite.jpg') center center no-repeat; }
    div.areaNavBar div#pics { background-position: -0px -0px; width: 122px; }
    div.areaNavBar div#desc { background-position: -122px -0px; width: 123px; }
    div.areaNavBar div#loc  { background-position: -245px -0px; width: 110px; }
    div.areaNavBar div#amen { background-position: -355px -0px; width: 267px; }
    div.areaNavBar div#vids { background-position: -622px -0px; width: 109px; }
div.navBarSection { margin-top: 30px; }
	
div#aboutnavbar { margin: 0px; }
	div#aboutnavbar a { display: block; float: left; height: 91px; background: transparent url('/images/aboutnav_sprite.jpg') center center no-repeat; }
	div#aboutnavbar a#faqs { background-position: -0px -0px; width: 106px; }
	div#aboutnavbar a#test { background-position: -212px -0px; width: 142px; }
	div#aboutnavbar a#team { background-position: -496px -0px; width: 147px; }
	div#aboutnavbar a#cont { background-position: -643px -0px; width: 133px; }
	div#aboutnavbar a#guar { background-position: -1056px -0px; width: 209px; }

	div#aboutnavbar a#faqs.on { background-position: -106px -0px; }
	div#aboutnavbar a#test.on { background-position: -354px -0px; }
	div#aboutnavbar a#team.on { background-position: -776px -0px; }
	div#aboutnavbar a#cont.on { background-position: -923px -0px; }
	div#aboutnavbar a#guar.on { background-position: -1265px -0px; }

#propsearch { float: left; width: 210px; }
#propSearchForm table tr th { padding-top: 7px; }

.content { font-size: 120%; }
td.money, td.numeric, th.money, th.numeric { text-align: right; }
table tr th.subhead { text-align: right; text-transform: lowercase; font-size: 90%; font-weight: bold; }

div#footer { text-align: center; color: #cccccc; }
	div#footer a { color: #464646; padding: 2px 4px; }

a.navImg { color: #464646; text-decoration: none; display: block; float: left; margin: 0px 7px 15px 0px; text-align: center; }
	a.navImg:hover { color: #464646; text-decoration: none; }
	a.navImg span.navName { color: #464646; font-size: 105%; }
	a.navImg span.navDesc { color: #4F4F4F; }

a.socialMedia, div.socialMedia {
	display: block; float: right; height: 30px; width: 30px; margin: 0px 0px 0px 6px; background: transparent url('/images/socialsprite.png') center center no-repeat;
}
	a#blogBadge { background-position: -10px -10px; }
	a#yutbBadge { background-position: -10px -60px; }
	a#twitBadge { background-position: -10px -110px; }
	a#fbokBadge { background-position: -10px -160px; }
	
	#fbokLike { margin: 10px 18px 0px 6px; overflow: hidden; width:85px; height:21px; }
	#gplsLike { margin: 8px 0px 0px 6px; overflow: hidden; width: 85px; height: 21px; }
	#twitLike { margin: 10px 0px 0px 6px; overflow: hidden; width:105px; height:21px; }
	
a.button { border-width: 1px; color: #353535; }

div.img-scroller { padding: 0px !important; }
div.img-scroller .scroll-pane { overflow: auto; width: 100%; float:left; }
div.img-scroller .scroll-content { width: 5000px; float: left; height: 120px; }
div.img-scroller .scroll-content-item { width: 150px; height: 100px; float: left; margin: 10px 20px 10px 0px; font-size: 3em; line-height: 96px; text-align: center; }
div.img-scroller .scroll-content-item { display: inline; } /* IE6 float double margin bug */
div.img-scroller .scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
div.img-scroller .scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
div.img-scroller .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
div.img-scroller .scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
div.img-scroller .scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

div#propertyNav   { width: 440px; height: 120px; }
div#propertyNav a { width: 200px; height: 30px; display: block; float: left; margin: 0px 20px 10px 0px; background-image: url(/images/pnavsprite.gif); background-repeat: no-repeat; }
div#propertyNav #dst { background-position: 0px -120px; }
div#propertyNav #pic { background-position: 0px -150px; }
div#propertyNav #snd { background-position: 0px -60px; }
div#propertyNav #pnt { background-position: 0px -90px; }
div#propertyNav #add { background-position: 0px 0px; }
div#propertyNav #vew { background-position: 0px -30px; }

div#actionBadges { margin-top: 40px; }
div#actionBadges a { height: 252px; width: 303px; display: block; float: left; background: transparent url(/images/actionbadges_sprite.jpg) center center no-repeat; }
div#actionBadges a#excl { background-position: -607px -0px; }
div#actionBadges a#guar { background-position: -303px -0px; margin-left: 25px; }
div#actionBadges a#owns { background-position: 0px 0px; margin-left: 25px; }

/* property photo viewer */
div.stream {
	width: 240px; height: 130px;
	background-color: #EEEEEE; border: 1px solid #dbdbdb; }
	div.stream a { display: block; padding-top: 7px; float: left; height: 123px; width: 120px; font-size: 90%; text-decoration: none; }
	div.streama a span.label { display: block; height: 20px; }
div.set { width: 240px; height: 130px; background-color: #EEEEEE; border: 1px solid #dbdbdb; }
	div.set a { display: block; height: 130px; width: 120px; margin: 2px auto; }
p.nophoto { display: inline-block; float: left; width: 120px; height: 90px; font-size: 70%; margin-top: 40px; }
/* end property photo viewer */

div.contract {
	margin: 20px auto; width: 700px; font-size: 95%; }
	div.contract h3, div.contract.h4, div.contract.h2 { margin: 12px 0px; }

div.contact { width: 260px; height: 250px; padding: 20px;}

div.testimonial { margin: 10px 0px 30px 0px; }
div.signoff { margin-top: 10px; font-size: 90%; color: #4F4F4F; }

.callnow { font-weight: bold; font-size: 120%; }

img.property { border: 1px solid #26abe6; }

table.marketpromo { width: 320px; float: left; height: 80px; }
	table.marketpromo tr td a { color: #4F4F4F; text-decoration: none; }
	table.marketpromo tr td h3 a,  table.marketpromo tr td h3 a:hover { color: #26abe6; }
    table.marketpromo tr td h3 a { color: #26abe6; }

span.childArea { font-weight: bold; font-size: 110%; color: #f8971d; }
a.childArea { font-weight: bold; font-size: 110%; text-decoration: none; display: block; float: left; padding: 5px 10px; color: #f8971d; }
a.childArea span.childAreaBullet { color: gray; }

#marketDump { margin-top: 35px; }
#marketDump a.childArea { width: 315px; padding: 4px 4px; }

div.refine { margin: 35px 0px 25px 0px; font-size: 90%; }
div.refine span.h5 { margin-bottom: 10px; }
div.refine a.childArea { float: none; padding: 5px 0px; }

a.faqques { color: #26abe6; font-size: 110%; display: block; margin: 3px 0px; }
div.faqansw { margin: 5px 0px 30px 0px; }

.greenlight {
	color: #327e04;
	border: 2px solid #327e04;
	background-color: #FFFFFF;
	margin: 0px; padding: 4px; }

.rateHelp {
	margin: 2px 0px 6px 0px;
	font-weight: normal;
	font-size: 85%; }

.rateHelp div { padding: 1px; }
.promotion, a.promotion { color: green; }
.contentBox {
	background-color: #F3F3F3; padding: 4px; border: 1px dashed #929493;
	box-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.1);
	-moz-border-radius: 7px;
	border-radius: 7px; }

table.padded td, .dialog div.dlg table.padded td { padding: 7px 0px; }

form.fancy { display: block; padding: 15px; background-color: #26abe6; }
form.fancy table tr td { background-color: #26abe6; padding: 5px 0px; color: white; font-size: 110%;}
form.fancy table tr th { background-color: #26abe6; padding: 12px 0px 0px 0px; color: white; font-size: 110%; vertical-align: top; }
form.fancy table th.subhead { padding-right: 4px; font-size: 90%; vertical-align: middle; color: #dddddd; }
form.fancy table td input.required { border: 2px solid red; color: black; padding: 3px 0px; }
form.fancy a.tooltip, div#r3 form.fancy a.tooltip { color: white; border: 1px dotted white; display: block; float: right; padding: 2px 4px; font-weight: bold; }

.myitripsep { border: 2px solid #26abe6; margin: 10px 0px 35px 0px; }

div.bookingSection { padding: 10px; border: 1px dotted #4F4F4F; background-color: #F3F3F3; }

ul.headermenu {
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 0px; }
	ul.headermenu li {
	    display: block;
	    float: left;
	    list-style: none outside none;
	    position:relative; }
		ul.headermenu li ul {
			z-index: 999999;
			display: none;
			border: 2px solid #f8971d;
			background-color: #FFFFFF;
			float:left;
			position:absolute;
			left:-100px;
			width:320px; }
			ul.headermenu li ul li {
				font-size: 120%;
				text-align: left;
				border: none;
				float: left;
				width: 290px; }
			ul.headermenu li ul li a {
				display: block;
				padding: 5px 5px;
				width: 285px;
				float: left; }
			ul.headermenu li ul li a:hover {
				text-decoration: underline; }
			ul.headermenu li ul li a img { float: left; width: 24px; margin-right: 6px; }

div#headernav a.login { background-color: white; color: #f8971d; text-decoration: none; font-weight: bold; border: 1px solid #f8971d; font-size: 130%; display: block; float: right; margin: 0px 0px 0px 20px; padding: 3px 7px; }
div#headernav a.login:hover { background-color: #f8971d; color: white; text-decoration: none; }

ul.headermenu li a.topnav { display: block; height: 21px; color: #f8971d; font-size: 15pt; text-decoration: none; }
a#hdrHome { width: 90px; margin-left: 10px; }
a#hdrDest { width: 143px; }
a#hdrSrch { width: 90px;  }
a#hdrCont { width: 101px; }
a#hdrSpec { width: 148px; }
a#hdrOwnr { width: 148px; }

a#hdrHome:hover, a#hdrHome.on { font-weight: bold; }
a#hdrDest:hover, a#hdrDest.on { font-weight: bold; }
a#hdrSrch:hover, a#hdrSrch.on { font-weight: bold; }
a#hdrCont:hover, a#hdrCont.on { font-weight: bold; }
a#hdrSpec:hover, a#hdrSpec.on { font-weight: bold; }
a#hdrOwnr:hover, a#hdrOwnr.on { font-weight: bold; }

ul.headermenu a.childArea { font-weight: normal; }
ul.headermenu a.childArea span { display: block; float: left; width: 22px; height: 22px; margin: 0px 3px 0px 0px; background: transparent url('/images/market_icons_22.jpg') center center no-repeat; }
ul.headermenu a.childArea span.sun  { background-position: -66px -0px; }
ul.headermenu a.childArea span.fall { background-position: -22px -0px; }
ul.headermenu a.childArea span.eco  { background-position: -0px -0px; }
ul.headermenu a.childArea span.snow { background-position: -44px -0px; }

div.mygroup { padding: 20px 0px; }
div.myfirst { padding: 0px 0px 20px 0px; }
	div.mygroup div.head {}
		div.mygroup div.head h4 { padding: 5px; border: 1px solid #26abe6; background-color: #26abe6; color: white; width: 100%; }
		div.mygroup div.head h5 { padding: 5px; border: 1px dashed #26abe6; border-top-width: 0px; width: 100%; }
	div.mygroup div.body, div.mygroup table.body { font-size: 120%; margin: 15px 15px; }

#dashboard { background-color: #f8971d; }
	#dashboard th { color: white; text-align: right; padding: 6px 10px 6px 0px; font-size: 120%; }
	#dashboard td { color: white; font-size: 150%; padding: 6px 0px 6px 10px; }

ul.sitemap { list-style-type: none; margin-left: 0px; }
	ul.sitemap li { list-style-type: none; margin-left: 0px; }
	ul.sitemap li a { display: block; padding: 3px 10px; font-size: 120%; text-decoration: underline; }

table.propertyContact { width: 100%; }
	table.propertyContact td { padding: 20px; line-height: 150%; }

div.areaSummary { }
div.areaSummary a.areaName { font-size: 120%; }
/*override ".ui-widget-content a" color which effectively hides the link */
	div#tabs div a { text-decoration: underline; }
	div#tabs div#propertyCalendar a { text-decoration: none; }