/*margin and padding on body element
can introduce errors in determining
element position and are not recommended;
we turn them off as a foundation for YUI
CSS treatments. */
body {
margin: 0;
padding: 0;
}

/* Clear calendar's float */
#container .bd:after {
  content: ".";
  display: block;
  clear: left;
  height: 0;
  visibility: hidden;
}

/* Have calendar squeeze upto bd bounding box */
#container .bd {
  padding: 0;
}

/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
#cal {
  border: none;
  padding: 1em
}

/* Datefield look/feel */
.datefield {
  position: relative;
  top: 10px;
  left: 10px;
  white-space: nowrap;
  border: 0px solid black;
  background-color: #0000FF;
  width: 30em;
  padding: 5px;
}

.datefield input,
  .datefield button,
  .datefield label {
  vertical-align: top
}

.datefield label {
  font-weight: bold;
  width: 20em
}

.datefield input {
  width: 10em
}

.datefield button {
  padding: 0 5px 0 5px;
  margin-left: 2px;
  background-color: #eee;
}

.datefield button img {
  padding: 0;
  margin: 0;
  vertical-align: middle
}