html{
  margin:0;
  padding:0
}

/*
    background-color:#c6c6db;
    background-color:#ddddf4;
*/

@media screen{
  body{
    font-family:Verdana,sans-serif;
    font-size:10pt;
    line-height:1.3em;
    text-align:justify;
    width:100%;
    background-color:#ddddf4;
    color:#000000;
    margin:0;
    padding:0
  }
  
  nav{
    margin:0;
    padding:0
  }
}

@media print{
  body{
    font-family:Verdana,sans-serif;
    font-size:10pt;
    line-height:1.3em;
    text-align:justify;
    width:768px;
    background-color:transparent;
    color:#000000;
    margin:0;
    padding:0
  }
  
  nav{
    visibility:hidden;
    display:none;
    margin:0;
    padding:0
  }
}

div{
  margin:0;
  padding:0
}

p{
  margin:0 0 10px 0;
  padding:0;
  orphans:5;
  widows:5;
}

table{
  margin:0;
  padding:0;
  border-spacing:0;
  border-collapse:collapse;
  page-break-inside:avoid
}

tr{
  margin:0;
  padding:0
}
					
th{
  margin:0;
  padding:0;
  text-align:left;
  vertical-align:top;
  background-color:#ddddf4
}

td{
  margin:0;
  padding:0;
  text-align:justify;
  vertical-align:top;
}

.maindiv{
  width:768px;
  margin:0 auto;
  padding:0
}
.navigationdiv{
  margin:0;
  padding:6px 10px 2px 10px;
}
@media screen{
  .contentdiv{
    background-color:#eeeef9;
    margin:0;
    padding:20px 30px 10px 30px;
    border-top:1px solid #9092a1;
    border-bottom:1px solid #9092a1;
  }
}
@media print{
  .contentdiv{
    background-color:#ffffff;
    margin:0;
    padding:20px 30px 10px 30px;
    border:0 none transparent;
  }
}

nav{
  margin:0;
  padding:0;
}

img{
  margin:0;
  padding:0;
  border:0 transparent none;
}


@media screen{
  a{
    color:#191921;
    font-weight:900;
    text-decoration:none;
    margin:0;
    padding:0
  }
  a:link{
    color:#000000;
    text-decoration:underline;
  }
  a:hover{
    text-decoration:none
  }
  a.smallbutton{
    font-weight:100;
    text-decoration:none
  }
  a.bigbutton{
    font-weight:100;
    text-decoration:none;
  }
  a.plain{
    font-weight:100;
    text-decoration:none;
  }
  a.plain:hover{
    text-decoration:underline;
  }
}
@media print{
  a{
    color:#191921;
    font-weight:100;
    text-decoration:none;
    margin:0;
    padding:0
  }
  a:link{
    color:#000000;
    text-decoration:none;
  }
  a:hover{
    text-decoration:none
  }
  a.smallbutton{
    font-weight:100;
    text-decoration:none
  }
  a.bigbutton{
    font-weight:100;
    text-decoration:none;
  }
  a.plain{
    font-weight:100;
    text-decoration:none;
  }
  a.plain:hover{
    text-decoration:underline;
  }
}

.smallbutton{
  background-image:url(pics/smallbutton.png);
  background-repeat:no-repeat;
  display:block;
  width:100px;
  height:24px;
  text-align:center;
  margin:0 2px;
  padding:4px 0 0 0;
  background-color:transparent
}
.activated{
  background-image:url(pics/smallbuttonactivated.png);
}
.smallbutton:hover{
  background-image:url(pics/smallbuttonhover.png);
}

.bigbutton{
  background-image:url(pics/bigbutton.png);
  background-repeat:no-repeat;
  display:block;
  width:300px;
  height:24px;
  text-align:center;
  margin:0;
  padding:3px 0;
  background-color:transparent;
}
.bigbutton:hover{
  background-image:url(pics/bigbuttonhover.png);
  background-color:transparent;
}

.arrow{
  padding:0 6px;
  margin:0;
  vertical-align:middle;
}

.quicknavigation{
  width:auto;
  margin:0 auto;
  padding:0
}

footer{
  display:block;
  font-size:.75em;
  text-align:center;
  margin:0 0 6px 0;
}

.invisible{
  visibility:hidden;
}

