//  =========== File:LTK/css/INTRO.css       2018-04-02 ============
/*  Copyright (C) 2018 IDEA ToolKits, LLC. All Rights Reserved.
*/


	* {  font-family: 'Lucida Grande', Verdana, sans-serif; }

//	body {
//		font-size:14px; color:black;
//		text-align:left;
//		margin: 0;	padding: 0; background-color: white;
//		} /* end body */

//	@media screen and (min-device-width: 320px) {
//		//if viewing on an iphone or ipod touch -- use bigger body font
//		body { font-size:18px;}
//		}


		div.target { 
			display: block;	position: absolute; z-index:5 ; 
			/*width: 240px; height: 360px; *//*Standard 24x36" target, nominally at 10ppi */
			/*will resize programatically to simulate distance, and place programatically*/	
			font-family: Helvetica; font-size: 14px;  font-weight:bold; text-align:center;
 			visibility:visible;
 			}
		div.backstop { display: block;	position: absolute;  z-index:0;
			left:10px; top:40px; width:1260px; height:700px;
			text-align:left;
			border: 1px solid #800080; background:#FFFF33; //#EE3
 			}
		div.targetarea { display: block;	position: absolute;  z-index:2;
			left:10px; top:30px; width:800px; height:560px;
			text-align:center;
			border: 1px dashed #800080; background:#DFD;
			}
		div.minutesleft { display: block;	position: absolute;  z-index:2;
			 left:470px; top:4px;  width:225px; height:20px;  
			}	
		div.editbox { display: block; position: absolute;  z-index:110; 
			left:575px;  top:10px; width:165px; height:90px;
			text-align:left;
			border: 2px dashed #800080;  background:#DFD;
			visibility:hidden; 
			}				
		div.sizing { display: block;	position: absolute; z-index:5; 
			padding:3px;
			width: 104px; height: 80px; /*Standard 8.5x11 page, at  10ppi, as padded*/
			border: 1px dashed #0F0; background:#FFF;
			text-align:left;
			font-family: Helvetica; font-size: 12px;  font-weight:bold;
 			visibility:visible;
 			}
		div.tenthCounter { display: block;	position: absolute; z-index:5; 
			padding:3px;
			width: 165px; height: 75px; left:15px; top:35px;
			border: 4px #F00; background:#FAA;
			text-align:center;
			font-family: Helvetica; font-size: 64px;  font-weight:bold;
 			visibility:visible;
 			}
 		div.resize {
 		 	width:110px; height:25px;
 		 	border:2px solid #000; background:#DFD;
 		 	text-align:center;  line-height: 25px; 
 		 	} 
		div.Horizon {  display: block;	position: absolute; z-index:100;
			width: 104px; height: 2px;
			text-align:right;
			font-family: Helvetica; font-size: 11px;
			border: 1px dashed #777; 
			 visibility:hidden;
 			} 
 		div.copyright { display: block;	position: absolute;  z-index:2;
 			left:800px; top:00px; width:250px; height:38px;
 			text-align:right; 
  			border: 0; background:#777;
			}
 		#Ready {
			background-color:CYAN; border: 2px solid #91782c;
			color: BLUE;  font-size: 28px;  font-weight:bold;
			text-align: center; padding: 5px; 
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;			
			}
		input.DPstep {
			-webkit-transform: scale(1.3, 1.3);
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}	
 	</style>