7 files changed, 340 insertions, 53 deletions
diff --git a/demos/quickstart/protected/controls/SampleLayout.tpl b/demos/quickstart/protected/controls/SampleLayout.tpl
index fcfaa47b..46d1d928 100644
--- a/demos/quickstart/protected/controls/SampleLayout.tpl
+++ b/demos/quickstart/protected/controls/SampleLayout.tpl
@@ -10,14 +10,15 @@
 
 <div class="sampleheader">
 
-<div style="float:left">
+<div class="title">
 <a href="?">PRADO QuickStart Tutorial</a> Sample
 </div>
 
-<div style="text-align:right">
-Copyright &copy; 2005-2006 <a href="http://www.pradosoft.com">PradoSoft</a>
 </div>
-
+<div class="samplemenu">
+    <div class"copyright">
+        Copyright &copy; 2005-2006 <a href="http://www.pradosoft.com">PradoSoft</a>
+    </div>
 </div>
 
 <div style="margin:15px;">
diff --git a/demos/quickstart/protected/controls/TopicList.tpl b/demos/quickstart/protected/controls/TopicList.tpl
index f9992425..2c134422 100644
--- a/demos/quickstart/protected/controls/TopicList.tpl
+++ b/demos/quickstart/protected/controls/TopicList.tpl
@@ -1,75 +1,91 @@
 <div id="toc">
 
 <div class="topic">
