body
{
  font-size: 80%;
}

/* Begin "<a href=...>" handling.
 *
 * Detect link type and attach proper image.
 * Start with most generic case and then override for each link type.
 *
 * Note: You have to name the parent block-level element in the selector.
 */

  /* links to nested areas (drill down) */
div.wwdc_section p a[href],
div.wwdc_section li a[href],
div.wwdc_section dd a[href],
div.wwdc_section dt a[href],
div.wwdc_section blockquote a[href],
div.wwdc_section div a[href],
div.wwdc_section a[href]
{
  background: transparent url("/common/img/page.gif") no-repeat scroll right center;
  padding-right: 13px;
}

  /* links with in the same file */
div.wwdc_section p a[href^="#"],
div.wwdc_section li a[href^="#"],
div.wwdc_section dd a[href^="#"],
div.wwdc_section dt a[href^="#"],
div.wwdc_section blockquote a[href^="#"],
div.wwdc_section div a[href^="#"],
div.wwdc_section a[href^="#"]
{
  background: transparent none no-repeat 0 0;
  padding-right: 0px;
}

  /* links to external websites */
div.wwdc_section p a[href^="http"],
div.wwdc_section li a[href^="http"],
div.wwdc_section dd a[href^="http"],
div.wwdc_section dt a[href^="http"],
div.wwdc_section blockquote a[href^="http"],
div.wwdc_section div a[href^="http"]
{
  background: transparent url("/common/img/www.gif") no-repeat scroll right center;
  padding-right: 13px;
}

  /* links to another webworks area */
    /* implicit webworks "www" */
div.wwdc_section p a[href^="/"],
div.wwdc_section li a[href^="/"],
div.wwdc_section dd a[href^="/"],
div.wwdc_section dt a[href^="/"],
div.wwdc_section blockquote a[href^="/"],
div.wwdc_section div a[href^="/"],
div.wwdc_section a[href^="/"],

    /* out of current area, but still implicit webworks "www" */
div.wwdc_section p a[href^="../"],
div.wwdc_section li a[href^="../"],
div.wwdc_section dd a[href^="../"],
div.wwdc_section dt a[href^="../"],
div.wwdc_section blockquote a[href^="../"],
div.wwdc_section div a[href^="../"],
div.wwdc_section a[href^="../"],

    /* webworks "www" */
div.wwdc_section p a[href^="http://www.webworks.com"],
div.wwdc_section li a[href^="http://www.webworks.com"],
div.wwdc_section dd a[href^="http://www.webworks.com"],
div.wwdc_section dt a[href^="http://www.webworks.com"],
div.wwdc_section blockquote a[href^="http://www.webworks.com"],
div.wwdc_section div a[href^="http://www.webworks.com"],
div.wwdc_section a[href^="http://www.webworks.com"],

    /* webworks "wiki" */
div.wwdc_section p a[href^="http://wiki.webworks.com"],
div.wwdc_section li a[href^="http://wiki.webworks.com"],
div.wwdc_section dd a[href^="http://wiki.webworks.com"],
div.wwdc_section dt a[href^="http://wiki.webworks.com"],
div.wwdc_section blockquote a[href^="http://wiki.webworks.com"],
div.wwdc_section div a[href^="http://wiki.webworks.com"],
div.wwdc_section a[href^="http://wiki.webworks.com"],

    /* webworks "www-staging" */
div.wwdc_section p a[href^="http://www-staging.webworks.com"],
div.wwdc_section li a[href^="http://www-staging.webworks.com"],
div.wwdc_section dd a[href^="http://www-staging.webworks.com"],
div.wwdc_section dt a[href^="http://www-staging.webworks.com"],
div.wwdc_section blockquote a[href^="http://www-staging.webworks.com"],
div.wwdc_section div a[href^="http://www-staging.webworks.com"],
div.wwdc_section a[href^="http://www-staging.webworks.com"],

    /* webworks "users" */
