﻿body { background: #ffffff; margin: 0px 0px 9px 0px; padding: 4px 2px 0 2px;  min-width: 845px;font: normal small "Trebuchet MS",Trebuchet,Verdana,Arial,Geneva,Helvetica,sans-serif; color: #38290A; }
body.SlideShow {margin: 4px 0px 9px 0px; padding: 0px; font: normal small "Trebuchet MS",Trebuchet,Verdana,Arial,Geneva,Helvetica,sans-serif; color: #38290A; width: 250px; background: url(../../images/Tour_MainBg_rXY.gif); margin-top: 67px; }
td,th { font: normal 1em "Trebuchet MS",Trebuchet,Verdana,Arial,Geneva,Helvetica,sans-serif; color: #666666; }
img { border: 0px none; }
form { border: 0px none; margin: 0px; padding: 0px; }
a { color: #EB7400; text-decoration: underline; }
a:hover { color: #CE5700; text-decoration: none; }

.small { font-size: 67.5% }
.medium { font-size: 82% }
.mediumlarge { font-size: 90%; }
.large { font-size: 118%; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.uppercase { text-transform: uppercase; }
.center { text-align: center; }

#CompanyInfo{text-align: right; font-size: 10px; line-height: 9px; font-weight: bold; float: right; position: absolute; right: 190px; top: 85px; }
#CompanyLogo { height: 73px; border-right: 1px solid #fdb300; background: url(../../images/125/menu-bg.gif) 0% 0% no-repeat;  }
#CompanyLogo img { margin: 20px 0 0 45px; }
#CompanyInfoTable{ }
	#CompanyCityStateZip{display: block; }
	#CompanyStreet{ }
	#CompanyFax { padding-left: 15px;}
	#CompanyInfoTable td {padding: 0;  }

#CustomHeaderBg {height: 73px; background: url(../../images/125/page-top.gif) 0% 0% no-repeat; }
#Top {  }
#ViewerBody { width: 100%; margin-top: -67px; min-width: 846px;}
	.Menu {}
	.Menu img{ display: block; float: left; position: relative; top: 2px; left: 189px; }
	#AgentTop .Menu { background: none; }
		#AgentTop .Menu img {left: 80px; width: 0;}
		#AgentTop .Menu a img {width: 89px;}
#player { margin-top: 75px; }

.Menu table td { background: transparent none!important; }
/* ######################################################################################################
##### Tour Column 
###################################################################################################### */
	#Content { vertical-align: top; background: url(../../images/125/content_back.jpg) left top no-repeat; border-left : 1px solid #fdb300; border-bottom: 1px solid #fdb300; }
		/* Slideshow Panel Styles */
			#SlideshowPanelContainer { margin: 0px auto; margin-top: 80px;}
				#SlideshowPanelContainer td a img {float: right;}
			fieldset.Slideshow_Thumbnails { width: 245px; padding: 2px 3px 2px 4px; margin: 0px; margin-top: 25px;}
			iframe.Slideshow_Thumbnails { border: 2px solid #000000; height: 234px; width: 245px; padding:2px; }
			iframe.LargeSlideshow_Thumbnails { border: 2px solid #000000; height: 369px; width: 245px; padding:2px; }
			div.Slideshow_Thumbnails { padding: 0px 3px 2px 6px; margin: 0px;}
			div.LargeSlideshow_Thumbnails { padding: 0px 3px 2px 6px; margin: 0px;}
			table.Slideshow_Thumbnails { width: 100px; border: 0px none; margin: 0px 5px 5px 0px; float: left;}
			td.Slideshow_Thumbnails { height: 75px; border-top: 1px solid #686257; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: #686257; background: #red url(../images/loading.gif) 50% 50% no-repeat; }
			p.Slideshow_Thumbnails { width: 100px; height: 75px; margin: 0px; padding: 0px; }
			div.Slideshow_ThumbnailsCaption { position: absolute; z-index: 5; background: #F7F2CE; color: #524B13; border: 1px solid #524B13; padding: 3px; font: bold 67.5% Arial,Geneva,Helvetica,sans-serif; }
			/* Property Information Block */
				fieldset.Tour_SlideshowPropertyInfo { padding: 2px 3px 7px 4px; margin: 15px 0px; background: #eaeaea; border: 2px solid #fdb300; width: 245px;}
				div.Tour_SlideshowPropertyInfo { position: relative; top: -13px; width: 200px; background: #fdb300; padding: 3px 5px; color: #ffffff; text-transform: uppercase; }
		/* ------------------------------------------------------------------------------------------------------------------------------- */			
		/* 360-degree Panel Styles */
			#TourPanelContainer { margin: 0px auto; margin-top: 80px; margin-bottom: 15px; text-align: left;}
				#TourPanelContainer td a img {float: right;}
			#TourCell {  padding: 0px 13px; }
			#Tour { width: 320px; height: 240px; border: 2px solid #000; margin: 0px auto; }
			#LargeTour { width: 500px; height: 375px; border: 2px solid #000; margin: 0px auto; }
			#SceneName, #Buttons { padding: 2px 2px 5px 10px; height: 30px; vertical-align: top; }
			#SceneDescription { width: 320px; margin: 0px auto; }
			#LargeSceneDescription { width: 500px; margin: 0px auto; }
			div.SceneDescriptionText { padding: 0px 10px 0px 8px; font-size: 82%; text-align: justify; }
			/* Scene Thumbnails */
				fieldset.Tour_Thumbnails {border: 2px solid #000000; width: 245px; padding: 2px 3px 2px 4px; margin: 0; }
				div.Tour_Thumbnails { height: 234px; overflow: auto; }
				div.LargeTour_Thumbnails { height: 369px; overflow: auto; }
				table.Tour_Thumbnails { width: 219px; border: 0px none; margin: 0px auto 3px; }
				td.Tour_Thumbnails { height: 61px; border-top: 1px solid #686257; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: #686257; background: #D3C6B3 url(../images/loading.gif) 50% 50% no-repeat; }
				p.Tour_Thumbnails { width: 219px; height: 61px; margin: 0px; padding: 0px; }
				td.Tour_ThumbnailsLink { background: #ffb400; padding: 2px 4px; }
				a.Tour_ThumbnailsLink { display: block; color: #000000; font: normal 67.5% Arial,Geneva,Helvetica,sans-serif; text-transform: uppercase; text-decoration: none; }
				a.Tour_ThumbnailsLink:hover { color: #ffffff; }
			/* Property Information Block */
				fieldset.Tour_PropertyInfo {background: #eaeaea; border: 2px solid #fdb300; width: 245px; padding: 2px 3px 7px 4px; margin: 15px 0px; }
				div.Tour_PropertyInfo { position: relative; top: -13px; width: 200px; background: #fdb300; padding: 3px 5px; color: #ffffff; text-transform: uppercase; }
		/* ------------------------------------------------------------------------------------------------------------------------------- */
		/* MLS Information Panel */
			#MLSInfoPanelContainer { width: 550px; margin: 65px auto; }
			#StillCell { padding: 0px 8px; width: 227px; }
			#MLSPhoto { border: 1px solid #FFF; width: 227px; }
			#StillName { width: 227px; padding: 2px 2px 5px 10px; height: 30px; vertical-align: top; }
			/* Property Information Block */
				fieldset.Tour_MLSInfoPropertyInfo { height: 150px; padding: 2px 3px 7px 4px; margin: 9px 0px 0px; background: #eaeaea; border: 2px solid #fdb300;}
				div.Tour_MLSInfoPropertyInfo { position: relative; top: -13px; width: 200px; background: #fdb300; padding: 3px 5px; color: #ffffff; text-transform: uppercase; }
			/* Additional Information Block */
				fieldset.Tour_MLSInfoAdditionalInfo { padding: 2px 3px 7px 4px; margin: 15px 0px; background: #eaeaea; border: 2px solid #fdb300; }
				div.Tour_MLSInfoAdditionalInfo {position: relative; top: -13px; width: 200px; background: #fdb300; padding: 3px 5px; color: #ffffff; text-transform: uppercase; }
		/* ------------------------------------------------------------------------------------------------------------------------------- */
		/* My Other Virtual Tours */
			#MoreToursPanelContainer { margin: 0px auto; margin-top: 67px; }
			#MoreToursContainer { padding: 10px 8px 20px 10px; }
			#MoreToursTitle { padding: 5px 0px 5px 10px;  font-weight: bold; color: #000000; background: #fdb300; }
			.MoreToursHeader { background: #fdb300; color: #ffffff;}
			.MoreToursHeaderContent { color: #ffffff; font-size: 90%; font-weight: bold; padding: 2px 4px;}
			table.MoreTours { float: left; margin: 7px 15px 20px 0px; width: 250px; border: 1px solid #fdb300; padding: 0px; background: #eaeaea;}
			td.MoreToursThumb { padding: 0px 5px 0px 0px;  }
			div.MoreToursThumb { border: 1px solid #FFF; width: 90px; }
			table.MoreTours a {color: #dd9d03;}
			
			
		/* ------------------------------------------------------------------------------------------------------------------------------- */					
		/* Print Panel */
			#PrintPanelContainer { padding: 77px 15px 25px 155px; }
			#PrintContainer { margin: 0px; }
			table.PrintTemplateContainer { float: left; margin: 0px 30px 20px 0px; }
			a.PrintLink, a.PrintLink:hover { font-family: Arial,Geneva,Helvetica,sans-serif; }
			a.PrintLink:hover { text-decoration: none; }
		

/* ######################################################################################################
##### Agent Column 
###################################################################################################### */

	#AgentTop { width: auto; vertical-align: top; }
	#Agent_Title { border-top: 3px solid #ffffff; }
	#Agent_Title, #Agent_Name{background: #000000; color: #ffffff; font-size: 79%;}
	#Agent { background: #eaeaea; width: 175px; vertical-align: top; border-bottom: 1px solid #fdb300; border-right: 1px solid #fdb300; }
	#Agent_Photo, #Agent_Name { text-align: center; padding-bottom: 11px; }
		#Agent_Name { font-size: 100%; padding: 5px 0;}
	#Agent_PhoneTable { border: 0px none; margin: 0px auto 11px;  color: #000}
	.Agent_Phone { font-size: 82% ; color: #000; display: block;}
	#Agent_Buttons { padding-bottom: 11px; text-align: center; }	
	img.Agent_Buttons { margin: 0px 0px 2px 0px; }
	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* Contact Form */
		fieldset.Agent_ContactFormWrapper { width: 162px; margin: 1px auto 0px; padding: 0px; border: 0px none;}
		div.Agent_ContactFormWrapper { padding: 7px 3px; font-size: 82%; }
		.Agent_ContactForm_Label { padding-top: 4px; text-align: left; font: bold 95% Arial,Geneva,Helvetica,sans-serif; }
		.Agent_ContactForm_TextBox { width: 148px; font: normal 12px "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; color: #000; background: #ffffff; border: 1px solid #eaeaeai; padding: 2px 4px; }
		.Agent_ContactForm_Button { width: 154px; margin: 4px auto; text-align: right; }
		#Contact_Message { padding: 15px; font-size: 92%; color: #FFF; }
	/* ------------------------------------------------------------------------------------------------------------------------------- */

/* Template Footer */
#ViewerFooter { background: #000 url(../images/Body_BottomBg_rX.gif) 0% 0% repeat-x; padding: 9px; border-top: 8px solid #ffffff;}
div.ViewerFooter { text-align: left; font: bold 67% Arial,Geneva,Helvetica,sans-serif; color:#AFB5C4; }
a.ViewerFooter,a.ViewerFooter:hover { color:#ffffff; text-decoration: underline; }

/* Hide Images Until Print */
@media=screen{
	.donotshow{display:none;}}
@media=print{
	.donotshow{display:block;}}
