In collaboration with (and mostly courtesy of) Valerio Proietti (mad4milk/mootools),

cleanup and revamp of the CSS and scripting used, mostly by the main UI of the validator. Changes include: * cleaner CSS for the UI * (more) accessible, gracefully degrading tab and toggle scripting * smooth, unobtrusive transition effects * form styling * Toggle and tab scripting now use mootools as framework, allowing for addressing of each "view" (e.g one can link directly to the "by upload", "with options toggled on" this was an issue in earlier toggle script versions for the CSS validator * scripting with smaller footprint * minor CSS changes (page and UI takes all width, etc)
author: ot <ot@localhost> 2007-05-31 02:32:14 +0000
committer: ot <ot@localhost> 2007-05-31 02:32:14 +0000
commit: 74076c8b3aa0038723ab77e9ec40dbf7abe65499 (patch)
tree: 3ae1464f041a50332ab167378058ea37926bb0f3
parent: 2230ea5f39406b35c4d02f800d464a6d9a90fc51 (diff)
download: markup-validator-74076c8b3aa0038723ab77e9ec40dbf7abe65499.zip
markup-validator-74076c8b3aa0038723ab77e9ec40dbf7abe65499.tar.gz
markup-validator-74076c8b3aa0038723ab77e9ec40dbf7abe65499.tar.bz2
29 files changed, 1074 insertions, 562 deletions
diff --git a/htdocs/detailed.html b/htdocs/detailed.html
index 89774f7..661071f 100755
--- a/htdocs/detailed.html
+++ b/htdocs/detailed.html
@@ -1,15 +1,15 @@
-<!--#set var="revision" value="\$Id: detailed.html,v 1.24 2007-04-24 01:35:15 ot Exp $"
---><!--#set var="date" value="\$Date: 2007-04-24 01:35:15 $"
+<!--#set var="revision" value="\$Id: detailed.html,v 1.25 2007-05-31 02:32:14 ot Exp $"
+--><!--#set var="date" value="\$Date: 2007-05-31 02:32:14 $"
 --><!--#set var="title" value="The W3C Markup Validation Service"
 --><!--#set var="relroot" value="./"
 --><!--#include virtual="header.html" -->
 
-<p id="tagline">
-Check the markup (HTML, XHTML) of Web documents
-</p>
-
 <div id="frontforms">
-<ul class="tabset_tabs"><li><a href="#validate-by-uri" class="active">by URI</a></li><li><a href="#validate-by-upload">by File Upload</a></li><li><a href="#validate-by-input">by direct Input</a></li></ul>
+	<ul id="tabset_tabs">
+		<li><a href="#validate-by-uri"><span>Validate by</span> URI</a></li>
+		<li><a href="#validate-by-upload"><span>Validate by</span> File Upload</a></li>
+		<li><a href="#validate-by-input"><span>Validate by</span> Direct Input</a></li>
+	</ul>
 <div id="fields">
 
 <fieldset id="validate-by-uri" class="tabset_content front"><legend class="tabset_label">Validate by URI</legend>
@@ -22,12 +22,21 @@ Check the markup (HTML, XHTML) of Web documents
         <input type="text" name="uri" id="uri" size="45" />
    </p>
   <fieldset id="extra_opt_uri" class="moreoptions">
-          <legend><a href="./#validate-by-uri" title="hide the options - see the simple interface"><img alt="*" src="./images/arrow-down.gif" /> Options</a> - ( <a title="Explanation for these options" href="docs/users.html#Options">Need Help?</a> ) </legend>
+		<legend class="toggletext">More Options</legend>
+		<div class="options">
+		
                 <!--#set var="fieldset_id" value="uri"-->
                 <!--#include virtual="detailed-form.html" -->  
+    </div>
   </fieldset>
 
-        	<p class="submit_button"><label title="Submit file for validation"><input type="submit" value="Check" /></label></p>
+
+	<p class="submit_button">
+		<label title="Submit for validation">
+			<input type="submit" value="Check" />
+		</label>
+	</p>
+	
   </form>
 </fieldset>
 
@@ -37,11 +46,19 @@ Check the markup (HTML, XHTML) of Web documents
   <p><label title="Choose a Local File to Upload and Validate" for="uploaded_file">File:</label>
     <input type="file" id="uploaded_file" name="uploaded_file" size="30" /></p>        
     <fieldset id="extra_opt_upload" class="moreoptions">
-            <legend><a href="./#validate-by-upload" title="hide the options - see the simple interface"><img alt="*" src="./images/arrow-down.gif" /> Options</a> - ( <a title="Explanation for these options" href="docs/users.html#Options">Need Help?</a> ) </legend>
+			<legend class="toggletext">More Options</legend>
+			<div class="options">
          <!--#set var="fieldset_id" value="upload"-->
-         <!--#include virtual="detailed-form.html" -->  
+         <!--#include virtual="detailed-form.html" -->
+      </div>
     </fieldset><!-- invisible -->
-   <p class="submit_button"><label title="Submit file for validation"><input type="submit" value="Check" /></label></p>
+
+		<p class="submit_button">
+			<label title="Submit for validation">
+				<input type="submit" value="Check" />
+			</label>
+		</p>
+		
 </form>
                 <p><strong>Note</strong>: file upload may not work with Internet
                 Explorer on some versions of Windows XP Service Pack 2, see our
@@ -61,17 +78,23 @@ Check the markup (HTML, XHTML) of Web documents
                                 </select> -->
                         </p>
                           <fieldset id="extra_opt_direct" class="moreoptions">
-                                  <legend><a href="./#validate-by-input" title="hide the options - see the simple interface"><img alt="*" src="./images/arrow-down.gif" /> Options</a> - ( <a title="Explanation for these options" href="docs/users.html#Options">Need Help?</a> ) </legend>
+                						<legend class="toggletext">More Options</legend>
+                						<div class="options">
+                						
                                         <table>
                                         <!--#set var="fieldset_id" value="direct"-->
                                         <!--#include virtual="detailed-form_directinput.html" -->  
                                         </table>
-                                </fieldset>
-                                <p> </p>
+                            </div>
+                            </fieldset>
+                            
+
+                  					<p class="submit_button">
+                  						<label title="Submit for validation">
+                  							<input type="submit" value="Check" />
+                  						</label>
+                  					</p>
 
-                    <p class="submit_button">
-                      <input type="submit" value="Validate this document" />
-                    </p>
 
                   </form>
                 </fieldset>
diff --git a/htdocs/dev/tests/index.html b/htdocs/dev/tests/index.html
index 348b340..334369e 100755
--- a/htdocs/dev/tests/index.html
+++ b/htdocs/dev/tests/index.html
@@ -1,9 +1,9 @@
-<!--#set var="revision" value="\$Id: index.html,v 1.77 2007-05-07 18:30:50 ot Exp $"
---><!--#set var="date" value="\$Date: 2007-05-07 18:30:50 $"
+<!--#set var="revision" value="\$Id: index.html,v 1.78 2007-05-31 02:32:14 ot Exp $"
+--><!--#set var="date" value="\$Date: 2007-05-31 02:32:14 $"
 --><!--#set var="title" value="The W3C Markup Validation Service: Tests"
 --><!--#set var="relroot" value="../../"
 --><!--#include virtual="../../header.html" -->
-
+<div class="doc">
 <h2>Markup Validator's test collection</h2>
 
 <h3 id="TableOfContents">Table of contents</h3>
@@ -565,5 +565,7 @@ All these documents should validate, without "pretty print" for the document typ
       <h2>Other Test Suites</h2>
       <ul><li><a href="http://www.nist.gov/xml/">NIST's XML, DOM test suites</a></li></ul>
     </div>
+<div class="doc">
+
 <!--#include virtual="../../footer.html" -->
 
diff --git a/htdocs/docs/errors.html b/htdocs/docs/errors.html
index ea65e8e..005c8d8 100755
--- a/htdocs/docs/errors.html
+++ b/htdocs/docs/errors.html
@@ -1,9 +1,9 @@
-<!--#set var="revision" value="\$Id: errors.html,v 1.39 2007-05-07 14:43:29 ot Exp $"
---><!--#set var="date" value="\$Date: 2007-05-07 14:43:29 $"
+<!--#set var="revision" value="\$Id: errors.html,v 1.40 2007-05-31 02:32:14 ot Exp $"
+--><!--#set var="date" value="\$Date: 2007-05-31 02:32:14 $"
 --><!--#set var="title" value="Error Explanations for The W3C Markup Validation Service"
 --><!--#set var="relroot" value="../"
 --><!--#include virtual="../header.html" -->
-
+<div class="doc">
 <h2 id="skip">Explanation of the error messages<br /> for the W3C Markup Validator</h2>
 
 <h3 id="TableOfContents">Table of Contents</h3>
@@ -214,8 +214,8 @@
     <p>
       Another possibility is that you used an element which requires
       a child element that you did not include. Hence the parent element
-      is "not finished", not complete. For instance, &lt;head&gt; generally
-      requires a &lt;title&gt;, lists (ul, ol, dl) require list items (li, 
+      is "not finished", not complete. For instance, in HTML the &lt;head&gt; element
+      must contain a &lt;title&gt; child element, lists (ul, ol, dl) require list items (li, 
       or dt, dd), and so on. 
     </p>
   </div>
@@ -3235,6 +3235,7 @@
       
     </ul>
   </div>
+</div><!-- doc -->
 <!--#include virtual="../footer.html" -->
   </body>
 </html>
diff --git a/htdocs/footer.html b/htdocs/footer.html
index 41850b4..0f235b7 100755
--- a/htdocs/footer.html
+++ b/htdocs/footer.html
@@ -1,12 +1,13 @@
 <ul class="navbar" id="menu">
-    <a href="<!--#echo var="relroot" -->" accesskey="1" title="Go to the Home Page for The W3C Markup Validation Service"><strong>Home</strong></a></li>
-    <li><a href="<!--#echo var="relroot" -->about.html" title="Information About this Service">About...</a></li>
-    <li><a href="<!--#echo var="relroot" -->whatsnew.html" title="The changes made to this service recently">News</a></li>
-    <li><a href="<!--#echo var="relroot" -->docs/" accesskey="3" title="Documentation for this Service">Docs</a></li>
-	<li><a href="<!--#echo var="relroot" -->docs/help.html" title="Help and answers to frequently asked questions">Help&nbsp;&amp;&nbsp;<acronym title="Frequently Asked Questions">FAQ</acronym></a></li>
+    <li><a href="<!--#echo var="relroot" -->" accesskey="1" title="Go to the Home Page for The W3C Markup Validation Service">Home</a><span> | </span></li>
+    <li><a href="<!--#echo var="relroot" -->about.html" title="Information About this Service">About...</a><span> | </span></li>
+    <li><a href="<!--#echo var="relroot" -->whatsnew.html" title="The changes made to this service recently">News</a><span> | </span></li>
+    <li><a href="<!--#echo var="relroot" -->docs/" accesskey="3" title="Documentation for this Service">Docs</a><span> | </span></li>
+	<li><a href="<!--#echo var="relroot" -->docs/help.html" title="Help and answers to frequently asked questions">Help&nbsp;&amp;&nbsp;<acronym title="Frequently Asked Questions">FAQ</acronym></a><span> | </span></li>
     <li><a href="<!--#echo var="relroot" -->feedback.html" accesskey="4" title="How to provide feedback on this service">Feedback</a></li>
 </ul>
 
+<div id="footer">
 		<p id="activity_logos">
 			<a href="http://www.w3.org/QA/" title="W3C's Quality Assurance Activity, bringing you free Web quality tools and more">
 
@@ -45,3 +46,4 @@
 			<a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy
 			statements.
 		</p>
+</div>
+\ No newline at end of file
diff --git a/htdocs/header.html b/htdocs/header.html
index c152447..d24934c 100755
--- a/htdocs/header.html
+++ b/htdocs/header.html
@@ -6,13 +6,12 @@
           <title><!--#echo var="title" --></title>
     <link rev="made" href="mailto:www-validator@w3.org" />
     <link rev="start" href="<!--#echo var="relroot" -->" title="Home Page" />
-    <style type="text/css" media="all">@import "<!--#echo var="relroot" -->style/base.css";
-</style>
-    <script type="text/javascript" src="<!--#echo var="relroot" -->scripts/tabtastic/addclasskillclass.js"></script>
-    <script type="text/javascript" src="<!--#echo var="relroot" -->scripts/tabtastic/attachevent.js"></script>
-    <script type="text/javascript" src="<!--#echo var="relroot" -->scripts/tabtastic/addcss.js"></script>
-    <script type="text/javascript" src="<!--#echo var="relroot" -->scripts/tabtastic/tabtastic.js"></script>
-    <meta name="revision" content="$Id: header.html,v 1.48 2007-04-19 19:41:42 ville Exp $" />
+    <style type="text/css" media="all">
+      @import "<!--#echo var="relroot" -->style/base.css";
+    </style>
+    <script type="text/javascript" src="scripts/mootools.js"></script>
+    <script type="text/javascript" src="scripts/w3c-validator.js"></script>
+    <meta name="revision" content="$Id: header.html,v 1.49 2007-05-31 02:32:14 ot Exp $" />
     <meta name="keywords" content="HTML, HyperText Markup Language, Validation,
       W3C Markup Validation Service" />
     <meta name="description" content="W3C's easy-to-use
@@ -21,14 +20,17 @@
     <!--#if expr="$feeds = 1" -->
     <link rel="alternate" type="application/atom+xml" href="<!--#echo var="relroot" -->whatsnew.atom" />
     <!--#endif -->
-    <!-- SSI Template Version: $Id: header.html,v 1.48 2007-04-19 19:41:42 ville Exp $ -->
+    <!-- SSI Template Version: $Id: header.html,v 1.49 2007-05-31 02:32:14 ot Exp $ -->
 
   </head>
 
   <body>
    <div id="banner">
-    <h1 id="title"><a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a>
-    <a href="<!--#echo var="relroot" -->"><img src="<!--#echo var="relroot" -->images/markup_validation_service.png" alt="Markup Validation Service" /></a></h1>
+    <h1 id="title">
+      <a href="http://www.w3.org/"><img alt="W3C" width="110" height="61" id="logo" src="<!--#echo var="relroot" -->images/w3c.png" /></a>
+			<a href="<!--#echo var="relroot" -->"><span>Markup Validation Service</span></a>
+      </h1>
+      <p id="tagline">Check the markup (HTML, XHTML) of Web documents</p>
    </div>
 
 
diff --git a/htdocs/images/arrow-closed.png b/htdocs/images/arrow-closed.png
new file mode 100644
index 0000000..8b76f9d
--- /dev/null
+++ b/htdocs/images/arrow-closed.png
diff --git a/htdocs/images/arrow-open.png b/htdocs/images/arrow-open.png
new file mode 100644
index 0000000..d9474ca
--- /dev/null
+++ b/htdocs/images/arrow-open.png
diff --git a/htdocs/images/button-left.png b/htdocs/images/button-left.png
new file mode 100644
index 0000000..98f16b9
--- /dev/null
+++ b/htdocs/images/button-left.png
diff --git a/htdocs/images/button-right.png b/htdocs/images/button-right.png
new file mode 100644
index 0000000..2330622
--- /dev/null
+++ b/htdocs/images/button-right.png
diff --git a/htdocs/images/double.png b/htdocs/images/double.png
new file mode 100644
index 0000000..cc7be7a
--- /dev/null
+++ b/htdocs/images/double.png
diff --git a/htdocs/images/head-bl.png b/htdocs/images/head-bl.png
new file mode 100644
index 0000000..be8e751
--- /dev/null
+++ b/htdocs/images/head-bl.png
diff --git a/htdocs/images/head-br.png b/htdocs/images/head-br.png
new file mode 100644
index 0000000..147595e
--- /dev/null
+++ b/htdocs/images/head-br.png
diff --git a/htdocs/images/head-tl.png b/htdocs/images/head-tl.png
new file mode 100644
index 0000000..9f5e60d
--- /dev/null
+++ b/htdocs/images/head-tl.png
diff --git a/htdocs/images/head-tr.png b/htdocs/images/head-tr.png
new file mode 100644
index 0000000..ed62aa6
--- /dev/null
+++ b/htdocs/images/head-tr.png
diff --git a/htdocs/images/round-br.png b/htdocs/images/round-br.png
new file mode 100644
index 0000000..feefb2f
--- /dev/null
+++ b/htdocs/images/round-br.png
diff --git a/htdocs/images/round-tl.png b/htdocs/images/round-tl.png
new file mode 100644
index 0000000..4b6d3a8
--- /dev/null
+++ b/htdocs/images/round-tl.png
diff --git a/htdocs/images/round-tr.png b/htdocs/images/round-tr.png
new file mode 100644
index 0000000..4dd35b7
--- /dev/null
+++ b/htdocs/images/round-tr.png
diff --git a/htdocs/images/tab-tl.png b/htdocs/images/tab-tl.png
new file mode 100644
index 0000000..75c66b7
--- /dev/null
+++ b/htdocs/images/tab-tl.png
diff --git a/htdocs/images/tab-tr.png b/htdocs/images/tab-tr.png
new file mode 100644
index 0000000..2384eb5
--- /dev/null
+++ b/htdocs/images/tab-tr.png
diff --git a/htdocs/images/textbg.png b/htdocs/images/textbg.png
new file mode 100644
index 0000000..0c32dd0
--- /dev/null
+++ b/htdocs/images/textbg.png
diff --git a/htdocs/images/w3c.png b/htdocs/images/w3c.png
new file mode 100644
index 0000000..f4e2904
--- /dev/null
+++ b/htdocs/images/w3c.png
diff --git a/htdocs/index.html b/htdocs/index.html
index 595490b..e9d6adc 100755
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -1,15 +1,15 @@
-<!--#set var="revision" value="\$Id: index.html,v 1.89 2007-04-24 01:35:15 ot Exp $"
---><!--#set var="date" value="\$Date: 2007-04-24 01:35:15 $"
+<!--#set var="revision" value="\$Id: index.html,v 1.90 2007-05-31 02:32:14 ot Exp $"
+--><!--#set var="date" value="\$Date: 2007-05-31 02:32:14 $"
 --><!--#set var="title" value="The W3C Markup Validation Service"
 --><!--#set var="relroot" value="./"
 --><!--#include virtual="header.html" -->
 
-<p id="tagline">
-Check the markup (HTML, XHTML) of Web documents
-</p>
-
 <div id="frontforms">
-<ul class="tabset_tabs"><li><a href="#validate-by-uri" class="active">by URI</a></li><li><a href="#validate-by-upload">by File Upload</a></li><li><a href="#validate-by-input">by direct Input</a></li></ul>
+	<ul id="tabset_tabs">
+		<li><a href="#validate-by-uri"><span>Validate by</span> URI</a></li>
+		<li><a href="#validate-by-upload"><span>Validate by</span> File Upload</a></li>
+		<li><a href="#validate-by-input"><span>Validate by</span> Direct Input</a></li>
+	</ul>
 <div id="fields">
 
 <fieldset id="validate-by-uri" class="tabset_content front"><legend class="tabset_label">Validate by URI</legend>
@@ -21,8 +21,22 @@ Check the markup (HTML, XHTML) of Web documents
 	<label title="Address of page to Validate" for="uri">Address:</label>
         <input type="text" name="uri" id="uri" size="45" />
    </p>
-   <p><a href="detailed.html#validate-by-uri" title="choose options from the detailed interface"><img alt="*" src="./images/arrow-right.gif"/> Options</a></p>
-        	<p class="submit_button"><label title="Submit file for validation"><input type="submit" value="Check" /></label></p>
+  <fieldset id="extra_opt_uri" class="moreoptions">
+		<legend class="toggletext">More Options</legend>
+		<div class="options">
+		
+                <!--#set var="fieldset_id" value="uri"-->
+                <!--#include virtual="detailed-form.html" -->  
+    </div>
+  </fieldset>
+
+
+	<p class="submit_button">
+		<label title="Submit for validation">
+			<input type="submit" value="Check" />
+		</label>
+	</p>
+	
   </form>
 </fieldset>
 
@@ -31,8 +45,20 @@ Check the markup (HTML, XHTML) of Web documents
   <p class="instructions">Upload a document for validation:</p>
   <p><label title="Choose a Local File to Upload and Validate" for="uploaded_file">File:</label>
     <input type="file" id="uploaded_file" name="uploaded_file" size="30" /></p>        
-    <p><a href="detailed.html#validate-by-upload" title="choose options from the detailed interface"><img alt="*" src="./images/arrow-right.gif"/> Options</a></p>
-   <p class="submit_button"><label title="Submit file for validation"><input type="submit" value="Check" /></label></p>
+    <fieldset id="extra_opt_upload" class="moreoptions">
+			<legend class="toggletext">More Options</legend>
+			<div class="options">
+         <!--#set var="fieldset_id" value="upload"-->
+         <!--#include virtual="detailed-form.html" -->
+      </div>
+    </fieldset><!-- invisible -->
+
+		<p class="submit_button">
+			<label title="Submit for validation">
+				<input type="submit" value="Check" />
+			</label>
+		</p>
+		
 </form>
                 <p><strong>Note</strong>: file upload may not work with Internet
                 Explorer on some versions of Windows XP Service Pack 2, see our
@@ -40,31 +66,41 @@ Check the markup (HTML, XHTML) of Web documents
                 on the W3C QA Website.</p>
 
 </fieldset>
-
-
       <fieldset id="validate-by-input"  class="tabset_content front"><legend class="tabset_label">Validate by direct input</legend>
                   <form method="post" enctype="multipart/form-data" action="check">
                           <p class="instructions"><label title="Paste a complete (HTML) Document here" for="fragment">Enter the Markup (Full Document) to validate</label>:<br />
                                   
                       	<textarea id="fragment" name="fragment" rows="12" cols="80"></textarea>
-                        <!-- <br /><label for="parsemodel">Treat as:</label>
+                       <!--  <br /><label for="parsemodel">Treat as:</label>
                                 <select id="parsemodel" name="parsemodel">
                                         <option value="sgml">HTML</option>
                                         <option value="xml">XML (and XHTML)</option>
                                 </select> -->
                         </p>
-                        <p><a href="detailed.html#validate-by-input" title="choose options from the detailed interface"><img alt="*" src="./images/arrow-right.gif"/> Options</a></p>
+                          <fieldset id="extra_opt_direct" class="moreoptions">
+                						<legend class="toggletext">More Options</legend>
+                						<div class="options">
+                						
+                                        <table>
+                                        <!--#set var="fieldset_id" value="direct"-->
+                                        <!--#include virtual="detailed-form_directinput.html" -->  
+                                        </table>
+                            </div>
+                            </fieldset>
+                            
+
+                  					<p class="submit_button">
+                  						<label title="Submit for validation">
+                  							<input type="submit" value="Check" />
+                  						</label>
+                  					</p>
 
-                    <p class="submit_button">
-                      <input type="submit" value="Validate this document" />
-                    </p>
 
                   </form>
                 </fieldset>
   </div><!-- fields -->
   </div> <!-- frontforms -->
-  <!--#include virtual="intro.html" -->
-
+<!--#include virtual="intro.html" -->
 <!--#include virtual="footer.html" -->
   </body>
 </html>
diff --git a/htdocs/scripts/mootools.js b/htdocs/scripts/mootools.js
new file mode 100644
index 0000000..2db33b8
--- /dev/null
+++ b/htdocs/scripts/mootools.js
@@ -0,0 +1,173 @@
+//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
+
+var MooTools={version:"1.2dev"};function $defined(_1){return(_1!=undefined);}
+function $type(_2){if(!$defined(_2)){return false;}
+if(_2.htmlElement){return"element";}
+var _3=typeof _2;if(_3=="object"&&_2.nodeName){switch(_2.nodeType){case 1:return"element";case 3:return(/\S/).test(_2.nodeValue)?"textnode":"whitespace";}}
+if(_3=="object"||_3=="function"){switch(_2.constructor){case Array:return"array";case RegExp:return"regexp";case Class:return"class";}
+if(typeof _2.length=="number"){if(_2.item){return"collection";}
+if(_2.callee){return"arguments";}}}
+return _3;}
+function $merge(){var _4={};for(var i=0;i<arguments.length;i++){for(var _6 in arguments[i]){var ap=arguments[i][_6];var mp=_4[_6];if(mp&&$type(ap)=="object"&&$type(mp)=="object"){_4[_6]=$merge(mp,ap);}else{_4[_6]=ap;}}}
+return _4;}
+var $extend=function(){var _9=arguments;if(!_9[1]){_9=[this,_9[0]];}
+for(var _a in _9[1]){_9[0][_a]=_9[1][_a];}
+return _9[0];};var $native=function(){for(var i=0,l=arguments.length;i<l;i++){arguments[i].extend=function(_d){for(var _e in _d){if(!this.prototype[_e]){this.prototype[_e]=_d[_e];}
+if(!this[_e]){this[_e]=$native.generic(_e);}}};}};$native.generic=function(_f){return function(_10){return this.prototype[_f].apply(_10,Array.prototype.slice.call(arguments,1));};};$native(Function,Array,String,Number);var Abstract=function(obj){obj=obj||{};obj.extend=$extend;return obj;};var Window=new Abstract(window);var Document=new Abstract(document);document.head=document.getElementsByTagName("head")[0];function $chk(obj){return!!(obj||obj===0);}
+function $pick(obj,_14){return $defined(obj)?obj:_14;}
+function $random(min,max){return Math.floor(Math.random()*(max-min+1)+min);}
+function $time(){return new Date().getTime();}
+function $clear(_17){clearTimeout(_17);clearInterval(_17);return null;}
+window.xpath=!!(document.evaluate);if(window.ActiveXObject){window.ie=window[window.XMLHttpRequest?"ie7":"ie6"]=true;}else{if(document.childNodes&&!document.all&&!navigator.taintEnabled){window.webkit=window[window.xpath?"webkit420":"webkit419"]=true;}else{if(document.getBoxObjectFor!=null){window.gecko=true;}}}
+if(typeof HTMLElement=="undefined"){var HTMLElement=function(){};if(window.webkit){document.createElement("iframe");}
+HTMLElement.prototype=(window.webkit)?window["[[DOMElement.prototype]]"]:{};}
+HTMLElement.prototype.htmlElement=function(){};if(window.ie6){try{document.execCommand("BackgroundImageCache",false,true);}
+catch(e){}}
+var Class=function(_18){var _19=function(){return(arguments[0]!==null&&this.initialize&&$type(this.initialize)=="function")?this.initialize.apply(this,arguments):this;};$extend(_19,this);_19.prototype=_18;_19.constructor=Class;return _19;};Class.empty=function(){};Class.prototype={extend:function(_1a){var _1b=new this(null);for(var _1c in _1a){var pp=_1b[_1c];_1b[_1c]=Class.Merge(pp,_1a[_1c]);}
+return new Class(_1b);},implement:function(){for(var i=0,l=arguments.length;i<l;i++){$extend(this.prototype,arguments[i]);}}};Class.Merge=function(_20,_21){if(_20&&_20!=_21){var _22=$type(_21);if(_22!=$type(_20)){return _21;}
+switch(_22){case"function":var _23=function(){this.parent=arguments.callee.parent;return _21.apply(this,arguments);};_23.parent=_20;return _23;case"object":return $merge(_20,_21);}}
+return _21;};var Chain=new Class({chain:function(fn){this.chains=this.chains||[];this.chains.push(fn);return this;},callChain:function(){if(this.chains&&this.chains.length){this.chains.shift().delay(10,this);}},clearChain:function(){this.chains=[];}});var Events=new Class({addEvent:function(_25,fn){if(fn!=Class.empty){this.$events=this.$events||{};this.$events[_25]=this.$events[_25]||[];this.$events[_25].include(fn);}
+return this;},fireEvent:function(_27,_28,_29){if(this.$events&&this.$events[_27]){this.$events[_27].each(function(fn){fn.create({"bind":this,"delay":_29,"arguments":_28})();},this);}
+return this;},removeEvent:function(_2b,fn){if(this.$events&&this.$events[_2b]){this.$events[_2b].remove(fn);}
+return this;}});var Options=new Class({setOptions:function(){this.options=$merge.apply(null,[this.options].extend(arguments));if(this.addEvent){for(var _2d in this.options){if($type(this.options[_2d]=="function")&&(/^on[A-Z]/).test(_2d)){this.addEvent(_2d,this.options[_2d]);}}}
+return this;}});Array.extend({forEach:function(fn,_2f){for(var i=0,j=this.length;i<j;i++){fn.call(_2f,this[i],i,this);}},filter:function(fn,_33){var _34=[];for(var i=0,j=this.length;i<j;i++){if(fn.call(_33,this[i],i,this)){_34.push(this[i]);}}
+return _34;},map:function(fn,_38){var _39=[];for(var i=0,j=this.length;i<j;i++){_39[i]=fn.call(_38,this[i],i,this);}
+return _39;},every:function(fn,_3d){for(var i=0,j=this.length;i<j;i++){if(!fn.call(_3d,this[i],i,this)){return false;}}
+return true;},some:function(fn,_41){for(var i=0,j=this.length;i<j;i++){if(fn.call(_41,this[i],i,this)){return true;}}
+return false;},indexOf:function(_44,_45){var len=this.length;for(var i=(_45<0)?Math.max(0,len+_45):_45||0;i<len;i++){if(this[i]===_44){return i;}}
+return-1;},copy:function(_48,_49){_48=_48||0;if(_48<0){_48=this.length+_48;}
+_49=_49||(this.length-_48);var _4a=[];for(var i=0;i<_49;i++){_4a[i]=this[_48++];}
+return _4a;},remove:function(_4c){var i=0;var len=this.length;while(i<len){if(this[i]===_4c){this.splice(i,1);len--;}else{i++;}}
+return this;},contains:function(_4f,_50){return this.indexOf(_4f,_50)!=-1;},associate:function(_51){var obj={},_53=Math.min(this.length,_51.length);for(var i=0;i<_53;i++){obj[_51[i]]=this[i];}
+return obj;},extend:function(_55){for(var i=0,j=_55.length;i<j;i++){this.push(_55[i]);}
+return this;},merge:function(_58){for(var i=0,l=_58.length;i<l;i++){this.include(_58[i]);}
+return this;},include:function(_5b){if(!this.contains(_5b)){this.push(_5b);}
+return this;},getRandom:function(){return this[$random(0,this.length-1)]||null;},getLast:function(){return this[this.length-1]||null;}});Array.prototype.each=Array.prototype.forEach;Array.each=Array.forEach;function $A(_5c){return Array.copy(_5c);}
+function $each(_5d,fn,_5f){if(_5d&&typeof _5d.length=="number"&&$type(_5d)!="object"){Array.forEach(_5d,fn,_5f);}else{for(var _60 in _5d){fn.call(_5f||_5d,_5d[_60],_60);}}}
+String.extend({test:function(_61,_62){return(($type(_61)=="string")?new RegExp(_61,_62):_61).test(this);},toInt:function(){return parseInt(this,10);},toFloat:function(){return parseFloat(this);},camelCase:function(){return this.replace(/-\D/g,function(_63){return _63.charAt(1).toUpperCase();});},hyphenate:function(){return this.replace(/\w[A-Z]/g,function(_64){return(_64.charAt(0)+"-"+_64.charAt(1).toLowerCase());});},capitalize:function(){return this.replace(/\b[a-z]/g,function(_65){return _65.toUpperCase();});},trim:function(){return this.replace(/^\s+|\s+$/g,"");},clean:function(){return this.replace(/\s{2,}/g," ").trim();},rgbToHex:function(_66){var rgb=this.match(/\d{1,3}/g);return(rgb)?rgb.rgbToHex(_66):false;},hexToRgb:function(_68){var hex=this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);return(hex)?hex.slice(1).hexToRgb(_68):false;},contains:function(_6a,s){return(s)?(s+this+s).indexOf(s+_6a+s)>-1:this.indexOf(_6a)>-1;},escapeRegExp:function(){return this.replace(/([.*+?^${}()|[\]\/\\])/g,"\\$1");}});Array.extend({rgbToHex:function(_6c){if(this.length<3){return false;}
+if(this.length==4&&this[3]==0&&!_6c){return"transparent";}
+var hex=[];for(var i=0;i<3;i++){var bit=(this[i]-0).toString(16);hex.push((bit.length==1)?"0"+bit:bit);}
+return _6c?hex:"#"+hex.join("");},hexToRgb:function(_70){if(this.length!=3){return false;}
+var rgb=[];for(var i=0;i<3;i++){rgb.push(parseInt((this[i].length==1)?this[i]+this[i]:this[i],16));}
+return _70?rgb:"rgb("+rgb.join(",")+")";}});Function.extend({create:function(_73){var fn=this;_73=$merge({"bind":fn,"event":false,"arguments":null,"delay":false,"periodical":false,"attempt":false},_73);if($chk(_73.arguments)&&$type(_73.arguments)!="array"){_73.arguments=[_73.arguments];}
+return function(_75){var _76;if(_73.event){_75=_75||window.event;_76=[(_73.event===true)?_75:new _73.event(_75)];if(_73.arguments){_76.extend(_73.arguments);}}else{_76=_73.arguments||arguments;}
+var _77=function(){return fn.apply($pick(_73.bind,fn),_76);};if(_73.delay){return setTimeout(_77,_73.delay);}
+if(_73.periodical){return setInterval(_77,_73.periodical);}
+if(_73.attempt){try{return _77();}
+catch(err){return false;}}
+return _77();};},pass:function(_78,_79){return this.create({"arguments":_78,"bind":_79});},attempt:function(_7a,_7b){return this.create({"arguments":_7a,"bind":_7b,"attempt":true})();},bind:function(_7c,_7d){return this.create({"bind":_7c,"arguments":_7d});},bindAsEventListener:function(_7e,_7f){return this.create({"bind":_7e,"event":true,"arguments":_7f});},delay:function(_80,_81,_82){return this.create({"delay":_80,"bind":_81,"arguments":_82})();},periodical:function(_83,_84,_85){return this.create({"periodical":_83,"bind":_84,"arguments":_85})();}});Number.extend({toInt:function(){return parseInt(this);},toFloat:function(){return parseFloat(this);},limit:function(min,max){return Math.min(max,Math.max(min,this));},round:function(_88){_88=Math.pow(10,_88||0);return Math.round(this*_88)/_88;},times:function(fn){for(var i=0;i<this;i++){fn(i);}}});var Element=new Class({initialize:function(el,_8c){if($type(el)=="string"){if(window.ie&&_8c&&(_8c.name||_8c.type)){var _8d=(_8c.name)?" name=\""+_8c.name+"\"":"";var _8e=(_8c.type)?" type=\""+_8c.type+"\"":"";delete _8c.name;delete _8c.type;el="<"+el+_8d+_8e+">";}
+el=document.createElement(el);}
+el=$(el);return(!_8c||!el)?el:el.set(_8c);}});var Elements=new Class({initialize:function(_8f){return(_8f)?$extend(_8f,this):this;}});Elements.extend=function(_90){for(var _91 in _90){this.prototype[_91]=_90[_91];this[_91]=$native.generic(_91);}};function $(el){if(!el){return false;}
+if(el.htmlElement){return Garbage.collect(el);}
+if([window,document].contains(el)){return el;}
+var _93=$type(el);if(_93=="string"){el=document.getElementById(el);_93=(el)?"element":false;}
+if(_93!="element"){return false;}
+if(el.htmlElement){return Garbage.collect(el);}
+if(["object","embed"].contains(el.tagName.toLowerCase())){return el;}
+$extend(el,Element.prototype);el.htmlElement=function(){};return Garbage.collect(el);}
+document.getElementsBySelector=document.getElementsByTagName;function $$(){var _94=[];for(var i=0,j=arguments.length;i<j;i++){var _97=arguments[i];switch($type(_97)){case"element":_94.push(_97);case"boolean":break;case false:break;case"string":_97=document.getElementsBySelector(_97,true);default:_94.extend(_97);}}
+return $$.unique(_94);}
+$$.unique=function(_98){var _99=[];for(var i=0,l=_98.length;i<l;i++){if(_98[i].$included){continue;}
+var _9c=$(_98[i]);if(_9c&&!_9c.$included){_9c.$included=true;_99.push(_9c);}}
+for(var n=0,d=_99.length;n<d;n++){_99[n].$included=null;}
+return new Elements(_99);};Elements.Multi=function(_9f){return function(){var _a0=arguments;var _a1=[];var _a2=true;for(var i=0,j=this.length,_a5;i<j;i++){_a5=this[i][_9f].apply(this[i],_a0);if($type(_a5)!="element"){_a2=false;}
+_a1.push(_a5);}
+return(_a2)?$$.unique(_a1):_a1;};};Element.extend=function(_a6){for(var _a7 in _a6){HTMLElement.prototype[_a7]=_a6[_a7];Element.prototype[_a7]=_a6[_a7];Element[_a7]=$native.generic(_a7);var _a8=(Array.prototype[_a7])?_a7+"Elements":_a7;Elements.prototype[_a8]=Elements.Multi(_a7);}};Element.extend({set:function(_a9){for(var _aa in _a9){var val=_a9[_aa];switch(_aa){case"styles":this.setStyles(val);break;case"events":if(this.addEvents){this.addEvents(val);}
+break;case"properties":this.setProperties(val);break;default:this.setProperty(_aa,val);}}
+return this;},inject:function(el,_ad){el=$(el);switch(_ad){case"before":el.parentNode.insertBefore(this,el);break;case"after":var _ae=el.getNext();if(!_ae){el.parentNode.appendChild(this);}else{el.parentNode.insertBefore(this,_ae);}
+break;case"top":var _af=el.firstChild;if(_af){el.insertBefore(this,_af);break;}
+default:el.appendChild(this);}
+return this;},injectBefore:function(el){return this.inject(el,"before");},injectAfter:function(el){return this.inject(el,"after");},injectInside:function(el){return this.inject(el,"bottom");},injectTop:function(el){return this.inject(el,"top");},adopt:function(){var _b4=[];$each(arguments,function(_b5){_b4=_b4.concat(_b5);});$$(_b4).inject(this);return this;},remove:function(){return this.parentNode.removeChild(this);},clone:function(_b6){var el=$(this.cloneNode(_b6!==false));if(!el.$events){return el;}
+el.$events={};for(var _b8 in this.$events){el.$events[_b8]={"keys":$A(this.$events[_b8].keys),"values":$A(this.$events[_b8].values)};}
+return el.removeEvents();},replaceWith:function(el){el=$(el);this.parentNode.replaceChild(el,this);return el;},appendText:function(_ba){if(window.ie){switch(this.getTag()){case"style":this.styleSheet.cssText=_ba;return this;case"script":return this.setProperty("text",_ba);}}
+this.appendChild(document.createTextNode(_ba));return this;},hasClass:function(_bb){return this.className.contains(_bb," ");},addClass:function(_bc){if(!this.hasClass(_bc)){this.className=(this.className+" "+_bc).clean();}
+return this;},removeClass:function(_bd){this.className=this.className.replace(new RegExp("(^|\\s)"+_bd+"(?:\\s|$)"),"$1").clean();return this;},toggleClass:function(_be){return this.hasClass(_be)?this.removeClass(_be):this.addClass(_be);},setStyle:function(_bf,_c0){switch(_bf){case"opacity":return this.setOpacity(parseFloat(_c0));case"float":_bf=(window.ie)?"styleFloat":"cssFloat";}
+_bf=_bf.camelCase();switch($type(_c0)){case"number":if(!["zIndex","zoom"].contains(_bf)){_c0+="px";}
+break;case"array":_c0="rgb("+_c0.join(",")+")";}
+this.style[_bf]=_c0;return this;},setStyles:function(_c1){switch($type(_c1)){case"object":Element.setMany(this,"setStyle",_c1);break;case"string":this.style.cssText=_c1;}
+return this;},setOpacity:function(_c2){if(_c2==0){if(this.style.visibility!="hidden"){this.style.visibility="hidden";}}else{if(this.style.visibility!="visible"){this.style.visibility="visible";}}
+if(!this.currentStyle||!this.currentStyle.hasLayout){this.style.zoom=1;}
+if(window.ie){this.style.filter=(_c2==1)?"":"alpha(opacity="+_c2*100+")";}
+this.style.opacity=this.$tmp.opacity=_c2;return this;},getStyle:function(_c3){_c3=_c3.camelCase();var _c4=this.style[_c3];if(!$chk(_c4)){if(_c3=="opacity"){return this.$tmp.opacity;}
+_c4=[];for(var _c5 in Element.Styles){if(_c3==_c5){Element.Styles[_c5].each(function(s){var _c7=this.getStyle(s);_c4.push(parseInt(_c7)?_c7:"0px");},this);if(_c3=="border"){var _c8=_c4.every(function(bit){return(bit==_c4[0]);});return(_c8)?_c4[0]:false;}
+return _c4.join(" ");}}
+if(_c3.contains("border")){if(Element.Styles.border.contains(_c3)){return["Width","Style","Color"].map(function(p){return this.getStyle(_c3+p);},this).join(" ");}else{if(Element.borderShort.contains(_c3)){return["Top","Right","Bottom","Left"].map(function(p){return this.getStyle("border"+p+_c3.replace("border",""));},this).join(" ");}}}
+if(document.defaultView){_c4=document.defaultView.getComputedStyle(this,null).getPropertyValue(_c3.hyphenate());}else{if(this.currentStyle){_c4=this.currentStyle[_c3];}}}
+if(window.ie){_c4=Element.fixStyle(_c3,_c4,this);}
+if(_c4&&_c3.test(/color/i)&&_c4.contains("rgb")){return _c4.split("rgb").splice(1,4).map(function(_cc){return _cc.rgbToHex();}).join(" ");}
+return _c4;},getStyles:function(){return Element.getMany(this,"getStyle",arguments);},walk:function(_cd,_ce){_cd+="Sibling";var el=(_ce)?this[_ce]:this[_cd];while(el&&$type(el)!="element"){el=el[_cd];}
+return $(el);},getPrevious:function(){return this.walk("previous");},getNext:function(){return this.walk("next");},getFirst:function(){return this.walk("next","firstChild");},getLast:function(){return this.walk("previous","lastChild");},getParent:function(){return $(this.parentNode);},getChildren:function(){return $$(this.childNodes);},hasChild:function(el){return!!$A(this.getElementsByTagName("*")).contains(el);},getProperty:function(_d1){var _d2=Element.Properties[_d1];if(_d2){return this[_d2];}
+var _d3=Element.PropertiesIFlag[_d1]||0;if(!window.ie||_d3){return this.getAttribute(_d1,_d3);}
+var _d4=this.attributes[_d1];return(_d4)?_d4.nodeValue:null;},removeProperty:function(_d5){var _d6=Element.Properties[_d5];if(_d6){this[_d6]="";}else{this.removeAttribute(_d5);}
+return this;},getProperties:function(){return Element.getMany(this,"getProperty",arguments);},setProperty:function(_d7,_d8){var _d9=Element.Properties[_d7];if(_d9){this[_d9]=_d8;}else{this.setAttribute(_d7,_d8);}
+return this;},setProperties:function(_da){return Element.setMany(this,"setProperty",_da);},setHTML:function(){this.innerHTML=$A(arguments).join("");return this;},getTag:function(){return this.tagName.toLowerCase();},empty:function(){Garbage.trash(this.getElementsByTagName("*"));return this.setHTML("");}});Element.fixStyle=function(_db,_dc,_dd){if($chk(parseInt(_dc))){return _dc;}
+if(["height","width"].contains(_db)){var _de=(_db=="width")?["left","right"]:["top","bottom"];var _df=0;_de.each(function(_e0){_df+=_dd.getStyle("border-"+_e0+"-width").toInt()+_dd.getStyle("padding-"+_e0).toInt();});return _dd["offset"+_db.capitalize()]-_df+"px";}else{if(_db.test(/border(.+)Width|margin|padding/)){return"0px";}}
+return _dc;};Element.Styles={"border":[],"padding":[],"margin":[]};["Top","Right","Bottom","Left"].each(function(_e1){for(var _e2 in Element.Styles){Element.Styles[_e2].push(_e2+_e1);}});Element.borderShort=["borderWidth","borderStyle","borderColor"];Element.getMany=function(el,_e4,_e5){var _e6={};$each(_e5,function(key){_e6[key]=el[_e4](key);});return _e6;};Element.setMany=function(el,_e9,_ea){for(var key in _ea){el[_e9](key,_ea[key]);}
+return el;};Element.Properties=new Abstract({"class":"className","for":"htmlFor","colspan":"colSpan","rowspan":"rowSpan","accesskey":"accessKey","tabindex":"tabIndex","maxlength":"maxLength","readonly":"readOnly","frameborder":"frameBorder","value":"value","disabled":"disabled","checked":"checked","multiple":"multiple","selected":"selected"});Element.PropertiesIFlag={"href":2,"src":2};Element.Methods={Listeners:{addListener:function(_ec,fn){if(this.addEventListener){this.addEventListener(_ec,fn,false);}else{this.attachEvent("on"+_ec,fn);}
+return this;},removeListener:function(_ee,fn){if(this.removeEventListener){this.removeEventListener(_ee,fn,false);}else{this.detachEvent("on"+_ee,fn);}
+return this;}}};window.extend(Element.Methods.Listeners);document.extend(Element.Methods.Listeners);Element.extend(Element.Methods.Listeners);var Garbage={elements:[],collect:function(el){if(!el.$tmp){Garbage.elements.push(el);el.$tmp={"opacity":1};}
+return el;},trash:function(_f1){for(var i=0,j=_f1.length,el;i<j;i++){if(!(el=_f1[i])||!el.$tmp){continue;}
+if(el.$events){el.fireEvent("trash").removeEvents();}
+for(var p in el.$tmp){el.$tmp[p]=null;}
+for(var d in Element.prototype){el[d]=null;}
+Garbage.elements[Garbage.elements.indexOf(el)]=null;el.htmlElement=el.$tmp=el=null;}
+Garbage.elements.remove(null);},empty:function(){Garbage.collect(window);Garbage.collect(document);Garbage.trash(Garbage.elements);}};window.addListener("beforeunload",function(){window.addListener("unload",Garbage.empty);if(window.ie){window.addListener("unload",CollectGarbage);}});var Event=new Class({initialize:function(_f7){if(_f7&&_f7.$extended){return _f7;}
+this.$extended=true;_f7=_f7||window.event;this.event=_f7;this.type=_f7.type;this.target=_f7.target||_f7.srcElement;if(this.target.nodeType==3){this.target=this.target.parentNode;}
+this.shift=_f7.shiftKey;this.control=_f7.ctrlKey;this.alt=_f7.altKey;this.meta=_f7.metaKey;if(["DOMMouseScroll","mousewheel"].contains(this.type)){this.wheel=(_f7.wheelDelta)?_f7.wheelDelta/120:-(_f7.detail||0)/3;}else{if(this.type.contains("key")){this.code=_f7.which||_f7.keyCode;for(var _f8 in Event.keys){if(Event.keys[_f8]==this.code){this.key=_f8;break;}}
+if(this.type=="keydown"){var _f9=this.code-111;if(_f9>0&&_f9<13){this.key="f"+_f9;}}
+this.key=this.key||String.fromCharCode(this.code).toLowerCase();}else{if(this.type.test(/(click|mouse|menu)/)){this.page={"x":_f7.pageX||_f7.clientX+document.documentElement.scrollLeft,"y":_f7.pageY||_f7.clientY+document.documentElement.scrollTop};this.client={"x":_f7.pageX?_f7.pageX-window.pageXOffset:_f7.clientX,"y":_f7.pageY?_f7.pageY-window.pageYOffset:_f7.clientY};this.rightClick=(_f7.which==3)||(_f7.button==2);switch(this.type){case"mouseover":this.relatedTarget=_f7.relatedTarget||_f7.fromElement;break;case"mouseout":this.relatedTarget=_f7.relatedTarget||_f7.toElement;}
+this.fixRelatedTarget();}}}
+return this;},stop:function(){return this.stopPropagation().preventDefault();},stopPropagation:function(){if(this.event.stopPropagation){this.event.stopPropagation();}else{this.event.cancelBubble=true;}
+return this;},preventDefault:function(){if(this.event.preventDefault){this.event.preventDefault();}else{this.event.returnValue=false;}
+return this;}});Event.fix={relatedTarget:function(){if(this.relatedTarget&&this.relatedTarget.nodeType==3){this.relatedTarget=this.relatedTarget.parentNode;}},relatedTargetGecko:function(){try{Event.fix.relatedTarget.call(this);}
+catch(e){this.relatedTarget=this.target;}}};Event.prototype.fixRelatedTarget=(window.gecko)?Event.fix.relatedTargetGecko:Event.fix.relatedTarget;Event.keys=new Abstract({"enter":13,"up":38,"down":40,"left":37,"right":39,"esc":27,"space":32,"backspace":8,"tab":9,"delete":46});Element.Methods.Events={addEvent:function(_fa,fn){this.$events=this.$events||{};this.$events[_fa]=this.$events[_fa]||{"keys":[],"values":[]};if(this.$events[_fa].keys.contains(fn)){return this;}
+this.$events[_fa].keys.push(fn);var _fc=_fa;var _fd=Element.Events[_fa];if(_fd){if(_fd.add){_fd.add.call(this,fn);}
+if(_fd.map){fn=_fd.map;}
+if(_fd.type){_fc=_fd.type;}}
+if(!this.addEventListener){fn=fn.create({"bind":this,"event":true});}
+this.$events[_fa].values.push(fn);return(Element.NativeEvents.contains(_fc))?this.addListener(_fc,fn):this;},removeEvent:function(_fe,fn){if(!this.$events||!this.$events[_fe]){return this;}
+var pos=this.$events[_fe].keys.indexOf(fn);if(pos==-1){return this;}
+var key=this.$events[_fe].keys.splice(pos,1)[0];var _102=this.$events[_fe].values.splice(pos,1)[0];var _103=Element.Events[_fe];if(_103){if(_103.remove){_103.remove.call(this,fn);}
+if(_103.type){_fe=_103.type;}}
+return(Element.NativeEvents.contains(_fe))?this.removeListener(_fe,_102):this;},addEvents:function(_104){return Element.setMany(this,"addEvent",_104);},removeEvents:function(type){if(!this.$events){return this;}
+if(!type){for(var _106 in this.$events){this.removeEvents(_106);}
+this.$events=null;}else{if(this.$events[type]){this.$events[type].keys.each(function(fn){this.removeEvent(type,fn);},this);this.$events[type]=null;}}
+return this;},fireEvent:function(type,args,_10a){if(this.$events&&this.$events[type]){this.$events[type].keys.each(function(fn){fn.create({"bind":this,"delay":_10a,"arguments":args})();},this);}
+return this;},cloneEvents:function(from,type){if(!from.$events){return this;}
+if(!type){for(var _10e in from.$events){this.cloneEvents(from,_10e);}}else{if(from.$events[type]){from.$events[type].keys.each(function(fn){this.addEvent(type,fn);},this);}}
+return this;}};window.extend(Element.Methods.Events);document.extend(Element.Methods.Events);Element.extend(Element.Methods.Events);Element.Events=new Abstract({"mouseenter":{type:"mouseover",map:function(_110){_110=new Event(_110);if(_110.relatedTarget!=this&&!this.hasChild(_110.relatedTarget)){this.fireEvent("mouseenter",_110);}}},"mouseleave":{type:"mouseout",map:function(_111){_111=new Event(_111);if(_111.relatedTarget!=this&&!this.hasChild(_111.relatedTarget)){this.fireEvent("mouseleave",_111);}}},"mousewheel":{type:(window.gecko)?"DOMMouseScroll":"mousewheel"}});Element.NativeEvents=["click","dblclick","mouseup","mousedown","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","keydown","keypress","keyup","load","unload","beforeunload","resize","move","focus","blur","change","submit","reset","select","error","abort","contextmenu"];Function.extend({bindWithEvent:function(bind,args){return this.create({"bind":bind,"arguments":args,"event":Event});}});Elements.extend({filterByTag:function(tag){return new Elements(this.filter(function(el){return(Element.getTag(el)==tag);}));},filterByClass:function(_116,_117){var _118=this.filter(function(el){return(el.className&&el.className.contains(_116," "));});return(_117)?_118:new Elements(_118);},filterById:function(id,_11b){var _11c=this.filter(function(el){return(el.id==id);});return(_11b)?_11c:new Elements(_11c);},filterByAttribute:function(name,_11f,_120,_121){var _122=this.filter(function(el){var _124=Element.getProperty(el,name);if(!_124){return false;}
+if(!_11f){return true;}
+switch(_11f){case"=":return(_124==_120);case"*=":return(_124.contains(_120));case"^=":return(_124.substr(0,_120.length)==_120);case"$=":return(_124.substr(_124.length-_120.length)==_120);case"!=":return(_124!=_120);case"~=":return _124.contains(_120," ");}
+return false;});return(_121)?_122:new Elements(_122);}});function $E(_125,_126){return($(_126)||document).getElement(_125);}
+function $ES(_127,_128){return($(_128)||document).getElementsBySelector(_127);}
+$$.shared={"regexp":/^(\w*|\*)(?:#([\w-]+)|\.([\w-]+))?(?:\[(\w+)(?:([!*^$]?=)["']?([^"'\]]*)["']?)?])?$/,"xpath":{getParam:function(_129,_12a,_12b,i){var temp=[_12a.namespaceURI?"xhtml:":"",_12b[1]];if(_12b[2]){temp.push("[@id=\"",_12b[2],"\"]");}
+if(_12b[3]){temp.push("[contains(concat(\" \", @class, \" \"), \" ",_12b[3]," \")]");}
+if(_12b[4]){if(_12b[5]&&_12b[6]){switch(_12b[5]){case"*=":temp.push("[contains(@",_12b[4],", \"",_12b[6],"\")]");break;case"^=":temp.push("[starts-with(@",_12b[4],", \"",_12b[6],"\")]");break;case"$=":temp.push("[substring(@",_12b[4],", string-length(@",_12b[4],") - ",_12b[6].length," + 1) = \"",_12b[6],"\"]");break;case"=":temp.push("[@",_12b[4],"=\"",_12b[6],"\"]");break;case"!=":temp.push("[@",_12b[4],"!=\"",_12b[6],"\"]");}}else{temp.push("[@",_12b[4],"]");}}
+_129.push(temp.join(""));return _129;},getItems:function(_12e,_12f,_130){var _131=[];var _132=document.evaluate(".//"+_12e.join("//"),_12f,$$.shared.resolver,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for(var i=0,j=_132.snapshotLength;i<j;i++){_131.push(_132.snapshotItem(i));}
+return(_130)?_131:new Elements(_131.map($));}},"normal":{getParam:function(_135,_136,_137,i){if(i==0){if(_137[2]){var el=_136.getElementById(_137[2]);if(!el||((_137[1]!="*")&&(Element.getTag(el)!=_137[1]))){return false;}
+_135=[el];}else{_135=$A(_136.getElementsByTagName(_137[1]));}}else{_135=$$.shared.getElementsByTagName(_135,_137[1]);if(_137[2]){_135=Elements.filterById(_135,_137[2],true);}}
+if(_137[3]){_135=Elements.filterByClass(_135,_137[3],true);}
+if(_137[4]){_135=Elements.filterByAttribute(_135,_137[4],_137[5],_137[6],true);}
+return _135;},getItems:function(_13a,_13b,_13c){return(_13c)?_13a:$$.unique(_13a);}},resolver:function(_13d){return(_13d=="xhtml")?"http://www.w3.org/1999/xhtml":false;},getElementsByTagName:function(_13e,_13f){var _140=[];for(var i=0,j=_13e.length;i<j;i++){_140.extend(_13e[i].getElementsByTagName(_13f));}
+return _140;}};$$.shared.method=(window.xpath)?"xpath":"normal";Element.Methods.Dom={getElements:function(_143,_144){var _145=[];_143=_143.trim().split(" ");for(var i=0,j=_143.length;i<j;i++){var sel=_143[i];var _149=sel.match($$.shared.regexp);if(!_149){break;}
+_149[1]=_149[1]||"*";var temp=$$.shared[$$.shared.method].getParam(_145,this,_149,i);if(!temp){break;}
+_145=temp;}
+return $$.shared[$$.shared.method].getItems(_145,this,_144);},getElement:function(_14b){return $(this.getElements(_14b,true)[0]||false);},getElementsBySelector:function(_14c,_14d){var _14e=[];_14c=_14c.split(",");for(var i=0,j=_14c.length;i<j;i++){_14e=_14e.concat(this.getElements(_14c[i],true));}
+return(_14d)?_14e:$$.unique(_14e);}};Element.extend({getElementById:function(id){var el=document.getElementById(id);if(!el){return false;}
+for(var _153=el.parentNode;_153!=this;_153=_153.parentNode){if(!_153){return false;}}
+return el;}});document.extend(Element.Methods.Dom);Element.extend(Element.Methods.Dom);Element.Events.domready={add:function(fn){if(window.loaded){fn.call(this);return;}
+var _155=function(){if(window.loaded){return;}
+window.loaded=true;window.timer=$clear(window.timer);this.fireEvent("domready");}.bind(this);if(document.readyState&&window.webkit){window.timer=function(){if(["loaded","complete"].contains(document.readyState)){_155();}}.periodical(50);}else{if(document.readyState&&window.ie){if(!$("ie_ready")){var src=(window.location.protocol=="https:")?"://0":"javascript:void(0)";document.write("<script id=\"ie_ready\" defer src=\""+src+"\"></script>");$("ie_ready").onreadystatechange=function(){if(this.readyState=="complete"){_155();}};}}else{window.addListener("load",_155);document.addListener("DOMContentLoaded",_155);}}}};var Fx={};Fx.Base=new Class({options:{onStart:Class.empty,onComplete:Class.empty,onCancel:Class.empty,transition:function(p){return-(Math.cos(Math.PI*p)-1)/2;},duration:500,unit:"px",wait:true,fps:50},initialize:function(_158){this.element=this.element||null;this.setOptions(_158);if(this.options.initialize){this.options.initialize.call(this);}},step:function(){var time=$time();if(time<this.time+this.options.duration){this.delta=this.options.transition((time-this.time)/this.options.duration);this.setNow();this.increase();}else{this.stop(true);this.set(this.to);this.fireEvent("onComplete",this.element,10);this.callChain();}},set:function(to){this.now=to;this.increase();return this;},setNow:function(){this.now=this.compute(this.from,this.to);},compute:function(from,to){return(to-from)*this.delta+from;},start:function(from,to){if(!this.options.wait){this.stop();}else{if(this.timer){return this;}}
+this.from=from;this.to=to;this.change=this.to-this.from;this.time=$time();this.timer=this.step.periodical(Math.round(1000/this.options.fps),this);this.fireEvent("onStart",this.element);return this;},stop:function(end){if(!this.timer){return this;}
+this.timer=$clear(this.timer);if(!end){this.fireEvent("onCancel",this.element);}
+return this;}});Fx.Base.implement(new Chain,new Events,new Options);Fx.CSS={select:function(_160,to){if(_160.test(/color/i)){return this.Color;}
+var type=$type(to);if((type=="array")||(type=="string"&&to.contains(" "))){return this.Multi;}
+return this.Single;},parse:function(el,_164,_165){if(!_165.push){_165=[_165];}
+var from=_165[0],to=_165[1];if(!$chk(to)){to=from;from=el.getStyle(_164);}
+var css=this.select(_164,to);return{"from":css.parse(from),"to":css.parse(to),"css":css};}};Fx.CSS.Single={parse:function(_169){return parseFloat(_169);},getNow:function(from,to,fx){return fx.compute(from,to);},getValue:function(_16d,unit,_16f){if(unit=="px"&&_16f!="opacity"){_16d=Math.round(_16d);}
+return _16d+unit;}};Fx.CSS.Multi={parse:function(_170){return _170.push?_170:_170.split(" ").map(function(v){return parseFloat(v);});},getNow:function(from,to,fx){var now=[];for(var i=0;i<from.length;i++){now[i]=fx.compute(from[i],to[i]);}
+return now;},getValue:function(_177,unit,_179){if(unit=="px"&&_179!="opacity"){_177=_177.map(Math.round);}
+return _177.join(unit+" ")+unit;}};Fx.CSS.Color={parse:function(_17a){return _17a.push?_17a:_17a.hexToRgb(true);},getNow:function(from,to,fx){var now=[];for(var i=0;i<from.length;i++){now[i]=Math.round(fx.compute(from[i],to[i]));}
+return now;},getValue:function(_180){return"rgb("+_180.join(",")+")";}};Fx.Style=Fx.Base.extend({initialize:function(el,_182,_183){this.element=$(el);this.property=_182;this.parent(_183);},hide:function(){return this.set(0);},setNow:function(){this.now=this.css.getNow(this.from,this.to,this);},set:function(to){this.css=Fx.CSS.select(this.property,to);return this.parent(this.css.parse(to));},start:function(from,to){if(this.timer&&this.options.wait){return this;}
+var _187=Fx.CSS.parse(this.element,this.property,[from,to]);this.css=_187.css;return this.parent(_187.from,_187.to);},increase:function(){this.element.setStyle(this.property,this.css.getValue(this.now,this.options.unit,this.property));}});Element.extend({effect:function(_188,_189){return new Fx.Style(this,_188,_189);}});Fx.Slide=Fx.Base.extend({options:{mode:"vertical"},initialize:function(el,_18b){this.element=$(el);this.wrapper=new Element("div",{"styles":$extend(this.element.getStyles("margin"),{"overflow":"hidden"})}).injectAfter(this.element).adopt(this.element);this.element.setStyle("margin",0);this.setOptions(_18b);this.now=[];this.parent(this.options);this.open=true;this.addEvent("onComplete",function(){this.open=(this.now[0]===0);});if(window.webkit419){this.addEvent("onComplete",function(){if(this.open){this.element.remove().inject(this.wrapper);}});}},setNow:function(){for(var i=0;i<2;i++){this.now[i]=this.compute(this.from[i],this.to[i]);}},vertical:function(){this.margin="margin-top";this.layout="height";this.offset=this.element.offsetHeight;},horizontal:function(){this.margin="margin-left";this.layout="width";this.offset=this.element.offsetWidth;},slideIn:function(mode){this[mode||this.options.mode]();return this.start([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()],[0,this.offset]);},slideOut:function(mode){this[mode||this.options.mode]();return this.start([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()],[-this.offset,0]);},hide:function(mode){this[mode||this.options.mode]();this.open=false;return this.set([-this.offset,0]);},show:function(mode){this[mode||this.options.mode]();this.open=true;return this.set([0,this.offset]);},toggle:function(mode){if(this.wrapper.offsetHeight==0||this.wrapper.offsetWidth==0){return this.slideIn(mode);}
+return this.slideOut(mode);},increase:function(){this.element.setStyle(this.margin,this.now[0]+this.options.unit);this.wrapper.setStyle(this.layout,this.now[1]+this.options.unit);}});
+\ No newline at end of file
diff --git a/htdocs/scripts/w3c-validator.js b/htdocs/scripts/w3c-validator.js
new file mode 100644
index 0000000..9a95a94
--- /dev/null
+++ b/htdocs/scripts/w3c-validator.js
@@ -0,0 +1,155 @@
+var W3C = {
+	
+	start: function(){
+		
+		//select elements
+		
+		W3C.Legends = $$('legend.toggletext');
+		W3C.Options = $$('div.options');
+		
+		W3C.TabSet = $('tabset_tabs');
+		
+		W3C.Tabs = W3C.TabSet.getElements('li');
+		W3C.TabLinks = W3C.TabSet.getElements('a');
+		
+		W3C.Sections = $$('fieldset.tabset_content');
+		
+		W3C.Submits = $$('input[type=submit]');
+		W3C.Forms = $$('form');
+		
+		W3C.Submits.each(function(submit, i){
+			var value = submit.value;
+			submit.setStyle('display', 'none');
+			var link = new Element('a', {'class': 'submit', 'href': '#'});
+			var span = new Element('span').setHTML(value).inject(link);
+			link.injectAfter(submit).addEvent('click', function(event){
+				new Event(event).stop();
+				W3C.Forms[i].submit();
+			});
+		});
+		
+		
+		//initialize effects arrays
+		
+		W3C.SectionFx = [];
+		W3C.OptionsFx = [];
+		
+		//creating the Effects for the Options
+		
+		W3C.Options.each(function(option, i){
+			W3C.OptionsFx[i] = new Fx.Slide(option, {'wait': false, 'duration': 180});
+			W3C.OptionsFx[i].addEvent('onComplete', function(){
+				if (this.element.getStyle('margin-top').toInt() == 0){
+					this.wrapper.setStyle('height', 'auto');
+				}
+			});
+		});
+		
+		//creating links on legends, with event listeners
+		
+		W3C.Legends.each(function(legend, i){
+			var html = legend.innerHTML;
+			var pid = W3C.Sections[i].id.replace(/-/g, '_');
+			var opt = '+with_options';
+			legend.setHTML('<a href="#'+ pid + opt + '">' + html + '</a>');
+			var option = W3C.Options[i];
+			var link = legend.getFirst();
+			link.addEvent('click', function(event){
+				var block = (option.getStyle('margin-top').toInt() == 0);
+				W3C.setHash((block) ? pid : pid + opt);
+				new Event(event).stop();
+				W3C.refreshOptionLinks(!block, i);
+			});
+		});
+		
+		//creating event listeners on tabs
+		
+		W3C.Tabs.each(function(li, i){
+			var link = li.getFirst();
+			link.href = link.original = link.href.replace(/-/g, '_');
+			li.addEvent('click', function(){
+				W3C.updateLocation();
+				W3C.displaySection(i);
+			});
+		});
+		
+		//updating the location
+		
+		W3C.updateLocation();
+		
+		//setting the initial display of the options, based on the location
+		
+		W3C.refreshOptionLinks(W3C.WithOptions);
+		
+		//attaching the Sections effects, and display section based on the uri
+		
+		W3C.Sections.each(function(section, i){
+			var fakeId = section.id.replace(/-/g, '_');
+			W3C.SectionFx[i] = new Fx.Style(section, 'opacity', {'wait': false, 'duration': 220});
+			section.setStyle('display', 'none');
+			if (W3C.Location[0] && fakeId.contains(W3C.Location[0].replace(/-/g, '_'))){
+				W3C.displaySection(i, true);
+				W3C.Located = true;
+			}
+		});
+		
+		//displaying the first section if no one is located
+		
+		if (!W3C.Located) W3C.displaySection(0, true);
+		
+		if (window.ie) $$('legend').setStyle('margin-left', '-0.4em');
+	},
+	
+	updateLocation: function(){
+		W3C.Location = window.location.hash.replace('#', '').split('+');
+		W3C.WithOptions = (W3C.Location[1] && W3C.Location[1].contains('with_options'));
+	},
+	
+	refreshOptionLinks: function(options, idx){
+		
+		if (!options){
+			if ($chk(idx)) W3C.OptionsFx[idx].slideOut();
+			W3C.Legends.removeClass('toggled');
+		} else {
+			if ($chk(idx)) W3C.OptionsFx[idx].slideIn();
+			W3C.Legends.addClass('toggled');
+		}
+		
+		W3C.TabLinks.each(function(link){
+			link.href = (options) ? link.original + '+with_options' : link.original;
+		});
+	},
+	
+	displaySection: function(i, sudden){
+		W3C.Sections.each(function(section, j){
+			var block = section.getStyle('display') == 'block';
+			if (j == i){
+				if (block) return;
+				W3C.Sections[j].setStyles({'opacity': sudden ? 1 : 0, 'display': 'block'});
+				if (!sudden) W3C.SectionFx[j].start(0.999999);
+				if (W3C.WithOptions) W3C.OptionsFx[j].show().fireEvent('onComplete');
+				else W3C.OptionsFx[j].hide();
+			} else {
+				if (!block) return;
+				W3C.Sections[j].setStyles({'display': 'none', 'opacity': 0});
+			}
+		});
+		
+		W3C.Tabs.each(function(link, j){
+			if (j == i) link.addClass('selected');
+			else link.removeClass('selected');
+		});
+	},
+	
+	setHash: function(hash){
+		if (window.webkit419){
+			W3C.FakeForm = W3C.FakeForm || new Element('form', {'method': 'get'}).injectInside(document.body);
+			W3C.FakeForm.setProperty('action', '#' + hash).submit();
+		} else {
+			window.location.hash = hash;
+		}
+	}
+	
+};
+
+window.addEvent('domready', W3C.start);
+\ No newline at end of file
diff --git a/htdocs/style/base.css b/htdocs/style/base.css
index 3e82771..bc3b548 100644
--- a/htdocs/style/base.css
+++ b/htdocs/style/base.css
@@ -1,628 +1,654 @@
-/*
-   Base Style Sheet for the W3C CSS validation service
-	And Markup Validation Service.
+/* @group Reset */
 
-   Copyright 2000~2007 W3C (MIT, INRIA, Keio). All Rights Reserved.
-   See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright
-
-   $Id: base.css,v 1.11 2007-04-18 23:03:50 ot Exp $
-*/
-
-/*                 
-   General styling 
-                   */
-html {
-    background-color: white;
-    color: #11111A;
+html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
+br, input, button, textarea, h1, h2, h3, h4, h5, strong {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-weight: normal;
+	font-style: normal;
+	font-size: 100%;
+	font-family: Helvetica, Arial, Sans-Serif;
+	vertical-align: baseline;
+	background-color: transparent;
+	color: #1f2126;
+	line-height: 1;
+	text-align: left;
 }
 
-body {  
-    margin: auto auto;
-    padding-left: 6%;
-    padding-right: 6%;
-    background-color: white;
-    color: #11111A;
-    font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
-    font-size: 1em; /* setting base font to user's prefered size */
-    min-width: 50em;
+a img {
+	border: 0;
 }
-p, pre, dt {     
-    line-height: 130%; 
-    padding-left: 1.5em;
-}
-
-/*                                                   
-   Main blocks - see also ul.navbar 
-                                                     */
 
-#banner {
-    background-color: white;
-    color: #11111A;
-    background-image: url(../images/header.jpg);
-    background-repeat: no-repeat;
-    background-attachment: scroll;
-    background-position: top right;
-    padding: 4px 0 0 0;
-    height: 55px; 
-    margin-bottom: 0;
-    margin-top: 22px;
-    border: 0;
+a:link, a:visited {
+	text-decoration: underline;
+	color: #365D95;
+}
 
+a:hover, a:active {
+	text-decoration: underline;
+	color: #1f2126;
 }
 
-#banner h1 { 
-    vertical-align: middle;
-    font-size: 1.5em;
-    display: inline;
+ul, ol {
+	list-style: none;
 }
 
-p#tagline {
-    font-size: x-small;
-    padding: 0; 
-    line-height: 100%;
-    margin: 0 0 4em .8em;
-    background-color: white;
-    color: #11111A;
-    clear: both;
+abbr[title], acronym[title], span[title], strong[title] {
+	border-bottom: thin dotted;
+	cursor: help;
 }
 
-#main { 
-    padding: 15px 0;
-    background-color: white;
-    margin: 0;
-    color: #11111A;
+acronym:hover, abbr:hover {
+	cursor: help;
 }
 
-.intro {
-  font-style: italic;
-  font-size: smaller;
-  text-align: justify;
+/* @end */
+
+/* @group Basics */
+
+body {
+	padding-bottom: 6em;
+	min-width: 40em; /* for the tabs, mostly */
 }
 
-/* 
-   Headers
-            */
+p {
+  line-height: 130%;   
+}
 
-h1 { 
-    font-family: "Gill Sans", Helvetica, sans-serif;
-    font-weight: bold;
-    font-style: normal;
-    text-decoration: none;
+strong { 
+  font-weight: bold;
 }
 
 h2 { 
     color: #690;
+    font-family:Verdana,Arial,sans-serif;
     background-color: white;
-    padding: 5px 15px;
-    margin-top: 30px;
-    margin-bottom: 20px;
     font-size: 1.3em;
-    text-align: center;
-    text-decoration: none;
-    font-family: "Gill Sans", sans-serif;
+    margin-bottom: 1em;    
 }
 
 h3 {
+    font-family:Verdana,Arial,sans-serif;
     color: #690;
     background-color: white;
     font-size: 1.1em;
-    padding: 2px 10px;
     border-bottom: 1px dotted #aaaa77;
     text-decoration: none;
-    font-family: "Gill Sans", sans-serif;
+    margin-top: 1em;
+    margin-bottom: 1em;
 } 
 
 h4 {
+    font-family:Verdana,Arial,sans-serif;
     color: #690;
-    background-color: white;
-    font-weight: 600;
     font-style: italic;
     text-decoration: none;
-    font-size: 1.0em;
-    padding-left: 15px;
-    font-family: "Gill Sans", sans-serif;
+    font-size: .9em;
+    font-weight:600;
+    margin-top: 1.5em;
+    margin-bottom: .5em;
 }
 
 h5,h6 {
-    color: #11111A;
+    font-family:Verdana,Arial,sans-serif;
+    color: #11111a;
     background-color: white;
-    font-family: "Gill Sans", sans-serif;
     font-weight: normal;
-    padding-left: 15px;
+    font-size: small;
+    margin-top: 1em;
+    margin-left: 1em;
+    margin-bottom: .7em;
     }
-/* 
-   General link styling
-                         */
 
-a:link, a:visited {
-    color: #005A9C;
-    background-color: transparent;
-    text-decoration: none;
+    /* tables in the documentation */
 
-}
+    table {
+    }
+    td, th{
+    	padding: 6px;
+    }
 
-a:hover, a:active {
-    color: #005A9C;
-    background-color: transparent;
-    text-decoration: underline;
+
+/* @group Inputs */
+
+input#uri, input#file, input#uploaded_file, textarea {
+	font-family: Monaco, "Courier New", Monospace;
+	font-size: 0.9em;
+	border: 1px solid #bbb;
+	border-top: 1px solid #777;
+	border-bottom: 1px solid #ddd;
+	background: #fefefe url(../images/textbg.png) no-repeat top left;
+	padding: 0.2em 0.2em;
+	max-width: 1000px;
+	font-variant: normal;
 }
 
+input#uri, input#file, input#uploaded_file {
+	width: 85%;
+	margin: 0.3em 0 0 1em;
+}
 
-/* 
-   Other basic styles 
-                      */
+input#file, input#uploaded_file {
+	width: 30em;
+}
 
-/* TODO - add ol, li, td here ? */
-p, dt, ul, ol {
-    margin-left: 1.5em;
-    margin-right: 1.5em;
+a.submit {
+	display: block;
+	width: 10em;
+	text-align: center;
+	margin: 0 auto;
+	background: url(../images/button-left.png) no-repeat center left;
+	text-decoration: none;
 }
 
+a.submit span {
+	display: block;
+	padding: 1.2em 2em;
+	background: url(../images/button-right.png) no-repeat center right;
+}
 
-dd {
-    margin-left: 35px;
-    margin-right: 25px;
+textarea {
+	width: 98.5%;
 }
 
-#news dt {
-    font-weight: bold;
-     margin-top: 1em;
-   }
+p.submit_button input {
+	overflow: visible;
+	width: auto;
+	background: #fff;
+	color: #1f2126;
+	padding: 0.2em 0.4em 0 0.3em;
+	font-size: 1.2em;
+	width: 20em;
+	text-align: center;
+	border-bottom: 2px solid #444;
+	border-right: 2px solid #444;
+	border-top: 1px solid #aaa;
+	border-left: 1px solid #aaa;
+	background: #eee url(../images/grad.png) repeat-x top left;
+	cursor: pointer;
+}
 
-img { 
-    margin:0;
-    padding: 0;
-    vertical-align: middle;
-    border: 0;
+p.submit_button input:active {
+	border-bottom: 1px solid #aaa;
+	border-right: 1px solid #aaa;
+	border-top: 2px solid #444;
+	border-left: 2px solid #444;
 }
 
-acronym:hover, abbr:hover {
-    cursor: help;
+label {
+	font-size: 0.9em;
+	padding-left: .2em;
+	padding-right: .2em;
 }
 
-abbr[title], acronym[title], span[title], strong[title] {
-    border-bottom: thin dotted;
-    cursor: help;
+div.options select {
+	margin-right: 0.8em;
 }
 
-pre, code, tt {
-    font-family: "Bitstream Vera Sans Mono", Monaco, "Andale Mono", monospace;
-    line-height: 100%;
-    white-space: pre;
+div.options label {
+	margin-right: 0.3em;
 }
 
-a:link img, a:visited img {
-    border-style: none;
+fieldset.moreoptions div table tr.subchoice th {
+    padding-left: 3em;
 }
 
-ul.toc {
-    list-style: none;
+/* @end */
+
+/* @group Header */
+
+h1#title {
+	font-family: "Myriad Web", "Myriad Pro", "Gill Sans", Helvetica, Arial, Sans-Serif;
+	color: #fdfdfd;
+	font-size: 1.6em;
+	background: url(../images/head-bl.png) bottom left no-repeat;
+	padding-bottom: 0.430em;
 }
 
-/* tables in the documentation */
 
-table {
-	border-collapse: collapse;
-	border-right: 1px solid #ccc;
+h1 span {
+	border-bottom: 1px solid #6383b1;
+	border-color: #4e6f9e;
 }
-td, th{
-	border-top: 0px solid #ddd;
-	border-bottom: 1px solid #ccc;
-	border-left: 1px solid #eee;
-	padding: 6px;
-	border-collapse: collapse;
+
+h1#title a:link, h1#title a:hover, h1#title a:visited, h1#title a:active {
+  color: #fdfdfd !important;
+  text-decoration: none;
 }
-th {
-	background-color: #eee;
-	color: #11111A;
-	border-right: 1px solid #ccc;
+
+h1#title img {
+	vertical-align: middle;
+	margin-right: 0.7em;
 }
 
+div#banner {
+	background: #365D95 url(../images/head-br.png) bottom right no-repeat;
+	margin: 1.5em 2em;
+}
 
+p#tagline {
+	font-size: 0.7em;
+	margin: -2em 0 0 12.1em;
+	padding-bottom: 1em;
+	letter-spacing: 0.1em;
+	line-height: 100% !important;
+	color: #D0DCEE;
+}
 
-/*
-   Stuff we don't actually want too visible - or not at all
-                                                            */
-.hideme { display: none; }
+ul#lang_choice {
+	position: absolute;
+	top: 0;
+	right: 0;
+	font-size: 0.7em;
+	padding: 0.8em 0;
+	margin-right: 3.3em;
+}
 
+ul#lang_choice a:link, ul#lang_choice a:visited {
+	text-decoration: none;
+}
 
-/*
-   Forms on front page, with tabtastic and toggable extra options
-         */
-#frontforms {
-	margin-left: 12%;
-	margin-right: 12%;
-	
+ul#lang_choice a:hover, ul#lang_choice a:active {
+	text-decoration: underline;
 }
 
+ul#lang_choice li {
+	display: inline;
+	padding-left: 0.5em;
+}
 
+/* @end */
 
-/* Fieldsets */
+/* @group Tabs */
 
-/* generic style for form fields */
-fieldset {
-    border: 1px solid #005A9C;
-    background-color: transparent;
-    color: #11111A;
-    margin-bottom: 3em;
-    margin-left: 0;
-}
-fieldset legend {
-    font-weight: bold;
-    padding: .5em;
-}
-fieldset.moreoptions legend {
-    font-weight: normal;
+ul#tabset_tabs {
+	height: 1.62em;
 }
 
-fieldset.moreoptions table tr.subchoice th {
-    font-weight: normal;
-    padding-left: 3em;
+ul#tabset_tabs li {
+	cursor: pointer;
+	float: left;
+	margin-right: 0.245em;
+	background: #DADDE3 url(../images/tab-tl.png) no-repeat top left;
+	border-bottom: 1px solid #CBD0DB;
 }
 
-fieldset p { 
-    margin: 0 0  0.8em 0; 
-    padding: 0; 
+ul#tabset_tabs li.selected {
+	background: #EAEBEE url(../images/round-tl.png) no-repeat top left;
+	border-bottom: 1px solid #EAEBEE;
 }
 
-fieldset div {
-    padding-top: 1em;
+ul#tabset_tabs li.selected a:link, ul#tabset_tabs li.selected a:visited {
+	color: #1f2126;
+	background: #EAEBEE url(../images/round-tr.png) no-repeat top right;
 }
 
-fieldset p.instructions {
-    padding-top: 1em;
-    padding-bottom: 0;
-    margin-bottom: 0;
+ul#tabset_tabs li span {
+	color: #616571;
 }
-fieldset p.submit_button, fieldset div.submit_button {
-    text-align: right;
-    padding-top: .5em;
+
+body ul#tabset_tabs li.selected a span {
+	color: #3d424f;
 }
-fieldset p.submit_button input, fieldset div.submit_button input {
-    font-weight: bold;
-    color: #005A9C;
-    background: #fff;
-    padding: 0.2em 2em;
-    border: 2px outset #005A9C;
+
+ul#tabset_tabs li a:link, ul#tabset_tabs li a:visited {
+	color: #365D95;
+	display: block;
+	padding: 0.515em 1.3em 0.215em 0.8em;
+	background: #DADDE3 url(../images/tab-tr.png) no-repeat top right;
+	margin-left: 0.5em;
+	font-size: 0.9em;
+	font-weight: bold;
+	text-decoration: none;
 }
 
-/* home page fieldsets */
+ul#tabset_tabs li a:hover, ul#tabset_tabs li a:active {
+	color: #6887b5;
+}
 
-.tabset_tabs	{ 
-    margin:0; 
-    padding:0; 
-    list-style-type:none; 
-    position:relative; 
-    z-index:2; 
-    white-space:nowrap; 
+ul#tabset_tabs li a:hover span, ul#tabset_tabs li a:active span {
+	color: #808c9d;
 }
 
-.tabset_tabs li	{ 
-    margin:0; 
-    padding:0; 
-    display:inline;
+ul#tabset_tabs li.selected span {
+	color: #5d6371;
 }
 
-.tabset_tabs a	{  
-    border: 0;
-    border-left: 1px solid #f2f7fa; 
-    text-decoration:none; 
-    padding: 0.8em 0.6em 0 0.6em;
-    background: white;
-    font-weight: bold;
+/* @end */
+
+/* @group Contents */
+
+div#frontforms {
+	background: #fff;
+	padding: 0 2em;
 }
 
-.tabset_tabs a:hover	{ 
-    color:#424242 ! important; 
-    background: #D1DAE9 url(../images/sm_gradient_hover.gif) 0 0 repeat-x;
-    text-decoration:none;  
+div#fields {
+	clear: both;
+	background: #EAEBEE url(../images/round-tr.png) no-repeat top right;
+	padding: 0.5em 1.3em;
+	border-bottom: 1px solid #DCDDE0;
 }
 
-.tabset_tabs li.firstchild a, .tabset_tabs li:first-child a { 
-    border-left: 1px solid white; 
+fieldset {
+	background: #EAEBEE;
 }
 
+legend {
+	font-size: 1.1em;
+	padding: 1em 0 0.23em;
+	letter-spacing: 0.06em;
+}
 
-.tabset_tabs a.active, .tabset_tabs a.active:hover { 
-    color:#424242 ! important; 
-    background-color: #f2f7fa !important;
-    background: #f2f7fa url(../images/sm_gradient_active.gif) 0 0 repeat-x;
-    /*border-color: #D1DAE9; 
-    border-left-width:1px; */
-    cursor:default; 
-    border: 1px solid #D1DAE9 !important; 
-    border-bottom: transparent !important; 
-    
-    padding-top:0.8em; 
-    padding-bottom:1px; 
-   /* color: #fffff0 !important; */
- }
+legend a:link, legend a:visited, legend a:hover, legend a:active {
+	text-decoration: none;
+}
 
-div#fields {
-    border: 1px solid #D1DAE9; 
-    
-/*    background-color: #f2f7fa;*/
-    background: #f2f7fa url(../images/lg_gradient.gif) bottom left repeat-x;
-    margin: 0;
-    padding: 0;
-}
-.tabset_content	{ 
-    border: none;
-    position:relative; 
-    z-index:1; 
-    padding:0.5em 1em; 
-    border-left: 1px solid white;
-    padding-bottom: .5em;
-    margin-bottom: 0;
-}
-
-input {
-    vertical-align: middle;
+legend.toggletext {
+	cursor: pointer;
+	padding-left: 0.8em;
+	background: #EAEBEE url(../images/arrow-closed.png) 0 1.2em no-repeat;
 }
-input.reset {
-    text-align: center;
+
+legend.toggled {
+	background: #EAEBEE url(../images/arrow-open.png) 0 1.4em no-repeat;
 }
-input.default {
-    text-align: center;
-    font-weight: bold;
+
+p.instructions {
+	color: #4D525E;
+	font-size: 0.80em;
+	padding-bottom: 1em;
+	padding-top: 0.5em;
 }
 
+div.options {
+	padding: 0.7em 0 0.5em 1em;
+}
 
-/* the following from http://www.mindsack.com/toggle/ (c) Kent Brewster */
+div.options, p.submit_button, p.instructions, p#note {
+	border-top: 1px solid #cbcdd5;
+	background: #EAEBEE url(../images/double.png) left top repeat-x;
+}
 
-.hidden
-{
-        display:none;
+p.submit_button {
+	padding: 0.5em 0 0.3em;
+	text-align: center;
 }
-fieldset.moreoptions {
-border-color: #ADDBFE;
-border-style: dotted;
-margin-bottom: 0;
-padding-left: .3em;
+
+form {
+	padding-bottom: 1em;
 }
-fieldset.moreoptions div, fieldset.moreoptions table {
-margin-top: 0;
-margin-left: .5em;
-font-size: smaller;
+
+p#note {
+	clear: both;
+	color: #4D525E;
+	font-size: 0.9em;
+	padding: 0.5em 0 0.1em;
 }
 
-fieldset.moreoptions td, fieldset.moreoptions th, fieldset.moreoptions table {
-        border: 0 !important;
+/* @end */
+
+/* @group Menu */
+
+ul#menu {
+	text-align: center;
+	margin: 1em 2em;
+	background: #EAEBEE url(../images/round-br.png) no-repeat bottom right;
+	padding: 0.5em 0 0.3em;
+	border-top: 1px solid #DCDDE0;
 }
-fieldset.moreoptions th {
-	background-color: transparent !important;
-	text-align: left;   
+
+ul#menu span {
+	display: none;
 }
 
-#frontforms fieldset a:link, #frontforms fieldset a:hover, #frontforms fieldset a:visited, #frontforms fieldset a:active {
-    color: #005A9C !important;
+ul#menu a:link, ul#menu a:visited {
+	background: #EAEBEE;
+	color: #365D95;
+	text-decoration: none;
 }
-fieldset a:link, fieldset a:visited, fieldset legend a:link, fieldset legend a:visited {
-/*font-weight: bold;*/
+
+ul#menu a:hover, ul#menu a:active {
+	color: #1f2126;
+	text-decoration: underline;
 }
 
-fieldset.closed {
-border: 0;
+ul#menu li {
+	display: inline;
+	margin-right: 0.8em;
 }
 
 
 
-/* IE6 hack, avoid "leaking" of fiedset background into legend 
-(more hacking in tabtastic.css to make the "ghost" of the legend disappear) */
-* html legend { position:absolute; top: -25em !important; left: -25em !important; }
-* html fieldset{ position: relative; margin-top:0 !important; padding-top:0 !important; }
+/* @end */
 
+/* @group Footer */
 
+div#footer {
+	padding: 0 2em;
+}
 
+p#activity_logos {
+	float: left;
+	margin-right: 2em;
+}
 
-/* 
-	Menu Bar
-			*/
+p#support_logo {
+	float: right;
+	font-size: 0.8em;
+	text-align: center;
+	margin-left: 2em;
+}
 
-ul.navbar {
-        color: #005A9C;
-	border-top: 1px solid #005A9C;
-	border-bottom: 1px solid #005A9C;
-        background-color: white;
-        margin: 3em 0 0 0;
-        padding: 3px 0 3px 0;
-        line-height: 140%;
-        vertical-align: bottom;
-        font-size: 0.9em;
-        list-style-type: none;
+p.copyright {
 	text-align: center;
-	font-weight: bold;
+	text-transform: uppercase;
+	font-size: 0.7em;
+	line-height: 1.4;
 }
 
-ul.navbar { padding-left: 1em; padding-right: 1em}
-ul.navbar li {
-  display: inline;
+p.copyright, p.copyright a {
+	text-decoration: none;
+	color: #7C8395;
+}
+
+p.copyright a:link, p.copyright a:visited {
+	color: #A3756E;
 }
 
-ul.navbar li a {
-  padding-right: 1.2em;
-  padding-left: 1.2em;
+p.copyright a:hover, p.copyright a:active {
+	color: #7D4A42;
 }
 
-/* 
-	legalese and logos beneath the menu bar
-							*/
 p#version_info {
-    font-size:      x-small;
+    font-size:      small;
     text-align: center;
     color: #888;
     background-color: white;
-    margin-top:     20px;
-    margin-left:    210px;
-    margin-right: 240px;
 }
 
-p#activity_logos {
-float:left; 
-width: 144px; 
-padding: 8px 0 40px 0; 
+/* @end */
+
+/* @group docs */
+
+div.doc {
+  margin: 1em 2em;
+	padding: 0.5em 0 0.3em;	  
 }
 
-p#support_logo {
-float: right; width: 180px; padding: 0; margin-top: 12px; font-size: x-small; text-align:center;
+
+/* Set line height to 1.4x (from 1.3x on general site) to allow for various inline decoration. */
+div.doc p, div.doc li {
+  line-height: 150% !important; 
+}
+div.doc p {
+  margin-bottom: .7em;
+  margin-top: .5em;
 }
 
-                                                            
-p.copyright {
-  margin-left:    210px;
-  margin-right: 240px;
-  font-size:      x-small;
-  text-align:     justify;
-  text-transform: uppercase;
-  font-family: "Bitstream Vera Sans Mono", monospace;
-  color: #888;
-  background-color: white;
-  line-height:    120%;
-}
-
-p.copyright a {
-  color: #88f;
-   background-color: white;
-  text-decoration: none;
+div.doc p, div.doc dt, div.doc ul, div.doc ol {
+    margin-left: 1.5em;
+    margin-right: 1.5em;
 }
 
+div.doc ul li {
+  list-style-type: disc;
+  margin-left: 1em;
+}
 
+/* documentation - table of contents */
+#toc { /* making the toc a bit more compact and standing out */
+    font-size: .85em;
+    font-weight: bold;
+    margin-bottom: 2em;
+    margin-left: 3em;
+}
 
-/* 
-		Jump Bar  - results page - based on navbar styling
-(from markup validator - note used in this design yet)
-								*/
-#jumpbar {
-    margin-top:    -1.5em; 
-    margin-bottom: 1em;
+div.doc div#toc ol {
+   list-style-type: decimal;
 }
-#jumpbar li {
-        color: #11111A !important;   
-}
-/* language selection bar */
-#lang_choice {
-        position: absolute;
-        display: block;
-        width: 50em; 
-        top: 0px; 
-        text-align: right; 
-        right: 75px; 
-	margin-top: 6px;
-        font-size: x-small;
-	list-style: none;
+div.doc div#toc ol li {
+  line-height: 130%;
+  font-weight: bold;
+}
+div.doc div#toc ol li ol {
+   list-style-type: lower-alpha;
+   font-weight: normal;
+   margin-left: 1em;
+}
+div.doc div#toc ol li ol li ol{
+   list-style-type: lower-roman;
+}
+
+
+/* documentation - error explanations */
+dl#expl dt code { /* headings for an error */
+  white-space: normal;
+  font-weight: bold;
+}
+
+dl#expl dt {
+  border-top: 1px dashed black;
+  margin-top: 2em;
+  margin-bottom: 1em;
+}
+
+div.doc dt {
+  margin-top: 1.2em;
+  margin-bottom: .2em;
+}
+div.doc dt, div.doc dt a {
+  font-style: italic;
+}
+div.doc dd {
+  margin-right: 0; /* no need for the extra margin if we nicely put the text of the dd in a paragraph */
+}
+div.doc var { /* headings for an error */
+  color: #006;
+}
+
+/* A snippet of code used inline. */
+div.doc code {
+  white-space: normal;
+  display: inline;
+  padding-left: .2em;
+  padding-right: .2em;
+  color:      black;
+  font-family: Monaco, "Courier New", monospace;
+  border: 1px dotted #ccc;
 }
