/* Style sheet for design patterns. */

A:link    { color: blue; }
A:active  { color: red; }
A:visited { color: red; }

body {
  background: #FFFFEE;
  background: #FFFFFF;
  border: 1px solid #FFCC00;
  border: 0px solid #007700;
  font-family: helvetica, arial, sans-serif;
  /*
  line-height: 110%;
  */
  max-width: 720px;
  margin: auto;
  /* For screens < 720px */
  padding-left: 1em;
  padding-right: 1em;

}

hr {
  /* For MSIE */
  color: #808080;
  /* For Firefox */
  background: #808080;
  height: 1px;
  border: 1px solid #808080;
}

div.navbar{
  border: 0px solid red;
  white-space: nowrap; /* Prevent the toolbar from wrapping. */
  text-align: center;
  padding-top: 2px; /* Else MSIE 6 clips tab borders. */
  border: 1px solid #007700s;
  border-top: 0px solid #007700;
  border-bottom: 2px solid #007700;
  background: #FFFFFF;

}
  
/* For the tabs. */
div.navbar span{
  width: 12%;
  border: 1px solid black;
  border-bottom: 0px solid black;
  margin: 4px;
  margin-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
  background: #FFFFFF;
}

#title {
  /* #007744 is a dark green; works for ecopl but not other patterns.
  border-top: 0px solid #007744;
  color: #007744;
  */
  color: #000000;
  text-align: center;
}

h1, h2, h3, h4, h5, h6, h7 {
  /* Stupid MSIE 6 still indents <hr> with this when body is indented.
     Therefore we make a .default class for content divs and indent those.
  margin-left: -2em;
  */
  font-family: hevetica, arial, sans-serif;

}

.default, .summary {
  background: #FFFFFF;
  /* To indent the text under its heading. */
  margin-left: 3em;
}

ol.default {
  border: 0px solid blue;
  /* To line up with default content indents. */
  margin-left: 3em;
  list-style-position: inside;
  /* Firefox needs this. */
  padding-left: 0px;
}

.smallheader {
  margin-top: 0em;
  margin-bottom: 0em;
}

/* Typically <H5> */
.imagelabel {
  text-align: center;
  margin-top: 0em;
  margin-bottom: 0em;
}


.summary {
  font-weight: bold;
}

/* For pending patterns in the Predecessor and Successor Patterns sections. */
.pending {
  text-decoration: underline;
}

#footer {
  /*
  font-size: smaller;
  */
}

.centered {
   margin: auto;
}

table {
  /* Because stupid MSIE doesn't separate with a blank line. 
   * Better: remember to close the preceding paragraph with </P>.
  margin-top: 1em; 
  */
  border: 1px solid black;
}
td, th {
  border: 1px solid black;
}
th {
  background: #DDDDDD;
}

/* Green theme */
/*
body {
  background: #EEFFDD;
  background: #DDEECC;
  background: #CCDDBB;
  border-top: 0px solid #003300;
  border-top: 2px solid #007744;
}

.default, ol.default, .summary {
  padding: 6px;
  border: 1px solid #007744;
}

h3 {
  background: #DDEEDD;
}
*/

/* For iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  body { font-size: 60%; }
  img {
    max-width: 100%;
    max-height: auto;
}