﻿body { background: #454A56; margin: 0px 0px 9px 0px; padding: 0px; font: normal small "Trebuchet MS",Trebuchet,Verdana,Arial,Geneva,Helvetica,sans-serif; color: #d8ceb2; }
body.SlideShow {margin: 4px 0px 9px 0px; padding: 0px; font: normal small "Trebuchet MS",Trebuchet,Verdana,Arial,Geneva,Helvetica,sans-serif; color: #38290A;  background: url(../../images/Tour_MainBg_rXY.gif); }
td,th { font: normal 1em "Trebuchet MS",Trebuchet,Verdana,Arial,Geneva,Helvetica,sans-serif; color: #d8ceb2;}
img { border: 0px none; }
form { border: 0px none; margin: 0px; padding: 0px; }
a { color: #0077cb; text-decoration: underline; }
a:hover { color: #23a4ff;; 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; }

#Top { background: url(../../images/736/header_background.gif) top left; height: 115px; }
#ViewerBody { width: 100%; border: 0px none; background: #000 url(../../images/736/Tour_MainBg_rXY.gif) top left repeat-x; color: #d8ceb2; }
.Menu { background: url(../../images/736/Nav_MenuBg_rX.gif) 0% 0% repeat-x; height: 50px; border-top: 1px solid #000; border-bottom: 1px solid #494948; vertical-align : top;  }
	.Menu img { padding-top: 2px;}
#CompanyInfoTable { position : absolute; right: 5px; top: 5px; font-size: 82%; font-weight: bold; text-align: right;}
	#CompanyFax, #CompanyCityStateZip {float: right;}


/* ######################################################################################################
##### Tour Column 
###################################################################################################### */
	#Content { vertical-align: top; padding-top: 20px; }
		/* Slideshow Panel Styles */
			#SlideshowPanelContainer { margin: 0px auto; }
			fieldset.Slideshow_Thumbnails { width: 245px; padding: 2px 3px 2px 4px; margin: 0px; }
			iframe.Slideshow_Thumbnails {  border: 2px solid #e3e3cf; height: 234px; width: 245px; padding:2px; }
			iframe.LargeSlideshow_Thumbnails {  border: 2px solid #e3e3cf; 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: #D3C6B3 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 { color: #815004; padding: 0px 0px 7px 0px; margin: 15px 0px; background: #ffffff url(../../images/736/PropInfo_Shadow.gif) top repeat-x; border: 1px solid #fff2b5; }
				div.Tour_SlideshowPropertyInfo { background: #fff2b5; padding: 3px; color: #000000; }
				fieldset.Tour_SlideshowPropertyInfo .medium {padding-top: 10px; }
				fieldset.Tour_SlideshowPropertyInfo td { color: #815004;}

		/* ------------------------------------------------------------------------------------------------------------------------------- */			
		/* 360-degree Panel Styles */
			#TourPanelContainer { margin: 0px auto;  }
			#TourCell { padding: 0px 8px; }
			#Tour { width: 320px; height: 240px; border: 2px solid #e3e3cf; margin: 0px auto; }
			#LargeTour { width: 500px; height: 375px; border: 2px solid #e3e3cf; 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; color: #d8ceb2;}
			/* Scene Thumbnails */
				fieldset.Tour_Thumbnails { width: 245px; padding: 2px 3px 2px 4px; margin: 0px; border: 2px solid #e3e3cf; }
				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: #d3c6b3; padding: 2px 4px; }
				a.Tour_ThumbnailsLink { display: block; color: #38290A; font: normal 67.5% Arial,Geneva,Helvetica,sans-serif; text-transform: uppercase; text-decoration: none; }
				a.Tour_ThumbnailsLink:hover { color: #CE5700; }
			/* Property Information Block */
				fieldset.Tour_PropertyInfo { width: 245px; color: #815004; padding: 0px 0px 7px 0px; margin: 15px 0px; background: #ffffff url(../../images/736/PropInfo_Shadow.gif) top repeat-x; border: 1px solid #fff2b5; }
				div.Tour_PropertyInfo { background: #fff2b5; padding: 3px; color: #000000; }
				fieldset.Tour_PropertyInfo .medium {padding-top: 10px;}
		/* ------------------------------------------------------------------------------------------------------------------------------- */
		/* MLS Information Panel */
			#MLSInfoPanelContainer { width: 550px; margin: 0px 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; color: #815004; padding: 0px 0px 7px 0px; margin: 15px 0px; background: #ffffff url(../../images/736/PropInfo_Shadow.gif) top repeat-x; border: 1px solid #fff2b5; }}
				div.Tour_MLSInfoPropertyInfo { background: #fff2b5; padding: 3px; color: #000000; width: 200px;}
				fieldset.Tour_MLSInfoPropertyInfo .medium {padding-top: 10px;}
			/* Additional Information Block */
				fieldset.Tour_MLSInfoAdditionalInfo { color: #815004; padding: 0px 0px 7px 0px; margin: 15px 0px; background: #ffffff url(../../images/736/PropInfo_Shadow.gif) top repeat-x; border: 1px solid #fff2b5; } }
				div.Tour_MLSInfoAdditionalInfo { background: #fff2b5; padding: 3px; color: #000000; }
				fieldset.Tour_MLSInfoAdditionalInfo .medium {padding-top: 10px;}
					fieldset.Tour_MLSInfoAdditionalInfo td{color: #815004;}
		/* ------------------------------------------------------------------------------------------------------------------------------- */
		/* My Other Virtual Tours */
			#MoreToursPanelContainer { margin: 0px auto; }
			#MoreToursContainer { padding: 10px 8px 20px 10px; }
			#MoreToursTitle { padding: 10px 0px 0px 10px; font-weight: bold; }
			.MoreToursHeader { background: #D3C6B3; color: #000;}
			.MoreToursHeaderContent { color: #000; font-size: 90%; font-weight: bold; padding: 2px 4px;}
			table.MoreTours { float: left; margin: 7px 15px 20px 0px; width: 250px; border: 1px solid #BEB7A9; padding: 2px; }
			td.MoreToursThumb { padding: 0px 5px 0px 0px;  }
			div.MoreToursThumb { border: 1px solid #FFF; width: 90px; }
			
			
		/* ------------------------------------------------------------------------------------------------------------------------------- */					
		/* Print Panel */
			#PrintPanelContainer { padding: 12px 15px 25px 15px; }
			#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: 175px; vertical-align: top; }
		#AgentTop a img {height: auto;}
		#AgentTop img {height: 0;}
	#Agent { background: #fff url(../../images/736/Agent_MainBg_rXY.gif) top repeat-x; width: 175px; vertical-align: top; border-left: 1px solid #494948; color: #000;}
	#Agent_Title { height: 50px;}
	#Agent_Photo, #Agent_Name { text-align: center; padding-bottom: 11px; }
		#Agent_Name { line-height: 94%; font-size: 110%;}
	#Agent_PhoneTable { border: 0px none; margin: 0px auto 11px;  color: #815004;}
	.Agent_Phone { font-size: 82% ;  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: 1px solid #e3e3cf; border-left: 0px; border-right: 0px; }
		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; color: #815004;}
		.Agent_ContactForm_TextBox { width: 148px; font: normal 12px "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; color: #000; background: #f9f6e7; border: 1px solid #7c7b7d; 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: #000000; border-top: 1px solid #494948; border-bottom: 2px solid #ecdc94; padding: 9px; }
div.ViewerFooter { text-align: right; 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;}}
