@media screen, projection {
	#tbAutoOverlay, #tbOverlay {
		background-color: #666666;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9000;
	}
	
	#tbAutoContentOuter, #tbContentOuter {
		/*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;
	}
	
	#tbAutoBlankContentOuter, #tbBlankContentOuter {
		background-color: #ffffff;
		background-image: url(/images/textbox/loading.gif);
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		z-index: 9300;
		width: 300px;
		height: 300px;
	}
	
	#tbAutoContentOuter #tbAutoContentInner, #tbContentOuter #tbContentInner {
		margin: 0px;
		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: 700px;
		height: 486px;
	}
	
	#tbClose {
		width: 59px;
		height: 17px;
		margin-left: -21px;
		background-color: #ffffff;
		background-image: url(/images/textbox/btn_close5.gif);
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		z-index: 9100;
		cursor: pointer;
	}
}

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