/* robotstxt.org style.
 * inspired by wikipedia.
 * This main.css is for all media, in particular screen,print
 * See also:
 * simple.css (which hides ads, and floats the nav to the right,
 * and keeps things really simple)
 * I've not made simple.css the default for handheld because it's
 * ugly, and I don't know who actually uses handheld.
 * Looks good on IE7, Gecko-based browsers like FireFox, and
 * WebKit-based browsers like Safari.
 * TODO: links and nav look craplook bad on FF on Linux print preview.
 */

/* D3D3D3=lightgrey
 * f9f9f9=really light grey
 * #ADD8E6=lightblue
 * #FF4500=orangered
 */
html{
  /* set to 0 because not all browsers have the same default */  
  margin: 0;
}
body {
  /* 0 margins and padding so that the leaderboard can go to both window edges */
  margin: 0;
  padding: 0;
  /* set font-size so we get predictable em sizes */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #f9f9f9;
  /* we want min/max width on the div.maincolwithfooter really,
   * but setting it here keeps the whole page looking symmetric
   * even in wide windows
   */
  max-width: 85em;
  min-width: 40em;
}

div.header {
  text-align: center;
  margin-bottom: 1em;
  margin-left: 0.4em;
  margin-top: 0;
  margin-right: 0;
  display: none;
  color: #D3D3D3;
  border: 1px solid;
}
@media screen {
  div.header { display: block }
}
div.navcol {
  float: left;
  /* make the nav colum boxes more visible */
  margin-left: 0.4em;	
  margin-right: 0.5em; /* keep same as maincolwithfooter margin-right */
  /* specify the width to force wrapping */
  width: 11em;
}
#skipnav {
  display: none;
}

/* logo in the center of its box */
div#logodiv > a > img {
  text-align: center;
  border: 0;
}
/* individual boxes in the nav col */
div.navbox {
  color: #D3D3D3;
  background-color: white;
  font-weight: bold;
  font-size: 11px;
  border: 1px solid;
  margin-bottom: 1em;
}
/* logodiv is a special nav box */
#logodiv {
  text-align: center; /* center img */
  margin-bottom: 0.5em; /* smaller gap */
  background-color: #6e7a92;/* match the logo */
  border: solid 1px #6e7a92; /* to get same size as navboxes */
}
/* title inside a navbox */
div.navboxtitle {
  padding: 0; 
  margin: 0 2px 3px 0; 
  font-size: 9px;
  font-weight: normal;
  color: gray;
  text-align: right;
  font-style: italic;
}
/* links in a navbox */
div.navboxitems {
  padding: 1em;	
  padding-bottom: 0em;	
}
/* todo: padding-v-margins */
div.navboxitems > ul {
  padding-left: 1em; /* reduce default indent */
  margin-top: 0; /* reduce top margin */
  margin-left: 0em; /* set to 0 for ie7 */
}
div.navboxitems > ul > li {
  margin-bottom: 1em; /* more space after each link */
}
/* the middle column, but extends under the navcol  */
div.maincol {
  /* for debugging: */
  /* background-color: green; */
}
div.maincolwithfooter {
  background-color: white;
  margin-left: 0em; /* the left gap is provided by the navcol margin-right, for webkit */
  margin-bottom: 0em;
  padding: 1em;
  padding-bottom: 0.3em;
  overflow: hidden;
  border: 1px solid #cccccc;
}
div.maincolfooter {
  text-align: right;
  font-size: 9px;
  font-style: italic;
  color: #D3D3D3;
  margin-top: 3em;
  border-top: 1px solid #D3D3D3;
  padding: 0;
  padding-top: 0.3em;
  margin-bottom: 0;
}
div.articlelinks {
  float: left;
  display: none; /* no working links yet */
}

div.pagefooter {
  clear: both;
  background-color: white;
  text-align: right;
  font-size: 9px;
  font-style: italic;
  color: #D3D3D3;
  margin-top: 1em;
  padding: 1em;
  border-top: 1px solid maroon;
  border-bottom: 1px solid maroon;
}
div.outsidefooter {
  text-align: center;
  margin-left: 11.2em;
  margin-top: 2em;
  min-width: 25em;
  max-width: 50em;
  display: none; /* only for screen */
}

