
 <!--<document type=style>--> <html>
<META http-equiv=Content-Type content="text/html; charset=UTF8"/>
<head>
<title>topical media &amp; game development</title>
<script language=javascript src=@hush.js></script>
<style type="text/css">
 <!--
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
/*
body {height:100%; margin:0; padding:0;}
*/
/* prepares the background image to full capacity of the viewing area */
#bg {
  position:fixed;
  top:0; left:0;
  width:100%;
  height:100%;
  opacity: 0.12;
  -moz-opacity: 0.12;
  filter:alpha(opacity=12);
  }
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
--> 
</style>
 <!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]--> 
 <!--[if IE 7]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]--> 

<style type="text/css">
 <!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
--> 
</style>
</head>














<body onload="page();" background=@body.gif bgcolor=white text=black link=gray vlink=gray>
 <!--<control>--> 
<script language=javascript>
if (! 0) {
document.write("<div id=\"bg\">");
pageimg="logo.gif";
document.write("<img src=");
document.write(pageimg);
document.write(" width=100% height=100% alt=\"\">");
document.write("</div>");
}
</script>
<div id="content">
<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bgstar {
  position:fixed;
  top:0; left:0;
  width:100%;
  height:100%;
  opacity: 0.25;
  -moz-opacity: 0.25;
  filter:alpha(opacity=25);
  }
/* places the content ontop of the background image */
#contentstar {position:relative; z-index:1;}
</style>
 <!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bgstar {position:absolute; z-index:-1;}
#contentstar {position:static;}
#plug  { position:relative; z-index:2;}
</style>
<![endif]--> 
 <!--[if IE 7]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bgstar {position:absolute; z-index:-1;}
#contentstar {position:static;}
</style>
<![endif]--> 
<script language=javascript>
if (! 1) {
document.write("<div id=\"bgstar\">");
starimg="@star.gif";
document.write("<img src=");
document.write(starimg);
document.write(" width=100% height=100% alt=\"\">");
}
</script>
</div>
<div id=contentstar>

<font color=silver>
<a underline=false href=index.html target=_top><font color=silver><b>topical media &amp; game development</b></font></a> 
</font>
 <!--
<ref file=../../refs>X</ref>
<navigate index=index up=../index fwd=index bwd=index><novr><control><h5 align=right><script language=javascript>document.write(' <a href=');if (slidemode) { document.write('@slide-'); } else { document.write('@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html#slide-'); } document.write(''); if (slidemode) document.write('.html');document.write('>');</script><</a><script language=javascript>document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html#slide-'); } document.write('index'); if (!slidemode) document.write('.html');document.write('>');</script>%</a><script language=javascript>document.write(' <a href=');if (slidemode) { document.write('@slide-'); } else { document.write('@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html#slide-'); } document.write('-index'); if (slidemode) document.write('.html');document.write('>');</script>^</a><script language=javascript>document.write(' <a href=');if (slidemode) { document.write('@slide-'); } else { document.write('@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html#slide-'); } document.write('index'); if (slidemode) document.write('.html');document.write('>');</script>></a></h5></control></novr>

--> 
<font color=silver>
<hr>

<style type="text/css">
div.mainnavigate {
  margin: 20px 2px;
  /*
  background-color: #ffffff;
  */
  border: 1px solid black;
}
</style>
<div class=xnavigate>
<a href=contents.html target=_top>[]</a>
<a href=readme.html><black>readme</black></a>
<a href=course.html>course(s)</a>
<a href=preface.html> preface </a>
<a href=part-i.html><black>I</black></a>
<a href=1.html> 1 </a>
<a href=2.html> 2 </a>
<a href=part-ii.html><black>II</black></a>
<a href=3.html> 3 </a>
<a href=4.html> 4 </a>
<a href=part-iii.html><black>III</black></a>
<a href=5.html> 5 </a>
<a href=6.html> 6 </a>
<a href=7.html> 7 </a>
<a href=part-iv.html><black>IV</black></a>
<a href=8.html> 8 </a>
<a href=9.html> 9 </a>
<a href=10.html> 10 </a>
<a href=part-v.html><black>V</black></a>
<a href=11.html> 11 </a>
<a href=12.html> 12 </a>
<a href=after.html>afterthought(s)</a>
<a href=appendix.html><black>appendix</black></a>
<a href=refs.html>reference(s)</a>
<a href=example.html>example(s)</a>
<a href=resources.html><black>resource(s)</black></a>
<a xref=@file.html target=_top href=@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html>_</a>
<a xref=@meta-@file.html target=_top href=@meta-@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html> <img align=top src=js/loading.gif width=15 height=15 border=0> </a>
</div>