-#lang_choice li { display: inline; padding-left: .5em;}
-
-
-/* 
-                Documentation pages 
-                                                                */
-                                                                
-        /* Set line height to 1.4x (from 1.3x on general site) to allow for various inline decoration. */
-        div.doc {
-          line-height: 140%; 
-        }
-
-        /* documentation - table of contents */
-        #toc { /* making the toc a bit more compact and standing out */
-            font-size: .85em;
-            font-weight: bold;
-            margin-bottom: 40px;
-        }
-
-        div.doc div#toc ol {
-           list-style-type: decimal;
-        }
-        div.doc div#toc ol li ol {
-           list-style-type: lower-alpha;
-        }
-        div.doc div#toc ol li ol li ol{
-           list-style-type: lower-roman;
-        }
-
-
-        /* documentation - error explanations */
-        dl#expl dt code { /* headings for an error */
-          white-space: normal;
-          font-weight: bold;
-        }
-
-        dl#expl dt {
-          border-top: 1px dashed black;
-          margin-top: 2em;
-          margin-bottom: 1em;
-        }
-
-        div.doc dd {
-          margin-right: 0; /* no need for the extra margin if we nicely put the text of the dd in a paragraph */
-        }
-        div.doc var { /* headings for an error */
-          color: #006;
-        }
-
-        /* A snippet of code used inline. */
-        div.doc code {
-          white-space: normal;
-          font-weight: bold;
-          display: inline;
-          padding-left: .2em;
-          padding-right: .2em;
-          background: #eef;
-          color:      #337;
-          font-family: "Bitstream Vera Sans Mono", monospace;
-          border: 1px dotted #ccf;
-        }
-
-        div.doc code.block {
-          display: block;
-          padding: 1em;
-          white-space: pre;
-          margin-top: 1em;
-          margin-bottom: 1em;
-          margin-right:  3em;
-        }
-
-        div.doc code samp {
-          font-weight: normal;
-          color: black;
-          font-style: italic;
-        }
-
-        /* reference tables */
-
-        div.doc table {
-        	border-collapse: collapse;
-        	border-right: 1px solid #ccc;
-        }
-        div.doc table td, .doc table th{
-        	border-top: 0px solid #ddd;
-        	border-bottom: 1px solid #ccc;
-        	border-left: 1px solid #eee;
-        	padding: 6px;
-        	border-collapse: collapse;
-        }
-        div.doc table th {
-        	background-color: #eee;
-        	color: #11111A;
-        	border-right: 1px solid #ccc;
-        }
-
- /* warning on the home page for test instances */
- #test_warning {
-     border-left: 1px solid #ccc;
-     border-right: 1px solid #ccc;
-     line-height: 160%;
-     text-align: center;
-     margin-top: 2em;
- 	margin-left: 12%;
- 	margin-right: 12%;
- 	padding-left: 1.5em;
-    padding-right: 1.5em;
- 	color: black;
- 	background-color: white;
- }
- 
- #test_warning img {
-     width: 1.3em;
-     padding-bottom: .3em;
- }
-\ No newline at end of file
+
+div.doc code.block {
+  display: block;
+  padding: 1em;
+  white-space: pre;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  margin-right:  3em;
+}
+
+div.doc code samp {
+  font-weight: normal;
+  color: black;
+  font-style: italic;
+}
+
+/* reference tables */
+
+div.doc table {
+	border-collapse: collapse;
+	border-right: 1px solid #ccc;
+}
+div.doc table td, .doc table th{
+	border-top: 0px solid #ddd;
+	border-bottom: 1px solid #ccc;
+	border-left: 1px solid #eee;
+	padding: 6px;
+	border-collapse: collapse;
+}
+div.doc table th {
+	background-color: #eee;
+	color: #11111A;
+	border-right: 1px solid #ccc;
+}
+
+div.doc table {
+  margin-top: 1em;
+  margin-bottom: .5em;
+ 	border-collapse: collapse;
+	border-right: 1px solid #ccc; 
+}
+
+div.doc td, div.doc th {
+	border-top: 0px solid #ddd;
+	border-bottom: 1px solid #ccc;
+	border-left: 1px solid #eee;
+	border-collapse: collapse;
+  
+}
+div.doc th {
+	background-color: #eee;
+	color: #11111A;
+	border-right: 1px solid #ccc;
+}
+
+
+/* @group home page, news text */
+
+div.intro {
+  margin: 1em 2em;
+	padding: 0.5em 0 0.3em;	
+}
+
+#news dt {
+    font-weight: bold;
+     margin-top: 1.5em;
+     margin-bottom: .3em;
+   }
+
+#news dd {
+       margin-left: 2.5em;
+       margin-right: 1.5em;
+   }
+
+
+/* warning on the home page for test instances */
+#test_warning {
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    line-height: 160%;
+    text-align: center;
+    margin-top: 2em;
+	margin-left: 12%;
+	margin-right: 12%;
+	padding-left: 1.5em;
+   padding-right: 1.5em;
+	color: black;
+	background-color: white;
+}
+
+#test_warning img {
+    width: 1.3em;
+    vertical-align: middle;
+}
+\ No newline at end of file
diff --git a/htdocs/style/results.css b/htdocs/style/results.css
index bd8ab1b..6d3f6c8 100644
--- a/htdocs/style/results.css
+++ b/htdocs/style/results.css
@@ -1,9 +1,51 @@
 /* style sheet for the validator's results page          */