h1{
  text-align:left;
  font-size:2.8em;
  line-height:1em;
  font-weight:100;
  letter-spacing:-.04em;
  margin:0 0 10px 0;
  page-break-after:avoid
}
h2{
  text-align:left;
  font-size:1.8em;
  line-height:1em;
  font-weight:100;
  letter-spacing:0em;
  margin:26px 0 12px 0;
  page-break-after:avoid
}
h3{
  text-align:left;
  font-size:1.4em;
  line-height:1em;
  font-weight:100;
  letter-spacing:0;
  margin:30px 0 10px 0;
  page-break-after:avoid
}

pre{
  font-family:Courier, Monospace;
  white-space:pre;
  font-size:1em;
  line-height:1.3em;
  color:#000000;
  margin:0;
}

code{
  font-family:Courier, Monospace;
  white-space:pre;
  font-size:1em;
  line-height:1.0em;
  color:#000000
}

.smallcode{
  font-family:Courier, Monospace;
  font-size:12px;
  line-height:1.0em;
  text-align:right;
  color:#000000
}

.entrytable{
  width:100%;
}
.entrytable th{
  width:300px;
  background-color:transparent;
}
.entrytable td{
  padding:3px 0 0 6px;
}

.r{
  background-color:#ffe8e8
}
.y{
  background-color:#fffff0
}

@media screen{
  .codetable{
    width:96%;
    font-family:Courier, Monospace;
    white-space:pre;
    font-size:1em;
    line-height:1.2em;
    color:#222222;
    padding:0 1em;
    margin:1em auto;
  }

  .codetable td{
    border:1px solid #777783;
  }
}
@media print{
  .codetable{
    width:96%;
    font-family:Courier, Monospace;
    white-space:pre;
    font-size:1em;
    line-height:1.2em;
    color:#000000;
    padding:0 1em;
    margin:1em auto;
  }

  .codetable td{
    border:1px solid #999999;
  }
}

.input{
  background-color:#ddddf4;
  padding:5px
}

.fullinput{
  width:100%;
  background-color:#ddddf4;
  padding:5px
}

.output{
  background-color:#c6c6db;
  padding:5px
}

@media screen{
  .importantcode{
    color:#008000;
  }
  .error{
    font-family:Courier, Monospace;
    white-space:pre;
    color:#990000
  }
  .error:hover{
    color:#990000;
    white-space:pre;
  }
  .warning{
    font-family:Courier, Monospace;
    white-space:pre;
    color:#777700
  }
  .warning:hover{
    color:#777700;
    white-space:pre;
  }
}
@media print{
  .importantcode{
    font-weight:900;
    color:#000000;
  }
  .error{
    font-family:Courier, Monospace;
    white-space:pre;
    color:#000000
  }
  .error:hover{
    color:#000000;
    white-space:pre;
  }
  .warning{
    font-family:Courier, Monospace;
    white-space:pre;
    color:#000000
  }
  .warning:hover{
    color:#000000;
    white-space:pre;
  }
}

table.bordertable{
  width:96%;
  padding:0;
  margin:7px auto 16px auto;
}
.bordertable th{
  background-color:#ddddf4;
  border:1px solid #777783;
  padding:2px;
}
.bordertable td{
  border:1px solid #777783;
  padding:2px 5px;
}

.bordertable a{
  text-decoration:none;
}
.bordertable a:hover{
  text-decoration:underline;
}

.block{
  display:block;
}

.outputtitle{
  color:#777783;
}

.centered{
  margin-left:auto;
  margin-right:auto;
}
.centered th{
  text-align:center;
}
.centered td{
  text-align:center;
}

/*
form{           margin:.3em 0;
                padding:0}

input{          border-top:.075em solid #4b4b53;
								border-right:.075em solid #d0d0e1;
								border-bottom:.075em solid #e9e9f1;
								border-left:.075em solid #8d8d9c;
								color:inherit;
								background-color:#d2d2e8;
								font-family:inherit;
								font-size:inherit;
								line-height:inherit;
                margin:.2em .4em .2em .6em;
								padding:1px 4px}

input.submit{   border-top:1px solid #e9e9f1;
								border-right:1px solid #8d8d9c;
								border-bottom:1px solid #4b4b53;
								border-left:1px solid #d0d0e1;
                background-image:none;
                background-color:#d2d2e8;
                font-weight:900;
                margin:0;
								padding:1px 4px}
*/