-<span>Getting Started</span><br/>
-<a href="?page=GettingStarted.Introduction">Introduction</a><br/>
-<a href="?page=GettingStarted.AboutPrado">What is PRADO?</a><br/>
-<a href="?page=GettingStarted.Installation">Installation</a><br/>
+<div>Getting Started</div>
+<ul>
+    <li><a href="?page=GettingStarted.Introduction">Introduction</a></li>
+    <li><a href="?page=GettingStarted.AboutPrado">What is PRADO?</a></li>
+    <li><a href="?page=GettingStarted.Installation">Installation</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Fundamentals</span><br/>
-<a href="?page=Fundamentals.Architecture">Architecture</a><br/>
-<a href="?page=Fundamentals.Components">Components</a><br/>
-<a href="?page=Fundamentals.Controls">Controls</a><br/>
-<a href="?page=Fundamentals.Pages">Pages</a><br/>
-<a href="?page=Fundamentals.Modules">Modules</a><br/>
-<a href="?page=Fundamentals.Services">Services</a><br/>
-<a href="?page=Fundamentals.Applications">Applications</a><br/>
-<a href="?page=Fundamentals.HelloWorld">Sample: Hello World</a><br/>
-<a href="?page=Fundamentals.Hangman">Sample: Hangman Game</a><br/>
+<div>Fundamentals</div>
+<ul>
+    <li><a href="?page=Fundamentals.Architecture">Architecture</a></li>
+    <li><a href="?page=Fundamentals.Components">Components</a></li>
+    <li><a href="?page=Fundamentals.Controls">Controls</a></li>
+    <li><a href="?page=Fundamentals.Pages">Pages</a></li>
+    <li><a href="?page=Fundamentals.Modules">Modules</a></li>
+    <li><a href="?page=Fundamentals.Services">Services</a></li>
+    <li><a href="?page=Fundamentals.Applications">Applications</a></li>
+    <li><a href="?page=Fundamentals.HelloWorld">Sample: Hello World</a></li>
+    <li><a href="?page=Fundamentals.Hangman">Sample: Hangman Game</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Configurations</span><br/>
-<a href="?page=Configurations.Overview">Overview</a><br/>
-<a href="?page=Configurations.Templates1">Templates: Part I</a><br/>
-<a href="?page=Configurations.Templates2">Templates: Part II</a><br/>
-<a href="?page=Configurations.Templates3">Templates: Part III</a><br/>
-<a href="?page=Configurations.AppConfig">Application Configurations</a><br/>
-<a href="?page=Configurations.PageConfig">Page Configurations</a><br/>
+<div>Configurations</div>
+<ul>
+    <li><a href="?page=Configurations.Overview">Overview</a></li>
+    <li><a href="?page=Configurations.Templates1">Templates: Part I</a></li>
+    <li><a href="?page=Configurations.Templates2">Templates: Part II</a></li>
+    <li><a href="?page=Configurations.Templates3">Templates: Part III</a></li>
+    <li><a href="?page=Configurations.AppConfig">Application Configurations</a></li>
+    <li><a href="?page=Configurations.PageConfig">Page Configurations</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Controls</span><br/>
-<a href="?page=Controls.Overview">Overview</a><br/>
-<a href="?page=Controls.Simple">Simple HTML Controls</a><br/>
-<a href="?page=Controls.List">List Controls</a><br/>
-<a href="?page=Controls.Validation">Validation Controls</a><br/>
-<a href="?page=Controls.Repeater">TRepeater</a><br/>
-<a href="?page=Controls.DataList">TDataList</a><br/>
-<a href="?page=Controls.DataGrid">TDataGrid</a><br/>
-<a href="?page=Construction">Active Controls</a><br/>
-<a href="?page=Construction">Authoring New Controls</a><br/>
+<div>Controls</div>
+<ul>
+    <li><a href="?page=Controls.Overview">Overview</a></li>
+    <li><a href="?page=Controls.Simple">Simple HTML Controls</a></li>
+    <li><a href="?page=Controls.List">List Controls</a></li>
+    <li><a href="?page=Controls.Validation">Validation Controls</a></li>
+    <li><a href="?page=Controls.Repeater">TRepeater</a></li>
+    <li><a href="?page=Controls.DataList">TDataList</a></li>
+    <li><a href="?page=Construction">TDataGrid</a></li>
+    <li><a href="?page=Construction">Active Controls</a></li>
+    <li><a href="?page=Construction">Authoring New Controls</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Data Access</span><br/>
-<a href="?page=Construction">DataBinding</a><br/>
-<a href="?page=Construction">Data Bound Controls</a><br/>
-<a href="?page=Construction">Data Source Controls</a><br/>
+<div>Data Access</div>
+<ul>
+    <li><a href="?page=Construction">DataBinding</a></li>
+    <li><a href="?page=Construction">Data Bound Controls</a></li>
+    <li><a href="?page=Construction">Data Source Controls</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Avanced Features</span><br/>
-<a href="?page=Construction">Overview</a><br/>
-<a href="?page=Construction">Assets</a><br/>
-<a href="?page=Construction">Themes and Skins</a><br/>
-<a href="?page=Construction">Internationalization</a><br/>
+<div>Avanced Features</div>
+<ul>
+    <li><a href="?page=Construction">Overview</a></li>
+    <li><a href="?page=Construction">Assets</a></li>
+    <li><a href="?page=Construction">Themes and Skins</a></li>
+    <li><a href="?page=Construction">Internationalization</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Security</span><br/>
-<a href="?page=Construction">Overview</a><br/>
-<a href="?page=Construction">Authentication</a><br/>
-<a href="?page=Construction">Authorization</a><br/>
-<a href="?page=Construction">ViewState Protection</a><br/>
+<div>Security</div>
+<ul>
+    <li><a href="?page=Construction">Overview</a></li>
+    <li><a href="?page=Construction">Authentication</a></li>
+    <li><a href="?page=Construction">Authorization</a></li>
+    <li><a href="?page=Construction">ViewState Protection</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Performance</span><br/>
-<a href="?page=Construction">Caching</a><br/>
-<a href="?page=Construction">Performance Tuning</a><br/>
+<div>Performance</div>
+<ul>
+    <li><a href="?page=Construction">Caching</a></li>
+    <li><a href="?page=Construction">Performance Tuning</a></li>
+</ul>
 </div>
 
 </div>
 \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/config.xml b/demos/quickstart/protected/pages/config.xml
