.workarea { 
	background-color:beige;
	width:100%;
	margin-top:10px;
	margin-right:20px;
}

.cmdarea{
	border-radius:5px;
	height:50px;
	padding-top:14px; padding-left:30px;
	background-color:#CC6;
	font-size:1.8em;
	font-weight:bold;
	color:DarkSlateGray;
	overflow:hidden; 
}

.aniarea{
	border-radius:5px;
	height:280px;
	padding-top:10px; 
	padding-left:10px;
	background-color:Beige;
	font-size:1.0em;
	font-weight:bold;
	color:DarkSlateGray;
	overflow:hidden; 
}

button {
	margin-top:5px;
	font-size:1.2em;
	font-weight:bold;
	border:none;
	padding:5px 30px 5px 30px;
	border-radius:5px;
}

/*---------- 5 Data Structures ------------------------*/

.unit {
	position:absolute; 
	height:30px;
	line-height:180%;
	font-size:120%;
	font-weight:bold;
}
.nameds {
	width:130px;
	float:left;
	color:Black;
}
.keyds {
	width:40px;
	float:left;
	border:2px solid Green;
	padding-left:5px;
}
.valds {
	width:165px;
	float:left;
	border:2px Green;
	border-style: solid solid solid none; 	
	padding-left:5px;
}

#aniareads{ height:320px; }

#stringsds { 	margin-top: 30px; 	margin-left:200px;	 }
#listsds { 		margin-top: 80px; 	margin-left:200px;	 }
#setsds { 			margin-top:130px; 	margin-left:200px;	 }
#zsetsds { 		margin-top:180px; 	margin-left:200px;	 }
#hashesds { 		margin-top:230px; 	margin-left:200px;	 }

.titledsbox {
	position:absolute; 
	border:3px solid Crimson;
	margin-top:30px;
	width:380px;
	height:250px;
	border-radius:5px;
}

.titleds {
	position:absolute; 
	font-size:1.5em;
	font-weight:bold;
	margin-top: 15px;
	color:Black;
	background-color:White;
	width:180px;
	text-align:center;
}

#titleds1 { margin-left:120px; }
#titleds2 { margin-left:530px; }

#titledsbox1 { margin-left:7px; }
#titledsbox2 { margin-left:420px; }

/*---------- Strings ------------------------*/

.keystr {
	width:150px;
	float:left;
	border:2px solid Green;
	padding-left:5px;
}

.valstr {
	width:270px;
	float:left;
	border:2px Green;
	border-style: solid solid solid none; 	
	padding-left:5px;
}

#str1 { 	margin-top: 80px; 	margin-left:200px;	 }
#str2 { 	margin-top:130px; 	margin-left:200px;	 }
#str3 { 	margin-top:180px; 	margin-left:200px;	 }

.titlestr {
	position:absolute; 
	font-size:1.5em;
	font-weight:bold;	
	color:Black;
	width:100px;
	text-align:center;
	width:100px;
}

#titlestr1 { margin-top: 30px; margin-left:230px; }
#titlestr2 { margin-top: 30px; margin-left:420px; }

#aniareastr{	height:270px; }

/*---------- Lists ------------------------*/

.list { 
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: RoyalBlue;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: RoyalBlue;
	background-color:LightSteelBlue;
	height:90px;width:360px; 
	position:absolute;
}

#list { margin-top:80px; margin-left:100px; }

.mem { 
	position:absolute;
	border:2px solid green;
	background-color:Beige;
	height:50px;
	width:60px;
	margin-top:105px; 
	text-align:center;
	font-size:170%;
	font-weight:bold;
	line-height:180%;
	vertical-align:middle;
	border-radius:5px;
}

.listmem { margin-left:20px; }

.titlelist {
	position:absolute; 
	font-size:1.5em;
	font-weight:bold;
	margin-top: 30px;
	margin-left:230px;
	color:Black;
	width:100px;
	text-align:center;
}

.processing {
	position:absolute; 
	font-size:1.5em;
	font-weight:bold;
	margin-top: 115px;
	margin-left:500px;
	color:DarkSlateGray;
	width:150px;
	text-align:center;
}

/*---------- Sets ------------------------*/

.set {
	position:absolute;
	height:300px; width:300px;
	border:3px solid Blue;
	border-radius:50%;
	background-color:Gainsboro;
	border-color: RoyalBlue;
	opacity:0.7;
}


#set1 {	margin-top:30px; margin-left:150px; }

#aniareaset{ 	height:400px; }

#setmem1 { margin-top:100px; margin-left:230px; border-radius:50%; width:50px; }
#setmem2 { margin-top:100px; margin-left:330px; border-radius:50%; width:50px; }
#setmem3 { margin-top:100px; margin-left:230px; border-radius:50%; width:50px; }
#setmem4 { margin-top:200px; margin-left:230px; border-radius:50%; width:50px; }