<hr>
</font>
<p align=right>
<a xref=@talk-@file.html href=@talk-@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html><img alt=talk width=15 height=15 src=@eye.gif></a>
<a xref=@wrl-@file.html href=@wrl-@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html><img alt=show width=15 height=15 src=@blaxxun.gif></a>
<a xref=@s5-@file.html href=@s5-@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html><img alt=tell width=15 height=15 src=@agent.gif></a>
<a xref=@pdf-@file.html href=@pdf-@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html><img alt=print width=15 height=15 src=@koki.gif></a>
</p>


  
    
    
 <!--</control>--> 


<p align=right><font color=red> <a href=@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.txt><font color=red>mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.css</font></a> / <a href=mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.css>css</a></font></p><br>
<display><novr><c></c><c><pre><b></c></novr>
  <i><font color=green><i>/*
   * Note: While Microsoft is not the author of this file, Microsoft is
   * offering you a license subject to the terms of the Microsoft Software
   * License Terms for Microsoft ASP.NET Model View Controller 3.
   * Microsoft reserves all other rights. The notices below are provided
   * for informational purposes only and are not the license terms under
   * which Microsoft distributed this file.
   *
   * jQuery UI Button 1.8.11
   *
   * Copyright 2011, AUTHORS.txt (<a href=http://jqueryui.com/about)
>http://jqueryui.com/about)
  </a> *
   * <a href=http://docs.jquery.com/UI/Button#theming
>http://docs.jquery.com/UI/Button#theming
  </a> */</i></font></i>
  .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } <i><font color=green><i>/* the overflow property removes extra width in IE */</i></font></i>
  .ui-button-icon-only { width: 2.2em; } <i><font color=green><i>/* to make room for the icon, a width needs to be set here */</i></font></i>
  button.ui-button-icon-only { width: 2.4em; } <i><font color=green><i>/* button elements seem to need a little more width */</i></font></i>
  .ui-button-icons-only { width: 3.4em; } 
  button.ui-button-icons-only { width: 3.7em; } 
  
  <i><font color=green><i>/*button text element */</i></font></i>
  .ui-button .ui-button-text { display: block; line-height: 1.4;  }
  .ui-button-text-only .ui-button-text { padding: .4em 1em; }
  .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
  .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
  .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
  .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
  <i><font color=green><i>/* no icon support for input elements, provide padding by default */</i></font></i>
  input.ui-button { padding: .4em 1em; }
  
  <i><font color=green><i>/*button icon element(s) */</i></font></i>
  .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
  .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
  .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
  .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
  .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
  
  <i><font color=green><i>/*button sets*/</i></font></i>
  .ui-buttonset { margin-right: 7px; }
  .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
  
  <i><font color=green><i>/* workarounds */</i></font></i>
  button.ui-button::-moz-focus-inner { border: 0; padding: 0; } <i><font color=green><i>/* reset extra padding in Firefox */</i></font></i>
  </display><novr><c></b></pre></c><c></c></novr>
 <!--<control>--> 

  
<hr>

<style type="text/css">
div.mainnavigate {
  margin: 20px 2px;
  /*
  background-color: #ffffff;
  */
  border: 1px solid black;
}
</style>
<div class=xnavigate>
<a href=contents.html target=_top>[]</a>
<a href=readme.html><black>readme</black></a>
<a href=course.html>course(s)</a>
<a href=preface.html> preface </a>
<a href=part-i.html><black>I</black></a>
<a href=1.html> 1 </a>
<a href=2.html> 2 </a>
<a href=part-ii.html><black>II</black></a>
<a href=3.html> 3 </a>
<a href=4.html> 4 </a>
<a href=part-iii.html><black>III</black></a>
<a href=5.html> 5 </a>
<a href=6.html> 6 </a>
<a href=7.html> 7 </a>
<a href=part-iv.html><black>IV</black></a>
<a href=8.html> 8 </a>
<a href=9.html> 9 </a>
<a href=10.html> 10 </a>
<a href=part-v.html><black>V</black></a>
<a href=11.html> 11 </a>
<a href=12.html> 12 </a>
<a href=after.html>afterthought(s)</a>
<a href=appendix.html><black>appendix</black></a>
<a href=refs.html>reference(s)</a>
<a href=example.html>example(s)</a>
<a href=resources.html><black>resource(s)</black></a>
<a xref=@file.html target=_top href=@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html>_</a>
<a xref=@meta-@file.html target=_top href=@meta-@css-mobile-application-03-MVCDerbyService-MVCDerbyService-Content-themes-base-jquery.ui.button.html> <img align=top src=js/loading.gif width=15 height=15 border=0> </a>
</div>

<hr>
<p align=right>
(C) <a href=http://www.aeliens.com>&AElig;liens</a> 
04/09/2009

</p>

You may not copy or print any of this material without explicit permission of the author or the publisher. 
In case of other copyright issues, contact the author.

</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2780434-1";
urchinTracker();
</script> 
 <!--</control>--> 
</body>
</html>
 <!--</document>--> 