-/* $Id: results.css,v 1.16 2007-05-07 16:14:15 ot Exp $ */
+/* $Id: results.css,v 1.17 2007-05-31 02:32:14 ot Exp $ */
+
+div#results_container {
+  margin: 2em;
+}
+div#results_container ul li {
+  list-style-type: disc;
+  margin-left: 1em;
+}
+div#results_container ul {
+    margin-left: 1.5em;
+    margin-right: 1.5em;
+}
+
+
+div#results_container ul.navbar {
+  border-top: 1px solid #DCDDE0;
+  border-bottom: 1px solid #DCDDE0;
+	text-align: center;
+	margin: 0 0 2em 0;
+	padding: .5em;
+}
+div#results_container ul.navbar span {
+	display: none;
+}
+
+div#results_container ul.navbar a:link, div#results_container ul.navbar a:visited {
+	color: #365D95;
+	text-decoration: none;
+	margin-right: 1em;
+	margin-left: 1em;
+}
+
+div#results_container ul.navbar a:hover, div#results_container ul.navbar a:active {
+	color: #1f2126;
+	text-decoration: underline;
+	margin-right: 1em;
+	margin-left: 1em;
+}
+
+div#results_container ul.navbar li {
+	display: inline;
+}
 
 .input {
   color: black;
-  background-color: #eee;
+  background-color: #EAEBEE;
   font-family: "Bitstream Vera Sans Mono", monospace;
   font-size: small;
 }