div.wwdc_section p a[href^="http://users.webworks.com"],
div.wwdc_section li a[href^="http://users.webworks.com"],
div.wwdc_section dd a[href^="http://users.webworks.com"],
div.wwdc_section dt a[href^="http://users.webworks.com"],
div.wwdc_section blockquote a[href^="http://users.webworks.com"],
div.wwdc_section div a[href^="http://users.webworks.com"],
div.wwdc_section a[href^="http://users.webworks.com"]

{
  background: transparent url("/common/img/jump.gif") no-repeat scroll right center;
  padding-right: 13px;
}

  /* links that should not have a button (must remove it) */
div.wwdc_section a[class],

    /* temporary, remove when manuals, technotes, and blog template updated. */
div.wwdc_section table.entryfooter a[href],
div.wwdc_section p.commentslink a[href],
div.wwdc_section p a[href^="http://www.w3.org"],
div.wwdc_section p a[href^="http://validator.w3.org"],
div.wwdc_section p a[href^="http://jigsaw.w3.org"],
div.wwdc_section td a[href]

{
  background: transparent none no-repeat 0 0;
  padding-right: 0px;
}

/* End of "<a href=...>" handling.
 *
 */

a:link, a:visited
{
  color: #4E5D70;
  text-decoration: underline;
}
a:link:hover, a:visited:hover
{
  color: #FFD800;
}

p
{
  margin: 0em 0em 0.5em 0em;
}

li,dt,blockquote
{
  margin: 0em 0em 0.25em 0em;
}

dd
{
  margin: 0.5em 0em 0.5em 0em;
}

pre
{
  font-family: 'Monospace';
  background-color: #FFF8DC;
  border: 2px #849DBD groove;
  margin: 5px 0px 5px 0px;
  padding: 10px;
}

code
{
  font-family: 'Courier', 'Courier New', 'Monospace';
  font-size: 1.125em;
}

p p
{
}

h1, h2, h3, h4, th
{
  color: #4E5D70;
  font-size: 1.5em;
  padding: 0;
  margin: 0.5em 0em 0.25em 0em;
}
h2
{
  font-size: 1.375em;
}
h3
{
  font-size: 1.25em;
}
h4
{
  font-size: 1.125em;
}
th
{
  font-size: 1.125em;
  margin: 0;
}

table.wwdc_form td
{
  padding-top: 0.5em;
}

hr
{
  border: 2px #849DBD groove;
}

.wwdc_bullet
{
}

.wwdc_pullquote
{
}

.wwdc_center
{
  text-align: center;
}

.wwdc_box
{
  border: 2px #849DBD groove;
}

.wwdc_cell_left
{
  text-align: left;
  vertical-align: baseline;
}

.wwdc_cell_right
{
  text-align: right;
  vertical-align: baseline;
}

.wwdc_cell_top
{
  vertical-align: baseline;
}

.wwdc_quote
{
  font-style: italic;
  margin-left: 18pt;
  margin-right: 18pt;
}

.wwdc_indent
{
  margin-left: 18pt;
  margin-right: 18pt;
}

div.wwdc_image_map
{
/* doesn't resolve on FireFox */
  text-align: center;
  background: white none no-repeat 0 0;
}

.wwdc_form_required
{
  background-color: #FFFFA0;
  border: 4px #4E5D70 groove;
}

table.wwdc_thin_border
{
  border-collapse: collapse;
}

table.wwdc_thin_border td, table.wwdc_thin_border th
{
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

p.wwdc_image
{
  text-align: center;
  padding: 10px 10px 10px 10px;
}

table.wwdc_image
{
  border-collapse: collapse;
}
table.wwdc_image td, table.wwdc_image th
{
  border: 1px solid #CCCCCC;
  padding: 10px 10px 10px 10px;
  vertical-align: top;
}

table.wwdc_image td.wwdc_image, table.wwdc_image th.wwdc_image
{
  border: 1px solid #CCCCCC;
  padding: 10px 10px 10px 10px;
  text-align: center;
  vertical-align: middle;
}