index 92aec985..49be9a0a 100644
--- a/demos/quickstart/protected/pages/config.xml
+++ b/demos/quickstart/protected/pages/config.xml
@@ -4,7 +4,7 @@
   <paths>
     <alias id="Pages" path="." />
   </paths>
-  <pages MasterClass="Layout" Theme="Simple">
+  <pages MasterClass="Layout" Theme="PradoSoft">
     <page id="ViewSource" MasterClass="" />
   </pages>
 </configuration>
 \ No newline at end of file
diff --git a/demos/quickstart/themes/PradoSoft/arrowdown.gif b/demos/quickstart/themes/PradoSoft/arrowdown.gif
new file mode 100644
index 00000000..1b508cd6
--- /dev/null
+++ b/demos/quickstart/themes/PradoSoft/arrowdown.gif
diff --git a/demos/quickstart/themes/PradoSoft/mantisbg.jpg b/demos/quickstart/themes/PradoSoft/mantisbg.jpg
new file mode 100755
index 00000000..ee06998d
--- /dev/null
+++ b/demos/quickstart/themes/PradoSoft/mantisbg.jpg
diff --git a/demos/quickstart/themes/PradoSoft/pradologo.gif b/demos/quickstart/themes/PradoSoft/pradologo.gif
new file mode 100755
index 00000000..3b073b80
--- /dev/null
+++ b/demos/quickstart/themes/PradoSoft/pradologo.gif
diff --git a/demos/quickstart/themes/PradoSoft/style.css b/demos/quickstart/themes/PradoSoft/style.css
new file mode 100644
index 00000000..f137624b
--- /dev/null
+++ b/demos/quickstart/themes/PradoSoft/style.css
@@ -0,0 +1,270 @@
+body {
+	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
+	font-weight:normal;
+	font-size:10pt;
+	color:black;
+	margin:0px 0px 0px 0px;
+	padding:0px;
+	background-image: url('mantisbg.jpg');
+	background-repeat: no-repeat;
+	background-position: top right;
+}
+
+h1 {
+	font-size:13pt;
+}
+
+h2 {
+	font-size:12pt;
+}
+
+h3 {
+	font-size:10pt;
+	font-weight:bold;
+}
+
+a
+{
+    color: #cc3333;
+}
+
+#header {
+
+	font-size:30px;
+	font-weight:bold;
+	text-align: right;
+	color: #666;
+	height:70px;
+	background-image: url('pradologo.gif');
+	background-repeat: no-repeat;
+	padding-right: 150px;
+	padding-top: 30px;
+}
+
+#menu {
+	padding:10px;
+	padding-right:10px;
+	background:#EDEDED;
+	border-bottom: 1px solid #A6A6A6;
+	border-top: 1px solid #DCDCDC;
+	color:white;
+	text-align:right;
+	font-size: 9pt;
+}
+
+#menu a {
+	color:#737373;
+	text-decoration:none;
+}
+
+#menu a:hover {
+	color: #FF0000;
+}
+
+#toc {
+	background-color: #F3F3F3;
+	width:200px;
+	padding:0px 10px 0px 10px;
+}
+
+#content {
+	background:#fff;
+	padding:10px;
+}
+
+#footer {
+	clear:both;
+	color: gray;
+	font-size:8pt;
+	text-align:center;
+	margin-top:25px;
+	padding:10px;
+}
+
+.topic {
+	font-size: 9pt;
+	padding: 0px 0px 0px 0px;
+}
+
+.topic div {
+    background-image: url('arrowdown.gif');
+    background-repeat: no-repeat;
+    background-position: left center;
+    margin: 0px;
+	font-size: 8pt;
+	font-weight:bold;
+	color:#2A480A;
+	padding: 5px;
+	padding-left: 15px;
+	border-top: 1px solid #fff;
+	border-bottom: 1px solid #E2E2E2;
+}
+
+.topic ul
+{
+    margin: 0px;
+    padding: 0px;
+}
+
+.topic ul li
+{
+    list-style: none;
+    margin: 0px;
+    padding: 0px;
+}
+
+.topic a {
+    display: block;
+	color:#4F811A;
+	padding: 5px;
+	padding-left: 20px;
+	height: 12px;
+	font-size: 8pt;
+	text-decoration: none;
+	border-bottom: 1px dotted #D8D8D8;
+}
+
+.topic a:hover {
+	color:#2A480A;
+}
+
+.source {
+	padding: 0.5em;
+	border-style:dotted;
+	border-width:1px;
+	border-color:#cccccc;
+	background-color:#ffffee;
+	font-family: "Courier New", Courier, mono;
+	margin-top: 0.2em;
+	margin-bottom: 0.5em;
+}
+
+.source pre {
+	font-family: "Courier New", Courier, mono;
+	margin: 0;
+}
+
+.runbar a:link, .runbar a:visited {
+	background-color:#E2E2E2;
+	font-size: 12px;
+	font-weight: none;
+	padding: 3px;
+	padding-left: 6px;
+	padding-right: 6px;
+	border-top: 1px solid white;
+	border-left: 1px solid white;
+	border-bottom: 1px solid #aaaaaa;
+	border-right: 1px solid #aaaaaa;
+	text-decoration: none;
+}
+
+.runbar a:link.active, .runbar a:visited.active, .runbar a:hover {
+	background-color:#E2E2E2;
+	font-size: 12px;
+	font-weight: none;
+	padding: 3px;
+	padding-left: 6px;
+	padding-right: 6px;
+	border-top: 1px solid #aaaaaa;
+	border-left: 1px solid #aaaaaa;
+	border-bottom: 1px solid white;
+	border-right: 1px solid white;
+}
+
+#sourceList {
+	background-color:#E2E2E2;
+	margin:10px 10px 0px 10px;
+	padding:10px;
+	border:1px solid silver;
+}
+
+#sourceView {
+	font-family: "Courier New", Courier, mono;
+	background-color:#ffffee;
+	margin:5px 10px 10px 10px;
+	border:1px solid silver;
+	padding:10px;
+}
+
+code {
+	font-family: "Courier New", Courier, mono;
+}
+
+tt {
+	font-family: "Courier New", Courier, mono;
+	border-bottom: 1px dotted silver;
+}
+
+.sampleheader {
+	font-size:30px;
+	font-weight:bold;
+	text-align: right;
+	color: #666;
+	height:70px;
+	background-image: url('pradologo.gif');
+	background-repeat: no-repeat;
+	padding-right: 150px;
+	padding-top: 30px;
+}
+
+.samplemenu
+{
+    padding:10px;
+	padding-right:10px;
+	background:#EDEDED;
+	border-bottom: 1px solid #A6A6A6;
+	border-top: 1px solid #DCDCDC;
+	text-align:right;
+	font-size: 9pt;
+}
+
+.samplemenu a {
+	color:#737373;
+	text-decoration:none;
+}
+
+.samplemenu a:hover {
+	color: #FF0000;
+}
+
+.sampleheader a {
+	font-size:30px;
+	font-weight:bold;
+	color: #666;
+	text-decoration: none;
+}
+
+.samplepanel {
+	margin: 0px;
+	border: 1px solid silver;
+	padding: 10px;
+	margin-bottom:10px;
+}
+
+.sampletitle {
+	width: 100%;
+	border-bottom:1px solid silver;
+	font-weight:bold;
+	margin-bottom:5px;
+}
+
+.sampletable {
+	width: 100%;
+	border-collapse: collapse;
+}
+
+td.samplenote {
+	width: 300px;
+	text-align: right;
+	background: #BFE4FF;
+	border: 1px solid silver;
+	padding: 5px;
+	vertical-align: top;
+}
+
+td.sampleaction {
+	background: #ffffee;
+	border: 1px solid silver;
+	padding: 5px;
+	vertical-align: top;
+}