@media screen, projection {
	#tbOverlay {
		background-color: #dbdbdb;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9000;
	}
	
	#tbContentOuter, #tbBlankContentOuter, #tbTour {
		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;
	}
	
	#tbTour #tbContentInner {
		overflow: hidden;
		width: 708px;
		height: 514px;
	}
}