@charset "UTF-8";
/* CSS Document */
	#help_robo_poem {
		position:absolute;
		top:5%;
		left:5%;
		width:16%;
		z-index:1200;
	}
	
	input {
		border-color:#fcf;
		border:none;
		font:"Courier", Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, monospace;
		font-size: 4.0vh;
	}
	
	/* input:focus {
    	background-color:#6CF;
	}*/
	
	input.left {
		text-align:left;  
	}
	
	input.right {
		text-align:right;  
	}
	
	.draggableText {
		background-color:#fff;
		padding:2%;  
		height:4%;
		width:inherit;
	}
	
	.draggableFragment {
		background-color:#fff;
		padding:0.5%;  
		width:inherit;
	}
	
	#textLeft1 {
		position:absolute;
		left:53%;
		top:14%; 
		}
		
	#textRight1 {
		position:absolute;
		left:8%;
		top:14%; 
		}
	
	#textLeft2 {
		position:absolute;
		left:53%;
		top:23%; 
		}
		
	#textRight2 {
		position:absolute;
		left:8%;
		top:23%; 
		}
		
	#textLeft3 {
		position:absolute;
		left:53%;
		top:32%; 
		}
		
	#textRight3 {
		position:absolute;
		left:8%;
		top:32%; 
		}
	
	#textLeft4 {
		position:absolute;
		left:53%;
		top:41%; 
		}
		
	#textRight4 {
		position:absolute;
		left:8%;
		top:41%; 
		}
		
	#textLeft5 {
		position:absolute;
		left:53%;
		top:50%; 
		}
		
	#textRight5 {
		position:absolute;
		left:8%;
		top:50%; 
		}
	
	#textLeft6 {
		position:absolute;
		left:53%;
		top:59%; 
		}
		
	#textRight6 {
		position:absolute;
		left:8%;
		top:59%; 
		}
		
	#fragment1 {
		position:absolute;
		width:10%;
		top:11%;
		left:40%;
		z-index:1300;
		}
	
	#fragment2 {
		position:absolute;
		width:10%;
		top:12%;
		left:40%;
		z-index:1300;
		}
	
	#fragment3 {
		position:absolute;
		width:10%;
		top:13%;
		left:40%;
		z-index:1300;
		}
	
	#fragmentLink1 {
		position:absolute;
		width:10%;
		top:16%;
		left:25%;
		}
	
	#fragmentLink2 {
		position:absolute;
		width:10%;
		top:14%;
		left:43%;
		}
	
	#fragmentLink3 {
		position:absolute;
		width:10%;
		top:13%;
		left:60%;
		}