@@ -37,8 +79,47 @@ div#revalidate_button {
 table.header {
   clear: both;
   width: 100%;
+  margin-top: 0;
+  padding-top: 0;
 }
 
+div#results_container table {
+	border-collapse: collapse;
+	border-right: 1px solid #ccc;
+}
+div#results_container table td, div#results_container table th{
+	border-top: 0px solid #ddd;
+	border-bottom: 1px solid #ccc;
+	border-left: 1px solid #EAEBEE;
+	padding: 6px;
+	border-collapse: collapse;
+}
+div#results_container table th {
+	background-color: #EAEBEE;
+	color: #11111A;
+	border-right: 1px solid #ccc;
+}
+
+div#results_container table {
+  margin-bottom: .5em;
+ 	border-collapse: collapse;
+	border-right: 1px solid #ccc; 
+}
+
+div#results_container td, div#results_container th {
+	border-top: 0px solid #ddd;
+	border-bottom: 1px solid #ccc;
+	border-left: 1px solid #EAEBEE;
+	border-collapse: collapse;
+  
+}
+div#results_container th {
+	background-color: #EAEBEE;
+	color: #11111A;
+	border-right: 1px solid #ccc;
+}
+
+
 fieldset#revalidate_opts table.header {
         margin-top: .5em;
 }
