body {
   height: 0;
   margin: 0;
   padding: 0;
   background-attachment: fixed;
   background-size: cover;
   background-color: rgba(255, 255, 255, 0.5);
   font-size: 12pt;
}

body, input {
   font-family: Verdana, Tahoma, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
   margin: 0 0.5em 1.0em 0.3em;
}

hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6 {
   margin: 0;
}

hgroup {
   margin: 0 0.5em 1.0em 0.3em;
}

h1 { font-size: 150%; font-family: Verdana, sanserif; font-weight: normal }
h2 { font-size: 140%; font-family: Verdana, sanserif; }
h3 { font-size: 130%; font-family: Verdana, sanserif; }
h4 { font-size: 120%; font-family: Verdana, sanserif; }
h5 { font-size: 110%; font-family: Verdana, sanserif; }
h6 { font-size: 100%; font-family: Verdana, sanserif; }

tr {
   vertical-align: top;
}

#top-bar {
   height: 30px;
   margin: 0 0 8px 0;
   padding: 3px 0 5px 4px;
   background-color: #3399cc;
}

.bar-button {
   height: 25px;
   margin: 0;
   padding: 2px 8px 4px 8px;
   background-color: #0088cc;
   border: 3px outset #006699;
   border-radius: 12px;
   color: #003366;
   font-size: 15px;
   font-weight: bold;
   text-decoration: none;
   text-shadow: 0 0 0.6em #ccccff;
}

.button-left-arrow {
   font-family: Verdana;
   font-weight: 900;
}

.button-right-arrow {
}

.bar-title {
   font-size: 18px; text-align: center;
}

.msg {
   text-align: center;
}

.connect-button-img {
   border: 3px outset #006699;
}

.app-link {
   text-decoration: none;
}

.app-table {
   width: 110px;
   border: 3px outset #66aacc;
   background-color: #77bbdd;
}

.app-name {
   color: #000022;
   font-weight: bold;
}

table.border {
   border: 3px outset #666666;
}

table.border > thead > tr > th {
   padding: 1px 4px 3px 4px;
   border: 3px outset #666666;
}

table.border > tbody > tr > td {
   padding: 1px 4px 3px 4px;
   border: 3px inset #666666;
}

p {
   margin: 0;
   padding: 0 0 12px 0;
}