Waves.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: 5px 0 0 20px;
	  padding-top: 0;
          font-family: Palatino, "Book Antiqua", "Times New Roman", serif;
          font-style: italic;
          font-size: 2.5em;
          position: absolute;
          top: 20px;
          color: white;
	}
	
	#clientlogo {
	  background: url("templates/images/wave_1000.gif") left top repeat-x;
	  width: 100%;
	  height: 120px;
	  overflow: hidden;
	  margin: 0 0 10px 0;
	}
	#header {
	  background: url("templates/images/water06.gif") repeat;
	  margin: 0;
          padding: 0;
        }
        body {
          background: white;
          font-family: Palatino, "Book Antiqua", "Times New Roman", serif;
        }
        #footer {
          background: white url('templates/images/greygrad.jpg') repeat-x;
          background-position: 0 -10px;
          text-align: right;
          margin: 0;
          padding: 15px 20px 10px 20px;
        }
        div.question, div#introduction {
          font-size: 1.1em;
        }
        div.page {
          margin-bottom: 10px;
        }
        div#surveycontrol {
          background: #29949C;
          margin: 10px 0 0 0;
          padding: 0;
        }
        #surveycontrol a:link, #surveycontrol a:visited {
          color: white;
        }
        div#buttons {
          float: left;
          margin: 10px;
        }
        div#progress {
          float: right;
          margin: 10px;
        }
        p#progressindicator {
          width: 200px;
          background: white;
          border: 0;
          text-align: left;
          margin: 0;
          overflow: hidden;
          height: 1.2em;
          font-size: 0.9em;
          color: black;
        }
        span#progressbar {
          color: black;
          background: aquamarine;
          float: left;
          text-align: right;
          height: 1.2em;
        }
        .continuationscreen {
          display: block; 
          padding-right: 5px;
       }
       .firstscreen {
          color: black !important;
          background: white !important;
          padding: 0 15px 0 5px;
          overflow: hidden;
       }
</style>

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

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

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

<!-- SURVEYFORM -->

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