﻿body { background: #000; margin: 0px 0px 9px 0px; padding: 0px; font: normal small "Trebuchet MS",Trebuchet,Verdana,Arial,Geneva,Helvetica,sans-serif; color: #ff9900; }
body.SlideShow {margin: 4px 0px 9px 0px; padding: 0px; font: normal small "Trebuchet MS",Trebuchet,Verdana,Arial,Geneva,Helvetica,sans-serif; color: #ae9c8f;  background: url(../../images/Tour_MainBg_rXY.gif); }
td,th { font: normal 1em "Trebuchet MS",Trebuchet,Verdana,Arial,Geneva,Helvetica,sans-serif; color: #ae9c8f; }
img { border: 0px none; }
form { border: 0px none; margin: 0px; padding: 0px; }
a { color: #ff9900; 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; }

#Top { background: #000 url(../../images/916/kb_banner.jpg) 0% 100% repeat-x; height: 69px; }
#ViewerBody { width: 100%; border: 0px none; background: #000 url(../images/Tour_MainBg_rXY.gif); }
.Menu { background: #000 url(../../images/916/kb_nav.jpg) 0% 7px repeat-x; height: 66px; vertical-align: top; padding-top: 7px;}
/* ######################################################################################################
##### Tour Column 
###################################################################################################### */
	#Content { vertical-align: top; }
		/* Slideshow Panel Styles */
			#SlideshowPanelContainer { margin: 0px auto; }
			fieldset.Slideshow_Thumbnails { 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: 2px groove  #FFF; 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: #766d52 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; }
				div.Tour_SlideshowPropertyInfo { position: relative; top: -13px; width: 200px; background: #766d52; 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 { 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: #766d52 url(../images/loading.gif) 50% 50% no-repeat; }
				p.Tour_Thumbnails { width: 219px; height: 61px; margin: 0px; padding: 0px; }
				td.Tour_ThumbnailsLink { background: #766d52; padding: 2px 4px; }
				a.Tour_ThumbnailsLink { display: block; color: #ae9c8f; 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; padding: 2px 3px 7px 4px; margin: 15px 0px; }
				div.Tour_PropertyInfo { color:#ffffff; position: relative; top: -13px; width: 200px; background: #766d52; 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 { position: relative; top: -13px; width: 200px; background: #766d52; padding: 3px 5px; }
			/* Additional Information Block */
				fieldset.Tour_MLSInfoAdditionalInfo { padding: 2px 3px 7px 4px; margin: 15px 0px; }
				div.Tour_MLSInfoAdditionalInfo { position: relative; top: -13px; width: 200px; background: #766d52; 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: #766d52; 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 
###################################################################################################### */
	#Agent_Title {position: relative; right: 3000px;}
	#AgentTop { width: 175px; vertical-align: top;}
	#Agent { background: url(../../images/916/Agent_MainBg_rXY.gif) 0% 0% no-repeat; width: 175px; vertical-align: top; }
	#Agent { border-left: 0px solid #FFF; }
	#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: #000}
	.Agent_Phone { font-size: 82% ; font-weight: bold; color: #ae9c8f; 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; }
		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; }
	/* ------------------------------------------------------------------------------------------------------------------------------- */
#CompanyInfoTable {	position: relative;	top: -30px;	}
#CompanyStreet, #CompanyCityStateZip, #CompanyPhone, #CompanyFax, #CompanyWebsite{font-weight: bold; color: #fff;}
#CompanyCityStateZip {padding-left: 4px;}


/* Template Footer */
#ViewerFooter { background: #000 url(../../images/916/Body_BottomBg_rX.gif) 0% 0% repeat-x; padding: 9px; }
div.ViewerFooter { text-align: right; font: bold 67% Arial,Geneva,Helvetica,sans-serif; color:#AFB5C4; }
a.ViewerFooter,a.ViewerFooter:hover { color:#ff9900; text-decoration: underline; font-weight: bold; }

/* Hide Images Until Print */
@media=screen{
	.donotshow{display:none;}}
@media=print{
	.donotshow{display:block;}}
