body
{
  background-color: #EEEEEE;
}

#heading
{
  text-align:       right;
  font-size:        larger;
  color:            #404040;
}

#tab-pane
{
  margin:           0 2em;
  padding:          0;
}

#menu
{
  display:          table;
  width:            100%;
}

#menu a,
#menu .current,
#menu .filler,
#menu .spacer
{
  text-decoration:  none;
  color:            black;
  padding:          0 1em;
  margin:           0;
  display:          block;  /* Use block for dimensioning (table-cell doesn't work for IE) */
  float:            left;   /* Float left to queue them on one line */
  line-height:      1.5em;
}

#menu a
{
  border:           1px solid #808080;
}

#menu a:hover,
#menu a:active
{
  background-color: #CCCCCC;
}

#menu .current
{
  background-color: white;
  border-top:       1px solid #808080;
  border-left:      1px solid #808080;
  border-right:     1px solid #808080;
  border-bottom:    1px solid white;
}

#menu .spacer
{
  padding:          0;
  border-bottom:    1px solid #808080;
  border-top:       1px solid transparent;
  width:            1em;
}

#menu .filler
{
  border-bottom:    1px solid #808080;
  border-top:       1px solid transparent;
  float:            none;   /* Don't float so it would fill up to the end of the line */
}

#content
{
  border-left:      1px solid #808080;
  border-right:     1px solid #808080;
  border-bottom:    1px solid #808080;
  background-color: white;
  min-height:       450px;
  padding:          1em;
}

table#list
{
  border-collapse:  collapse;
  width:            100%;
}

#list td
{
  border-top:       1px solid #CCCCCC;
  border-bottom:    1px solid #CCCCCC;
  padding:          0 0.25em;
}

#list td.d
{
  padding-left:     1.25em;
  width:            1em;
  text-align:       right;
}

#list td.m
{
  width:            1em;
}

#list td.y
{
  padding-right:    1.25em;
  width:            1em;
}

#list td.x
{
  padding-left:     1.25em;
  padding-right:    1.25em;
  width:            1em;
}

#list a
{
  text-decoration:  none;
  color:            #000080;
  font-weight:      bold;
}

#list a:hover
{
  color:            black;
}

#list td.new a
{
  color:            #008000;
}

#form th, #form td
{
  padding-top:      0.25em;
  padding-bottom:   0.25em;
}

#form th
{
  font-weight:      normal;
  text-align:       right;
  vertical-align:   top;
  padding-right:    1.25em;
  padding-right:    1.25em;
  padding-top:      0.5em;
}

#form td span
{
  font-size:        smaller;
  padding:          0 1em;
}

#form th.header
{
  font-weight:      bold;
  text-align:       left;
}

input, select, textarea
{
  border:           1px solid gray;
  padding:          0.5em;
}

button
{
  border:           3px double gray;
  background-color: #EEEEEE;
  padding:          0.5em;
  margin:           1em;
}

button:hover
{
  background-color: #CCCCCC;
  cursor:           pointer;
}

div.float-left
{
  float:            left;
  margin-right:     2em;
}

/* We screwed some calendar settings, so they're repaired here */
.calendar th
{
  font-weight:      bold !important;
  text-align:       center !important;
  vertical-align:   middle !important;
  padding-right:    0 !important;
  padding-right:    0 !important;
  padding-top:      0 !important;
}

.calendar th, .calendar td
{
  padding-top:      0 !important;
  padding-bottom:   0 !important;
}

.calendar span
{
  font-size:        medium !important;
  padding:          0 !important;
}

.prev, .next
{
  height:           1em !important;
}

input
{
  background-color: white !important;
}