body{
  font-size:100%; background-color: rgb(245,245,245);
}

img{
  border: none;
}

.acknowledgements{
  border: #DDDDFF solid 1px; border-radius:4px;-moz-border-radius:4px;background: #DDDDFF; padding: 2px;
}
	  
.header{
  border:silver solid 2px;border-radius:12px;-moz-border-radius:8px;background: #661166; width: 60px; height:240px;
}
	  
.footer{
  margin-left: auto; margin-right: 0px; text-align:center;font: 0.90em bold Verdana;padding-top:0.20em;border: silver solid 2px;
  border-radius: 6px;-moz-border-radius: 6px;background: #661166;color: silver;width: 26em;height: 1.5em;
}

.maintext{
  margin-bottom: 1em; margin-top: -240px; margin-left: 70px; margin-right: auto; 
  font: 0.80em Verdana; padding-top: 0.20em; width: 90%; 
}

.sqicon{
  height: 3em; width: 3em;
}

.sqappframe{
  margin-bottom: 1em; margin-top: -240px; margin-left: auto; margin-right: auto; 
  font: 0.80em Verdana; padding-top: 0.20em; width: 800px; height:600px;
  
  text-align: left;
  border: 1px solid black; 
  background-repeat: no-repeat;
  background-position: center;
}

.timerframe{
	border: solid 4px rgb(250,250,250);
	background-color: rgb(240,240,240);
	width:280px;
	height:30px;
	padding:10px;
}
.progbarframe{
	border:1px solid black;
	height:5px; 
	width:280px;
	background-color:grey;
}
.progbarinner{
	background-color: rgb(153,255,204);
	height:5px;
	width:0%;
}
.timerbuttons{
	text-align:center; 
	padding-top:4px;
}
.sqform{
	text-align:left;
	background-color: rgb(200,200,200);
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size:18px;
	margin: 10px auto;
	width: 300px;
	border: solid 1px teal;
	padding: 4px;	
}
.advanced{
	display: none;
}