@@ -60,7 +141,7 @@ ol#warnings, ol#error_loop, ol#fatal-errors {
 }
 
 ol li.msg_info, ol li.msg_warn, ol li.msg_err {
-  border: 1px solid #eee;
+  border: 1px solid #EAEBEE;
   border-top: 0;
   list-style-position: inside;
   padding: 1em;
@@ -75,7 +156,7 @@ ol li.msg_info:hover, ol li.msg_warn:hover, ol li.msg_err:hover {
 
 ol#warnings, ol#error_loop, ol#fatal-errors  {
         padding:0;
-        border-top: 1px solid #eee;
+        border-top: 1px solid #EAEBEE;
 }
 
 ol#warnings li ul li, ol#error_loop ul li, ol#error_loop p, ol#warnings p {
@@ -87,7 +168,8 @@ ol#warnings li ul li, ol#error_loop ul li, ol#error_loop p, ol#warnings p {
 li span.err_type img {
     width: 1.2em;
     height: 1.2em;
-    padding-bottom: .1em;
+    padding-bottom: .2em;
+    vertical-align: middle;
 }
 
 /*
@@ -180,9 +262,11 @@ code.input strong {
 
   font-family: "Bitstream Vera Sans Mono", monospace;
   font-size: smaller;
-  background: #eee;
+  background: #EAEBEE;
   border: 1px solid black;
-  margin: 1em;
+  margin-top: 1em;
+  list-style-position: inside;
+  list-style-type: decimal-leading-zero;
 }
 #source ol li {
   margin: 1em;
@@ -197,7 +281,7 @@ code.input strong {
 pre.source {
   font-family: "Bitstream Vera Sans Mono", monospace;      
   border: 1px solid black;
-  background: #eee;
+  background: #EAEBEE;
   margin: 1em;
   padding: 1em;
   overflow: scroll;
@@ -284,12 +368,12 @@ h3#congrats {
     color: #690 !important;
 }
 
-.valid {
+.valid, .valid strong {
   background-color:	#55B05A;
   color:		white;
 }
 
-.tentative_valid {
+.tentative_valid, .tentative_valid strong {
 /* we could use a different color than for "valid" */
 /*  background-color:	#888; */
 /* ... or simply use the same */
@@ -297,7 +381,7 @@ h3#congrats {
   color:		white;
 }
 
