﻿html {
 background-color:#999;}
body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background-color:#fff;
 margin:0 auto;
 padding:1em 0 1em 0;
 min-width:640px;
 max-width:720px;
 text-align:center;}
#container {
 margin:0 auto;
 text-align:left;
 width:640px;}
p {
 margin-top:0;
 font-size:small;}
a {
 font-weight:bold;
 color:#03c;}
a:hover, a:active {
 text-decoration:underline;}
h3, h4 {
 color:#555;}
h2 a, h3 a {
 color:#f80;}
h1 {
 font-weight:normal;
 margin:0;}
h2 {
 color:#f80;
 font-weight:bold;
 font-size:140%;
 margin-bottom:4px;}
h2 a {
 text-decoration:none;}
h4 {
 margin-bottom:4px;
 font-size:small;}
hr {
 height:1px;
 border:0;
 color:#999;
 background-color:#999;}

#masthead h1, .masthead {
 font-family:Times New Roman, Times, serif;}
#masthead h1 a {
 font-weight:normal;
 text-decoration:none;}
#masthead p, .mastsub {
 margin-top:0;
 padding-top:0;
 color:#555;
 font-size:small;
 font-style:italic;}
.logohi {
 color:Blue;}
.logo {
 color:#555;}

.tm {
 font-size:0.3em;
 vertical-align:text-top;}

#menubar {
 font-size:small;
 width:100%;
 padding:3px;
 margin-bottom:1.5em;
 border:1px solid #999;
 border-left:0;
 border-right:0;
 background:url(images/menuback.gif) bottom repeat-x;
 color:#999;}
#menubar span {
 padding:2%;}
#menubar a {
 font-weight:bold;
 text-decoration:none;}
#menubar a:hover, #menubar a:active {
 text-decoration:underline;}

.submenu {
 clear:left;
 width:100%;
 height:16px;
 padding:2px 0px 3px 0px;
 margin-top:12px;
 margin-bottom:12px;
 border-bottom:2px solid #f80;
 font-size:small;}
.submenu span {
 padding:2px 12px 3px 12px;
 background-color:#999;}
.submenu .selected:hover {
 background-color:#f80;}
.submenu span:hover {
 background-color:#cc9;}
.submenu .selected {
 color:#fff;
 font-weight:normal;
 background-color:#f80;}
.submenu a {
 color:#fff;
 font-weight:normal;
 text-decoration:underline;}

.prevnext {
 display:block;
 margin-top:6px;
 height:6px;
 width:100%;
 font-size:x-small;
 clear:both;}
.prevnext .prev {
 display:inline;
 float:left;
 }
.prevnext .next {
 display:inline;
 float:right;
 }

.breadcrumb {
 margin-top:6px;
 height:6px;
 font-size:x-small;
 clear:both;}

#footer {
 border-top:1px solid #999;
 padding-top:0.5em;
 margin-top:2em;
 font-size:x-small;
 font-weight:bold;
 color:#999;
 text-align:center;
 clear:both;}
#footer a {
 text-decoration:none;
 padding-left:0.5em;
 padding-right:0.5em;}
#footer a:hover, #footer a:active {
 text-decoration:underline;}

#copyright, #copyright p {
 margin-top:12px;
 padding-top:0;
 text-align:center;
 color:#555;
 font-size:x-small;}

.section {
 margin:0;
 padding:0 12px 0 12px;
 clear:left;}
.section p {
 margin-bottom:6px;}
.section h3 {
 margin-bottom:0.25em;
 font-size:medium;
 font-weight:bold;}
.section .sub {
 margin-top:0;
 font-style:italic;}
.section .head a {
 text-decoration:none;}
.section a:hover, .section a:active {
 text-decoration:underline;}
.section ol {
 margin-top:0;
 margin-left:1em;
 padding-left:1em;
 font-size:small;}
