RedPeril.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 -30px 20px;
	  padding-top: 0;
          font-size: 1.7em;
	  color: white;
          text-align: left;
          position: relative;
          top: -50px;
        }
	
	#clientlogo {
	  background: url('templates/images/redgrad.jpg') repeat-x;
	  width: 100%;
	  height: 50px;
	  overflow: hidden;
	  margin: 0 0 10px 0;
          border-bottom: 2px solid crimson;
	}

        body {
          background: white url('templates/images/greygrad.jpg') repeat-x;
          background-position: 0 43px;
          color: black;
        }

        div.page {
          background: none;
        }
 
        div#wrapper {
          width: 750px;
          margin: 0 auto 5px auto;
        }

        div.question, #surveycontrol {
          background: none;
          color: black;
        }

        div#consolebar {
          color: black;
        }

        div#footer {
          margin-top: 15px;
        } 

        #introduction {
          font-size: 1.5em;
          margin-left: 20px;
        }

        div#footer a:link, div#footer a:visited {
          color: black;
        } 

       .grid td.optionlabel {
          background: white;
          text-align: left;
        } 
        div#surveycontrol {
          color: black;
          margin-left: 10px;
        }       
        div#buttons {
           margin: 10px;
           position: absolute;
           left: 40%;
        }
        div#progress {
          float: left;
          margin: 10px;
        }
        p#progressindicator {
          width: 200px;
          background: white;
          border: 1px solid crimson;
          text-align: left;
          margin: 0;
          overflow: hidden;
          height: 1.2em;
          font-size: 0.8em;
          color: crimson;
        }
        span#progressbar {
          color: white;
          background: crimson;
          float: left;
          text-align: right;
          height: 1.2em;
        }
        .continuationscreen {
          display: block; 
          padding-right: 5px;
       }
       .firstscreen {
          color: crimson !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>
<div id="wrapper">

<!-- SURVEYFORM -->
</div>

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


</body></html>