#aniareainter{ 	height:400px; }

#myset1 {	margin-top:30px; margin-left:50px; }
#myset2 {	margin-top:30px; margin-left:450px; }

#myset1mem1 { margin-top:155px; margin-left:120px; border-radius:50%; width:50px; }
#myset1mem2 { margin-top:105px; margin-left:260px; border-radius:50%; width:50px; }
#myset1mem3 { margin-top:210px; margin-left:260px; border-radius:50%; width:50px; }

#myset2mem1 { margin-top:105px; margin-left:500px; border-radius:50%; width:50px; }
#myset2mem2 { margin-top:210px; margin-left:500px; border-radius:50%; width:50px; }
#myset2mem3 { margin-top:155px; margin-left:640px; border-radius:50%; width:50px; }

.titleinter {
	position:absolute; 
	font-size:1.5em;
	font-weight:bold;
	color:DarkSlateGray;
	width:100px;
	text-align:center;
	background-color:White;
	padding-left:10px;
	padding-right:10px;
}
#titleinter1 { margin-top: 20px; 	margin-left:150px; }
#titleinter2 { margin-top: 20px; 	margin-left:550px; }

/*---------- Sorted Sets ------------------------*/


#aniareazip{ 	height:400px; }

#myzip {	margin-top:30px; margin-left:150px; }

.zipmem { 
	position:absolute;
	background-color:Beige;
	height:40px;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	line-height:170%;
}	

.zipscr { 
	height:40px;
	width:50px; 
	border:2px solid Green; 
	float:left; 
}

.zipval { 
	height:40px;
	width:80px; 
	border:2px Green; 
	border-style: solid solid solid none;
	float:left 
}

#zipmem1 { margin-top:100px; margin-left:240px; }
#zipmem2 { margin-top:155px; margin-left:240px; }
#zipmem3 { margin-top:270px; margin-left:240px; }

.titlezip {
	position:absolute; 
	font-size:1.5em;
	font-weight:bold;
	color:DarkSlateGray;
	width:100px;
	text-align:center;
	background-color:White;
	padding-left:10px;
	padding-right:10px;
}
#titlezip1 { margin-top: 20px; 	margin-left:243px; }
#titlezadd1 { margin-top:70px; margin-left:210px; }
#titlezadd2 { margin-top:70px; margin-left:290px; }

/*---------- Sorted Sets Union ------------------------*/

#aniareaunion{ 	height:650px; }

#zip1 {	margin-top:20px; margin-left:20px; }
#zip2 {	margin-top:20px; margin-left:350px; }
#zip3 {	margin-top:330px; margin-left:170px; border-color:Crimson; }

#titleunion1 { margin-top: 10px; 	margin-left:120px; }
#titleunion2 { margin-top: 10px; 	margin-left:450px; }
#titleunion3 { margin-top: 320px; 	margin-left:250px; width:130px; }

#unionmem1 { margin-top: 90px; margin-left:110px; }
#unionmem2 { margin-top:150px; margin-left:110px; }
#unionmem3 { margin-top:210px; margin-left:110px; }

#unionmem4 { margin-top: 90px; margin-left:440px; }
#unionmem5 { margin-top:150px; margin-left:440px; }
#unionmem6 { margin-top:210px; margin-left:440px; }

#unionmem7 { margin-top:370px; margin-left:260px; }
#unionmem8 { margin-top:430px; margin-left:260px; }
#unionmem9 { margin-top:490px; margin-left:260px; }
#unionmem10 { margin-top:550px; margin-left:260px; }

/*---------- Hashes ------------------------*/

.hash {
	position:absolute;
	height:260px; width:470px;
	border:3px solid Blue;
	border-radius:10px;
	background-color:Gainsboro;
	border-color: RoyalBlue;
	opacity:0.7;
}

#hash1 {	margin-top:30px; margin-left:150px; }

#aniareahash{ 	height:350px; }

.hashmem { 
	position:absolute;
	background-color:Beige;
	height:40px;
	font-size:120%;
	font-weight:bold;
	line-height:230%;
}	

.hashf { 
	height:40px;
	width:100px;
	padding-left:5px;
	border:2px solid Green; 
	float:left; 
}

.hashv { 
	height:40px;
	width:320px; 
	padding-left:5px;
	border:2px Green; 
	border-style: solid solid solid none;
	float:left 
}

#titlehash1 { margin-top: 10px; 	margin-left:330px; }

#hashmem1 { margin-top:100px; margin-left:170px; }
#hashmem2 { margin-top:160px; margin-left:170px; }
#hashmem3 { margin-top:220px; margin-left:170px; }

#titlek { margin-top:60px; margin-left:180px; }
#titlev { margin-top:60px; margin-left:370px; }