-.invalid {
+.invalid, .invalid strong {
   background-color:	#D23D24 !important;
   color:		white !important;
 }
@@ -331,7 +415,7 @@ p.backtop {
         color: #bbc;
         font-size: x-small;
         padding-right: 0 !important;
-        margin: 1em !important;
+        margin: 1em 0 !important;
         text-transform: uppercase;
         font-weight: bold;
         padding-top: .3em;
diff --git a/share/templates/en_US/docs_errors.tmpl b/share/templates/en_US/docs_errors.tmpl
index 5e034c5..b1d6819 100644
--- a/share/templates/en_US/docs_errors.tmpl
+++ b/share/templates/en_US/docs_errors.tmpl
@@ -1,9 +1,9 @@
-<!--#set var="revision" value="\$Id: docs_errors.tmpl,v 1.4 2005-07-26 23:11:40 ot Exp $"
---><!--#set var="date" value="\$Date: 2005-07-26 23:11:40 $"
+<!--#set var="revision" value="\$Id: docs_errors.tmpl,v 1.5 2007-05-31 02:32:14 ot Exp $"
+--><!--#set var="date" value="\$Date: 2007-05-31 02:32:14 $"
 --><!--#set var="title" value="Error Explanations for The W3C Markup Validation Service"
 --><!--#set var="relroot" value="../"
 --><!--#include virtual="../header.html" -->
-
+<div class="doc">
 <h2 id="skip">Explanation of the error messages<br /> for the W3C Markup Validator</h2>
 
 <h3 id="TableOfContents">Table of Contents</h3>
@@ -43,6 +43,7 @@
       </TMPL_LOOP>
     </ul>
   </div>
+</div><!-- doc -->
 <!--#include virtual="../footer.html" -->
   </body>
 </html>
diff --git a/share/templates/en_US/footer.tmpl b/share/templates/en_US/footer.tmpl
index bee9609..df628ed 100644
--- a/share/templates/en_US/footer.tmpl
+++ b/share/templates/en_US/footer.tmpl
@@ -1,12 +1,15 @@
+</div><!-- results_container-->
+
 <ul class="navbar" id="menu">
-    <a href="./" accesskey="1" title="Go to the Home Page for The W3C Markup Validation Service"><strong>Home</strong></a></li>
-    <li><a href="./about.html" title="Information About this Service">About...</a></li>
+    <li><a href="./" accesskey="1" title="Go to the Home Page for The W3C Markup Validation Service">Home</a><span> | </span></li>
+    <li><a href="./about.html" title="Information About this Service">About...</a><span> | </span></li>
 
-    <li><a href="./whatsnew.html" title="The changes made to this service recently">News</a></li>
-    <li><a href="./docs/" accesskey="3" title="Documentation for this Service">Docs</a></li>
-	<li><a href="./docs/help.html" title="Help and answers to frequently asked questions">Help&nbsp;&amp;&nbsp;<acronym title="Frequently Asked Questions">FAQ</acronym></a></li>
-    <li><a href="./feedback.html" accesskey="4" title="How to provide feedback on this service">Feedback</a></li>
+    <li><a href="./whatsnew.html" title="The changes made to this service recently">News</a><span> | </span></li>
+    <li><a href="./docs/" accesskey="3" title="Documentation for this Service">Docs</a><span> | </span></li>
+	<li><a href="./docs/help.html" title="Help and answers to frequently asked questions">Help&nbsp;&amp;&nbsp;<acronym title="Frequently Asked Questions">FAQ</acronym></a><span> | </span></li>
+    <li><a href="./feedback.html" accesskey="4" title="How to provide feedback on this service">Feedback</a><span> | </span></li>
 </ul>
+<div id="footer">
 
 		<p id="activity_logos">
 
@@ -48,7 +51,7 @@
 			<a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy
 			statements.
 		</p>
-
+</div><!-- footer -->
 	</body>
 
 </html>
diff --git a/share/templates/en_US/header.tmpl b/share/templates/en_US/header.tmpl
index f252219..2ba921d 100644
--- a/share/templates/en_US/header.tmpl
+++ b/share/templates/en_US/header.tmpl
@@ -23,10 +23,14 @@ X-W3C-Validator-Errors: <TMPL_VAR NAME="valid_errors_num">
       HTML validation service, based on an SGML parser." />
   </head>
   <body>
-<div id="banner">
-<h1 id="title"><a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" 
-        src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a><a href="./"><img src="./images/markup_validation_service.png" alt="Markup Validation Service" /></a></h1>
-</div>
-<p id="tagline">
-</p>
+    
+    <div id="banner">
+     <h1 id="title">
+       <a href="http://www.w3.org/"><img alt="W3C" width="110" height="61" id="logo" src="./images/w3c.png" /></a>
+ 			<a href="./"><span>Markup Validation Service</span></a>
+       </h1>
+       <p id="tagline">Check the markup (HTML, XHTML) of Web documents</p>
+    </div>
 
+
+<div id="results_container">
author	ot <ot@localhost>	2007-05-31 02:32:14 +0000
committer	ot <ot@localhost>	2007-05-31 02:32:14 +0000
commit	74076c8b3aa0038723ab77e9ec40dbf7abe65499 (patch)
tree	3ae1464f041a50332ab167378058ea37926bb0f3
parent	2230ea5f39406b35c4d02f800d464a6d9a90fc51 (diff)
download	markup-validator-74076c8b3aa0038723ab77e9ec40dbf7abe65499.zip markup-validator-74076c8b3aa0038723ab77e9ec40dbf7abe65499.tar.gz markup-validator-74076c8b3aa0038723ab77e9ec40dbf7abe65499.tar.bz2