.section ul {
 margin-bottom:12px;
 margin-top:0;
 margin-left:1em;
 padding:3px;
 list-style-type:square;
 list-style-position:outside;
 font-size:small;}
.section .twoline li {
 margin-bottom:4px;}
.section ul div {
 margin-left:1.2em;
 padding-bottom:6px;}
.section tr {
 vertical-align:top;}
.section .column {
 position:relative;
 float:left;}

.notes {
 margin-top:1.5em;
 margin-bottom:1.5em;
 color:Gray;}
.notes p {
 font-size:x-small;
 margin-bottom:4px;}
.notes a {
 font-weight:normal;
 color:Gray;}
.noteref {
 font-size:x-small;
 color:Blue;
 vertical-align:super;
 text-decoration:none;}

.sidebar {
 float:right;
 width:120px;
 border:solid 2px #f80;
 padding:6px;
 font-size:small;
 margin-left:12px;
 margin-bottom:12px;}
.sidebar .head {
 margin-bottom:0.25em;
 font-weight:bold;}

.callout {
 border:solid 1px black;
 background-color:#ffc;
 margin:6px;
 padding:6px;}
.callout h3, .callout h4 {
 margin-top:0;
 margin-bottom:4px;}
.callout p {
 margin:0;}

.alert {
 background:url(/images/alertsm.gif) no-repeat top left;
 padding-left:24px;
 margin-top:0;
 margin-bottom:1em;}

.screenshot {
 float:left;
 display:inline-table;
 margin-top:4px;
 margin-right:12px;
 margin-bottom:12px;}
.screenshot .wrap1 {
 background:url(/images/shadow.gif) no-repeat right bottom;}
.screenshot .wrap2 {
 background:url(/images/corner_bl.gif) no-repeat left bottom;}
.screenshot .wrap3 {
 padding:0 8px 8px 0;
 background:url(/images/corner_tr.gif) no-repeat right top;}
.screenshot img {
 border:1px solid #ddd;
 display:block;}
.screenshot p {
 text-align:center;}

.buynow {
 display:inline-block;}
.buynow form {
 margin:0;}
.buynow fieldset {
 border:0;
 display:inline;
 vertical-align:middle;}
.buynow form span {
 font-size:small;
 vertical-align:middle;}
.buynow p {
 margin-top:0;
 margin-bottom:6px;}

form.vertical {
 margin:12px 0;
 padding-top:8px;
 padding-bottom:8px;
 width:600px;
 background-color:#eee;
 border:solid 1px #aaa;}
form.vertical fieldset {
 border:none;
 margin-bottom:10px;}
form.vertical legend {
 margin-bottom:8px;
 padding:0 2px;
 font-weight:bold;}
form.vertical div {
 clear:both;
 padding-top:10px;}
form.vertical div label {
 font-size:small;
 float:left;
 width:20%;
 padding-top:0;
 padding-right:2%;
 text-align:right;}
form.vertical div input {
 width:50%;
 text-align:left;}
form.vertical div select {
 width:50%;}
form.vertical textarea {
 height:8em;
 width:70%;}
form.vertical .button {
 margin-top:8px;
 margin-left:20%;}
form.vertical .button input {
 width:auto;
 margin-left:2%;
 text-align:center;}
form.vertical .col2 {
  margin-left:20%;
  padding-left:12px;}

.instructions {
 margin:0;
 padding:0 12px 0 12px;
 clear:left;}
.instructions p {
 margin-bottom:6px;}
.instructions h3 {
 margin:12px -4px 8px -4px;
 padding:2px 4px;
 background-color:#f80;
 color:#fff;}
.instructions a:hover, .section a:active {
 text-decoration:underline;}
.instructions ol {
 margin-top:0;
 margin-left:1em;
 padding-left:1em;
 font-size:small;}
.instructions ul {
 margin-bottom:12px;
 margin-top:0;
 margin-left:1em;
 padding:3px;
 list-style-type:square;
 list-style-position:outside;
 font-size:small;}
