GrassRoots.php at AskPeople-Free PHP survey application

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="AskPeople Survey Software by Pentri.com" />
<meta name="author" content="Pentri AskPeople" />

<title>AskPeople: Questionnaire</title>

<style type="text/css">
	@import "templates/styles.css";
</style>

<style type="text/css">
	h1.clearbox {
	  margin-top: 5px;
	  padding: 5px 10px 5px 0;
          position: absolute;
          left: 20px;
          top: 10px;
          font-size: 2.5em;
	  color: white;
        }
	
	#clientlogo {
	  background: none;
	  width: 100%;
	  height: 50px;
	  overflow: hidden;
	  margin: 0 0 10px 0;
	}

        body {
          background: black url("templates/images/grass11.jpg") repeat;
          color: white;
        }

        div.page {
          background: none;
        }

        div.question, #surveycontrol {
          background: url("images/application/white85trans.png") repeat;
          color: darkgreen;
        }

        div#consolebar {
          color: black;
        }

        #introduction {
          font-size: 1.5em;
          margin-left: 20px;
        }
	
        div#footer a:link, div#footer a:visited {
          color: white;
        } 

       .grid td.optionlabel {
          background: white;
          text-align:center;
        } 
        div#surveycontrol {
         }       
        div#buttons {
          float: right;
          margin: 10px;
        }
        div#progress {
          float: left;
          margin: 10px;
        }
     p#progressindicator {
          width: 200px;
          background: white;
          border: 1px solid black;
          text-align: left;
          margin: 0;
          overflow: hidden;
          height: 1.2em;
          font-size: 0.8em;
          color: darkgreen;
      }
      span#progressbar {
          color: white;
          background: darkgreen;
          float: left;
          text-align: right;
          height: 1.2em;
        }

       .continuationscreen {
          display: block; 
          padding-right: 5px;
       }
       .firstscreen {
          color: darkgreen !important;
          background: white !important;
          padding: 0 15px 0 5px;
          overflow: hidden;
      }
</style>

<!--[if IE]>
	<style type="text/css">
		p.bigboxoption {
		  margin: 0 -10px 0 -5px;
		}
	</style>
<![endif]-->

<script type="text/javascript" src="templates/scripts.js"></script>

</head>
<body>

<div id="clientlogo">
  <span class="hiddentext">AskPeople</span>
</div>

<!-- SURVEYFORM -->

<br />
<div id='footer'>Survey powered by <a href="http://www.askpeople.co.uk">AskPeople</a></div>
</body></html>