﻿body { background: #004ca1; 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: #38290A;  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% }
.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/5517/Nav_TopBg_rX.gif") 0% 0% repeat-x; height: 103px; }
#CompanyLogo { width: 650px; height: 107px; background: url(../../images/5517/CompanyLogo.jpg) 0% 0% no-repeat; }
#CompanyLogo img { margin: 40px 0 0 15px; }
#ViewerBody { width: 100%; border: 0px none; }
.Menu { background: url("../../images/5517/Nav_MenuBg_rX.gif") 0% 0% repeat-x; padding-top: 6px; height: 43px; vertical-align: top; }

div.Menu table { position: absolute; top: 10px; right: 0px; }
div.Menu td { background-image: none !important; }
div.Menu a img { display: block; }
div.Menu img { display: none; }

#CompanyInfoTable { float: right; position: relative; padding-right: 5px; font-size: 82%; text-align: right; margin-top: -27px; margin-bottom: -45px; }
#CompanyInfoTable span { display: block; }
#CompanyInfoTable #CompanyStreet, #CompanyInfoTable #CompanyCityStateZip { color: #fff; }
#CompanyInfoTable #CompanyCityStateZip { padding-bottom: 5px; }
#CompanyInfoTable #CompanyPhone, #CompanyInfoTable #CompanyFax { color: #004CA1; font-weight: bold; }

div#Agent_Buttons div a[href^="http:"] { color: #9EC4FA; font-size: 11px;  }
#CompanyInfoTable td { line-height: 12px; }
#CompanyInfoTable td a { color: #004CA1; text-decoration: none; }

/* ######################################################################################################
##### Tour Column 
###################################################################################################### */
	#Content { padding: 15px 0; vertical-align: top; background: #cbdcf4 url("../../images/5517/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; }
				div.Tour_SlideshowPropertyInfo { color: #fff; position: relative; top: -13px; width: 200px; background: #4068a6; 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: #004ca1; width: 175px; padding: 0 3px; 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: #CBDCF4}
	.Agent_Phone { font-size: 82% ; color: #CBDCF4; 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; }
	/* ------------------------------------------------------------------------------------------------------------------------------- */

/* Template Footer */
#ViewerFooter { background: #004ca1; padding: 9px; }
div.ViewerFooter { text-align: right; font: bold 67% Arial,Geneva,Helvetica,sans-serif; color:#AFB5C4; }
a.ViewerFooter,a.ViewerFooter:hover { color:#AFB5C4; text-decoration: underline; }

/* Hide Images Until Print */
@media=screen{
	.donotshow{display:none;}}
@media=print{
	.donotshow{display:block;}}