@media screen {
  div.outsidefooter { display: block }
}
div.outsidefooterlabel {
  font-size: 9px;
  font-weight: normal;
  color: gray;
  font-style: italic;
}

div.inheaderlabel {
  font-size: 9px;
  font-weight: normal;
  color: gray;
  font-style: italic;
}

/* rightcol is for the google ad.
 * only display them on a screen (not when printing or using handheld etc).
 */
div.rightcol {
  float: right;
  width: 166px;
  margin-left: 0.5em; /* keep same as navcol margin-right */
  color: #D3D3D3;
  background-color: white;
  border: 1px solid;
}

div.rightcol > div.navbox {
  border: 0;
  z-index: -100; /* keep ad below everything */
  display: none; /* only display ads on screen */
}
@media screen {
  div.rightcol > div.navbox {
    display: block;
  }
}

#leftcolad {
  display: none;
}
/* when we actually have an ad there:
@media screen {
  #leftcolad {
    display: block;
  }
}
*/

/* don't underline links on the screen/print */
@media screen,print {
  a {
    text-decoration: none;
  }
}
/* blue links */
a:link {
  color: #000099;
}
a:hover {
  text-decoration: underline;
  background-color: #ADD8E6;
}

h1{
  width: 100%;
  text-align: center;
}
div#message{
  color: #FF4500;
}
/* frontmenu is on the welcome page */
ul.frontmenu {
  margin: 0em;
  padding-left: 1em;
  padding-right: 1em;
}
ul.frontmenu > li {
  padding: 1em;
  padding-top: 0.2em;
  padding-left: 0em;
}
/* centerimg for in-text illustrations like the diselsweeties cartoon */
div.centerimg {
  width: 100%;
  margin-top: 3em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
input.paypalbutton {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/* logo is clickable, but disable the visual link feedback which doesn't work well */
div.logo > a:hover {
  text-decoration: none;
  background-color: inherit;
}

table {
  border: 1px solid maroon;
  margin-left: 1em;
  margin-right: 1em;
}

div.robotsdbentry > table {
  border: solid 1px grey;
  padding: 1em;
}
div.robotsdbentry > table > tbody > tr > td {
  border: solid 1px lightgrey;
  padding: 1em;
}
div.robotsdbentry > table > tbody > tr > th {
  text-align: right;
}


pre {
  background: lightyellow;
  border: 1px solid maroon;
  padding: 1em; 
  margin-left: 2em; 
  margin-right: 2em
}
ul.faqrefs {
  list-style-type: circle;
  
}
div.formrow {
  padding: 0.5em;
}
div.formrow > label {
  float: left;
  text-align: right;
  width: 10em;
  margin-right: 1em;
}
div.formrow > input#email {
  width: 23em;
}
div.formrow > input#name {
  width: 23em;
}
div.formrow > input#body {
}
div.formrow > input#send {
  width: auto;
}
div.formrow > input#sss {
  margin-left: 0;
}
span.required {
 color: gray;
 vertical-align: top;
}

div.iplookup {
  margin: 1em;
}
div.endpagelink {
  text-align: right;
}
div.nextfaq, div.nextdb {
  text-align: right;
}
span.prevpage {
  color: grey;
}
span.nextpage {
  color: grey;
}
.invalidinput {
  background: lightyellow;
  border: 1px solid maroon;
  padding: 1em; 
  margin-left: 2em; 
  margin-right: 2em;
  color: red;
}
div.prodlink {
  float: right;
  clear: both;
  margin: 1em;
}
div.book {
 clear: both;
}
div.userfriendly {
 margin-left: auto;
 margin-right: auto;
 width: 370px;
 border: solid 3px #e59d16;
 -moz-border-radius: 2em;
 text-align: center;
 background: #ffffcc;
 padding: 1em;
}