/* $Id$ */

body { margin: 0px; }

body, td { font: normal normal normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333333; }

.large { font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif; }
.mid   { font: normal normal normal 10px Verdana, Arial, Helvetica, sans-serif; }

.bold   { font-weight: bold; }
.italic { font-style: italic; }
.upper  { text-transform: uppercase; }

.black     { color: #333333; }
.bg-black  { background-color: #333333; }
.white     { color: #FFFFFF; }
.bg-white  { background-color: #FFFFFF; }
.grey      { color: #C0C0C0; }
.bg-grey   { background-color: #C0C0C0; }
.dark      { color: #8C8C8C; }
.bg-dark   { background-color: #8C8C8C; }
.blue      { color: #013474; }
.bg-blue   { background-color: #013474; }

.c1 { height: 24px; text-align: left;  padding-right: 5px; }
.c2 { height: 24px; text-align: right; padding-left:  5px; }

.top { vertical-align: top; }

table.border { border-collapse: collapse; margin-bottom: 15px; }
td.border    { border: 1px solid #C0C0C0; padding: 5px; }
td.header    { border: 1px solid #C0C0C0; padding: 5px; background-color: #F5F5F5; font-weight: bold; }

.space-after        { padding-bottom: 3px; }
.space-after-logout { padding-bottom: 10px; }
.space-left         { padding-left: 8px; }

form   { margin: 0px; padding: 0px; }

.qbselect   { border: 1px solid #C0C0C0; }
.select     { width: 250px; margin: 0px; padding: 0px; }
.select-s   { width:  50px; margin: 0px; padding: 0px; }
.input      { width: 100%;  margin: 0px; padding: 1px; border: 1px solid #C0C0C0; height: 18px; }
.input-m    { width: 250px; margin: 0px; padding: 1px; border: 1px solid #C0C0C0; height: 18px; }
.textarea   { width: 100%;  margin: 0px; padding: 1px; border: 1px solid #C0C0C0; height: 50px; }
.textarea-m { width: 250px; margin: 0px; padding: 1px; border: 1px solid #C0C0C0; height: 50px; }

.bluestar { color: #013474; font-family: Courier New, Courier; font-size: 15px; font-weight: bold; }

table.activebutton { cursor: pointer; background-color: #8C8C8C; }
table.buttononblue { cursor: pointer; background-color: #F58736; }

td.activebutton1 { width: 10px;  height: 22px; background: url(../img/b11.gif) no-repeat; white-space: nowrap; }
td.activebutton2 { width: 100px; height: 22px; background: url(../img/b12.gif) repeat-x; color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; }
td.activebutton3 { width: 10px;  height: 22px; background: url(../img/b13.gif) no-repeat; white-space: nowrap; }

td.buttononblue1 { width: 10px;  height: 22px; background: url(../img/b21.gif) no-repeat; white-space: nowrap; }
td.buttononblue2 { width: 100px; height: 22px; background: url(../img/b22.gif) repeat-x; color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; }
td.buttononblue3 { width: 10px;  height: 22px; background: url(../img/b23.gif) no-repeat; white-space: nowrap; }

a         { cursor: pointer; }
a:link    { color: #013474; text-decoration: none; }
a:visited { color: #013474; text-decoration: none; }
a:hover   { color: #013474; text-decoration: underline; }

.menu:link    { color: #FFFFFF; }
.menu:visited { color: #FFFFFF; }
.menu:hover   { color: #FFFFFF; }

.powered-link:link    { color: #9BB8FB; text-decoration: none; }
.powered-link:visited { color: #9BB8FB; text-decoration: none; }
.powered-link:hover   { color: #9BB8FB; text-decoration: none; }

.powered { color: #CCCCCC; font: normal normal normal 8pt Arial, Helvetica, sans-serif; text-align: center; padding: 15px; }