﻿body { background: #1477b0; margin: 0px 0px 9px 0px; padding: 0px; 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: #0000;  background: url("../../../images/Tour_MainBg_rXY.gif"); }
td,th { font: normal 1em "Trebuchet MS",Trebuchet,Verdana,Arial,Geneva,Helvetica,sans-serif; color: #38290A; }
img { border: 0px none;  }
form { border: 0px none; margin: 0px; padding: 0px; }
a { color: #e02f0c; text-decoration: underline; }
a:hover { color: #f83e19; text-decoration: none; }

.small { font-size: 67.5% }
.medium { font-size: 82%; color:#000000; }
.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/5522/Nav_TopBg_rX.jpg") 100% 0% no-repeat; background-color: #1477b0;  height: 140px; }
#CompanyLogo { width: 323px; height: 140px; background: url(../../images/5522/CompanyLogo.png) 0% 0% no-repeat; behavior: url(../../css/5522/iepngfix.htc); }
#CompanyLogo img { margin: 40px 0 0 15px; }
#ViewerBody { width: 100%; border: 0px none; }
.Menu { background: url("../../images/5522/Nav_MenuBg_rX.gif") 0% 0% repeat-x; padding-top: 0px; padding-left: 8px; height: 47px; vertical-align: top; }

div.Menu table { position: absolute; top: 10px; right: 0px; }
div.Menu td {  }
div.Menu a img { display: block; }
div.Menu img { display: none; }

#CompanyInfoTable { padding-right: 5px; font-size: 82%; text-align: right;  }
#CompanyInfoTable span { display: display; }
#CompanyInfoTable #CompanyStreet, #CompanyInfoTable #CompanyCityStateZip { color: #000; padding-right: 10px;}
#CompanyInfoTable #CompanyCityStateZip { padding-bottom: 5px; padding-right: 10px; }
#CompanyInfoTable #CompanyPhone, #CompanyInfoTable #CompanyFax { color: #004CA1; font-weight: bold; padding-right: 10px;}


/* ######################################################################################################
##### Tour Column 
###################################################################################################### */
	#Content { padding: 15px 0; vertical-align: top; background: #b8cff0 url("../../images/5522/Tour_MainBg_rXY.gif") 100% 0% repeat-y; }
		/* Slideshow Panel Styles */
			#SlideshowPanelContainer { margin: 0px auto; }
			fieldset.Slideshow_Thumbnails { border: 1px solid #82a8e2; width: 245px; padding: 2px 3px 2px 4px; margin: 0px; }
			iframe.Slideshow_Thumbnails { border: 2px groove  #FFF; height: 234px; width: 245px; padding:2px; }
			iframe.LargeSlideshow_Thumbnails { border: 1px solid #82a8e2; 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 { border: 1px solid #82a8e2; padding: 2px 3px 7px 4px; margin: 15px 0px; background-color: #ffffff; }
				div.Tour_SlideshowPropertyInfo { color: #fff; position: relative; top: -13px; width: 200px; background: #f4ce63; padding: 3px 5px; }
		/* ------------------------------------------------------------------------------------------------------------------------------- */			
		/* 360-degree Panel Styles */
			#TourPanelContainer { margin: 0px auto; }
			#TourCell { padding: 0px 8px; }
			#Tour { width: 320px; height: 240px; border: 1px solid #FFF; margin: 0px auto; }
			#LargeTour { width: 500px; height: 375px; border: 1px solid #FFF; 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: 1px solid #82a8e2; width: 245px; padding: 2px 3px 2px 4px; margin: 0px; }
				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 { border: 1px solid #82a8e2; width: 245px; padding: 2px 3px 7px 4px; margin: 15px 0px; }
				div.Tour_PropertyInfo { color: #fff; position: relative; top: -13px; width: 200px; background: #4068a6; padding: 3px 5px; }
		/* ------------------------------------------------------------------------------------------------------------------------------- */
		/* 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; padding: 2px 3px 7px 4px; margin: 9px 0px 0px; }
				div.Tour_MLSInfoPropertyInfo { color: #fff; position: relative; top: -13px; width: 200px; background: #4068a6; padding: 3px 5px; }
			/* Additional Information Block */
				fieldset.Tour_MLSInfoAdditionalInfo { padding: 2px 3px 7px 4px; margin: 15px 0px; }
				div.Tour_MLSInfoAdditionalInfo { color: #fff; position: relative; top: -13px; width: 200px; background: #4068a6; padding: 3px 5px; }
		/* ------------------------------------------------------------------------------------------------------------------------------- */
		/* 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: #4068a6; color: #fff;}
			.MoreToursHeaderContent { color: #fff; font-size: 90%; font-weight: bold; padding: 2px 4px;}
			table.MoreTours { float: left; margin: 7px 15px 20px 0px; width: 250px; border: 1px solid #82a8e2; 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 {  vertical-align: top; }
	#Agent { color: #fff; background: #f4ce63; width: 229px; vertical-align: top; }
	#Agent td { color: #fff; }
	#Agent {  }
	#Agent_Photo, #Agent_Name { text-align: center; padding-bottom: 11px; }
		#Agent_Name { line-height: 94% }
	#Agent_PhoneTable { border: 0px none; margin: 0px auto 11px;  color: #1477b0; }
	.Agent_Phone { font-size: 82% ; color: #1477b0c; display: block; font-weight: bold;}
	#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; }
		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: #F7EFDE; border: 0px none; 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: #1477b0; 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;}}

