@media screen, projection {
	#tbOverlay {
		background-color: #dbdbdb;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9000;
	}
	
	#tbContentOuter, #tbBlankContentOuter, #tbBlog, #tbHousing, #tbVideoTour, #tbProfile, #tbCounselorsMap, #tbViewFlipbook {
		background-color: #ffffff;
		background-image: url(../images/textbox/loading.gif);
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		z-index: 9300;
		/* 
		 * The following are default values that only affect the starting size and position.
		 * These values should be updated and controlled by the textbox javascript after content loads.
		*/
		width: 300px;
		height: 300px;
	}
	
	#tbContentOuter #tbContentInner {
		margin: 20px;
		overflow: auto; /* safari scrolling work-around */
		overflow-y: auto;
		overflow-x: hidden;
		/* width and height need to be set to the desired final contentOuter width and height minus double the contentInner margin */
		width: 560px;
		height: 410px;
	}
	
	#tbBlog #tbContentInner {
		overflow: auto;
		overflow-y: auto;
		overflow-x: hidden;
		width: 744px;
		height: 548px;
	}
	
	#tbHousing #tbContentInner {
		overflow: hidden;
		width: 754px;
		height: 569px;
	}
	
	#tbVideoTour #tbContentInner {
		overflow: auto;
		overflow-y: auto;
		overflow-x: hidden;
		width: 756px;
		height: 525px;
	}
	
	#tbProfile #tbContentInner {
		overflow: hidden;
		width: 745px;
		height: 542px;
	}
	
	#tbCounselorsMap #tbContentInner {
		overflow: hidden;
		width: 760px;
		height: 555px;
	}
	
	#tbViewFlipbook #tbContentInner {
		overflow: auto;
		overflow-y: auto;
		overflow-x: hidden;
		width: 767px;
		height: 552px;
	}
	
	#tbClose {
		width: 80px;
		height: 30px;
		background-color: #ffffff;
		background-image: url(../images/textbox/close.gif);
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		z-index: 9100;
		cursor: pointer;
	}
	
	#tbPrint {
		width: 80px;
		height: 30px;
		background-color: #ffffff;
		background-image: url(../images/textbox/print.gif);
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		z-index: 9200;
		cursor: pointer;
	}
	#button-pwd-rsvp {
		float: right;
		display: block;
		text-indent: -9999px;
		height: 184px;
		width: 243px;
		background: url(../images/button-pwd-rsvp.jpg) 0 0 no-repeat;
	}
	#button-jsfj-rsvp {
		float: right;
		display: block;
		text-indent: -9999px;
		height: 184px;
		width: 243px;
		background: url(../images/button-jsfj-rsvp.jpg) 0 0 no-repeat;
	}
	#truman {
		float: right;
		display: block;
		height: 220px;
		width: 170px;
		margin-left:10px;
		background: url(../news/deseree_johnston.jpg) 0 0 no-repeat;
	}
}

@media print {
	#folder { display: none !important; }
	#tbContentOuter, #tbContentInner { width: 100% !important; height: 100% !important; }
}