/* Default link style: no underline; underline on hover */
a.norm {
  color:            #629BAC;    /* XXX - is there a way to make it *inherit* the color? */
  text-decoration:  none;
  border-bottom:    1px dashed #629BAC;
}

a.norm:hover {
  color:            #7ac1d7;
  text-decoration:  none;
  border-bottom:    1px solid #7ac1d7;
}

/* Images have no border */
img {
  border:           none;
}

p,td,select,input,body {
  font-family:    geneva,arial,sans-serif;
  font-size:      9pt;
}

td.form,td.formreq,td.formreqerror,td.formerror {
  text-align:     right;
}

td.forminput {
  text-align:     left;
}

h1 {
  font-family: verdana,sans-serif;
  font-size:   14pt;
  font-weight: bold;
  border-bottom: 1px solid #c0c0c0;
}

td.formreq,td.formreqerror {
  font-weight: bold;
}

p.formerror,td.formerror,td.formreqerror {
  color: red;
}

span.errorMsg {
  margin-left: 14px;
  font-weight: bold;
  color: red;
}

.formsubmit {
  padding-top: 14px;
  text-align: center;
}

input,textarea {
  border: 1px solid #808080;
  padding: 2px;
}

input,select {
  font-family: geneva,arial,sans-serif;
}

.calendarBox {
  background-color: #202040;
  color: #ffffa0;
  font-family: Arial,sans-serif;
  font-size: 8pt;
  padding: 0px;
  margin: 0px;
}

div.calendarBoxBody {
  position: absolute;
  margin-left: 140px;
  display: none;
  padding: 2px;
  width: 168px;
  opacity: .8;
  filter: alpha(opacity=80);
}

div.calBoxClose, div.calBoxPadding {
  background-color: #202040;
  padding: 3px;
}

div.calBoxClose {
  text-align: right;
  padding: 0px;
  width: 168px;
}

a.calBoxClose {
  text-decoration: none;
  color: #ffffa0;
  margin-right: 3px;
}

a.calBoxClose:hover {
  background-color: #ffffa0;
  color: #202040;
}

iframe.calendarBoxBody {
  border: none;
  width: 168px;
  height: 160px;
  background-color: transparent;
}

body.calendarBoxBody {
  padding: 0px;
  margin: 0px;
  background-color: transparent;
}

table.calendarBox {
  width: 160px;
  border-collapse: collapse;
}

table.calendarHead {
  width: 160px;
  border: none;
  border-collapse: collapse;
}

tr.calendarHead, td.calendarHead, td.calendarHeadLeft, td.calendarHeadMiddle, td.calendarHeadRight {
  background-color: #ffffa0;
/*  border-top:    1px solid #2040a0;
  border-bottom: 1px solid #2040a0; */
  vertical-align: top;
  color: #000040;
}

tr.calendarBoxHead,td.calendarBoxHead {
  vertical-align: bottom;
  padding-bottom: 4px;
}

td.calendarBox {
  text-align: right;
  border: 1px solid #ffffa0;
  padding: 3px 3px 3px 0px;
  width: 14%;
}

a.calendarLink, a.calendarLinkSel {
  text-decoration: none;
  color: #ffffa0;
}

a.calendarLink:hover, a.calendarLinkSel:hover {
  text-decoration: none;
  color: #000040;
  background-color: #ffffa0;
}

a.calendarLinkSel {
  font-weight: bold;
  color: white;
}

td.calendarHeadMiddle {
  font-weight: bold;
  text-align: center;
  width:100%;
}

td.calendarHeadRight {
  text-align: right;
}

a.calHeadLink {
  color: #000040;
  text-decoration: none;
}

a.calHeadLink:hover {
  background-color: #000040;
  color: #ffffa0;
  text-decoration: underline;
}