<!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">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>Remote Control</title>
<link rel="stylesheet" type="text/css" media="screen" href="remote.css" />
</head>
<body>
<div id="narrow">
<!-- BEGIN ERROR CHECK -->
<?php
if(isset($error)){
?>
<div id="subwide">
<?php echo $error; unset($error); ?>
</div>
<?php
}
?>
<!-- END ERROR CHECK -->
<!-- BEGIN TOP ROW -->
<div id="subwide">
<div id="thirds">
<input type="submit" class="txt" name="submit" value="TV" />
</div>
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Music" />
</div>
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Videos" />
</div>
</div>
<!-- END TOP ROW -->
<!-- BEGIN 2ND ROW -->
<div id="subwide">
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Recordings" />
</div>
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Guide" />
</div>
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Pictures" />
</div>
</div>
<!-- END 2ND ROW -->
<!-- BEGIN PLAY CONTROLS -->
<div id="subround">
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
<div id="fifths">
<input type="image" name="submit" class="record" alt="Record" value="Rec" src="images/blank.gif" />
</div>
<div id="fifths">
<input type="image" name="submit" class="stop" alt="Stop" value="Stop" src="images/blank.gif" />
</div>
<div id="fifths">
<input type="image" name="submit" class="pause" alt="Pause" value="Pause" src="images/blank.gif" />
</div>
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
</div>
<div id="subround">
<div id="fifths">
<input type="image" name="submit" class="rewind" alt="Rewind" value="<<" src="images/blank.gif" />
</div>
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
<div id="fifths">
<input type="image" name="submit" class="play" alt="Play" value="Play" src="images/blank.gif" />
</div>
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
<div id="fifths">
<input type="image" name="submit" class="ffwd" alt="Fast Forward" value=">>" src="images/blank.gif" />
</div>
</div>
<div id="subround">
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
<div id="fifths">
<input type="image" name="submit" class="sback" alt="Skip Back" value="|<" src="images/blank.gif" />
</div>
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
<div id="fifths">
<input type="image" name="submit" class="sfwd" alt="Skip Forward" value="|>" src="images/blank.gif" />
</div>
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
</div>
<!-- END PLAY CONTROLS -->
<!-- BEGIN MUTE ROW -->
<div id="subwide">
<div id="thirds">
<input type="submit" class="notxt" name="submit" value="RESERVED" />
</div>
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Mute" />
</div>
<div id="thirds">
<input type="submit" class="notxt" name="submit" value="RESERVED" />
</div>
</div>
<!-- END MUTE ROW -->
<!-- BEGIN GENERAL ROW -->
<div id="subwide">
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Back" />
</div>
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Info" />
</div>
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Menu" />
</div>
</div>
<!-- END GENERAL ROW -->
<!-- BEGIN NAV SECTION -->
<div id="subround">
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Vol Up" />
</div>
<div id="thirds">
<input type="image" name="submit" class="navup" alt="Up" value="Up" src="images/blank.gif" />
</div>
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Page Up" />
</div>
</div>
<div id="subround">
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
<div id="fifths">
<input type="image" name="submit" class="navleft" alt="Left" value="L" src="images/blank.gif" />
</div>
<div id="fifths">
<input type="image" name="submit" class="navok" alt="Ok" value="Ok" src="images/blank.gif" />
</div>
<div id="fifths">
<input type="image" name="submit" class="navright" alt="Right" value="R" src="images/blank.gif" />
</div>
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
</div>
<div id="subround">
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Vol Dn" />
</div>
<div id="thirds">
<input type="image" name="submit" class="navdown" alt="Down" value="D" src="images/blank.gif" />
</div>
<div id="thirds">
<input type="submit" class="txt" name="submit" value="Page Dn" />
</div>
</div>
<!-- END NAV SECTION -->
<!-- BEGIN NUMBERS -->
<div id="subround">
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
<div id="fifths">
<input name="submit" class="number" value="1" type="submit" />
</div>
<div id="fifths">
<input name="submit" class="number" value="2" type="submit" />
</div>
<div id="fifths">
<input name="submit" class="number" value="3" type="submit" />
</div>
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
</div>
<div id="subround">
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
<div id="fifths">
<input name="submit" class="number" value="4" type="submit" />
</div>
<div id="fifths">
<input name="submit" class="number" value="5" type="submit" />
</div>
<div id="fifths">
<input name="submit" class="number" value="6" type="submit" />
</div>
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
</div>
<div id="subround">
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
<div id="fifths">
<input name="submit" class="number" value="7" type="submit" />
</div>
<div id="fifths">
<input name="submit" class="number" value="8" type="submit" />
</div>
<div id="fifths">
<input name="submit" class="number" value="9" type="submit" />
</div>
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
</div>
<div id="subround">
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
<div id="fifths">
<input name="submit" class="number" value="*" type="submit" />
</div>
<div id="fifths">
<input name="submit" class="number" value="0" type="submit" />
</div>
<div id="fifths">
<input name="submit" class="number" value="#" type="submit" />
</div>
<div id="fifths">
<input type="image" name="submit" class="noimage" />
</div>
</div>
<!-- END NUMBERS -->
<!-- BEGIN LAST ROW -->
<div id="subwide">
<div id="thirds">
<input name="submit" class="halfleft" value="Clear" type="submit" />
</div>
<div id="thirds">
<input type="image" name="submit" class="noimage" />
</div>
<div id="thirds">
<input name="submit" class="halfright" value="Enter" type="submit" />
</div>
</div>
<!-- END LAST ROW -->
</div>
</body>
</html>