/* $Id: bday.css 621 2008-02-07 07:03:23Z abrown $ */

body {
  background-color: #B8CE34;
  color: black;
  font-family: verdana, arial, sans-serif;
  font-size: small;
  line-height: 140%;
  margin: 0;
  padding: 0;
  /*vertical-align: baseline;*/
}

a:link {
  color: #007EFF;
  /*text-decoration: none;*/
}

a:visited {
  color: #3333A6;
}

a:active {
  color: #CC0033;
}

a:hover {
  color: #CC0033;
  /*text-decoration: underline;*/
}

fieldset {
  width: 13em; /* Kluge? */
}

h1, h2, .Big {
  font-size: larger;
  line-height: 110%;
  /*vertical-align: baseline;*/
}

h1, .Big {
  color: #333399;
  font-weight: bold;
}

h2 {
  color: black;
  font-weight: normal;
}

label {
  color: #333399;
  font-weight: bold;
}

/* Labels are already bold; make <b> inside <label> look different.
(FIXME: this should use <strong> instead.) */
label b {
  color: black;
}

th {
  border: solid medium gray;
  padding: 0 0.5em;
}

td {
  border: solid thin gray;
  padding: 0 0.5em;
}

ul {
  list-style-position: outside;
  list-style-image: url(imgs/bullet.gif);
  list-style-type: circle;
}

#Top {
  margin: 0 110px;
  text-align: center;
  /*height: 135px;*/
  /*width: 80%;*/
}

#Top h1 {
  margin: 0;
  padding: 0;
}

#Left {
  position: absolute; /* CSS 2 */
  left: 0;
  top: 0;
}

#Right {
  position: absolute;
  right: 0;
  top: 0;
}

#Main {
  margin: 0 110px;
  /*margin:0pt 10%;*/
  padding: 0 15px;
  width: 80%;
  /*max-width: 40em;*/
  /*min-width: 345px;*/ /* This is roughly the width of the three buttons
    and the space between them. */
}

#Bottom {
  clear: both;
  margin: 30px 0px 15px 0px;
  text-align: center;
  font-size: smaller;
}

/* Text explaining why a form's or widget's input wasn't valid: */
.ValidationMsg {
  color: #CC0033;
  font-weight: bold;
}

/* A widget whose input wasn't valid: */
input.Invalid, textarea.Invalid, label.Invalid, span.Invalid, .Invalid select {
  background-color: yellow;
}

/* Make invalid labels look nicer: */
label.Invalid {
  padding: 1px 0.5em;
}

/* Make invalid spans look nicer: */
span.Invalid {
  padding-top: 1px;
  padding-bottom: 1px;
}

/* A form's heading/title: */
.FormHeading {
  font-weight: bold;
}

/* Helpful but nonessential text: */
.Tip {
  font-size: smaller;
}

/* An inline image (use this instead of 'align="absmiddle"'): */
img.InlineImg {
  vertical-align: middle;
}

/* An inline form (e.g. a single button): */
form.Inline {
  display: inline;
}

/* A text field (e.g. <input type="text"> or <input type="password">): */
textarea, input.TextField {
  width: 80%;
  max-width: 30em;
}

/* In pages with two-colum layout, .LeftCol and .RightCol are for the
left and right columns.  (Both belong within the #Main div.) */
.LeftCol {
  float: left;
  width: 30%;
  margin: 0;
  padding: 0 15px;
}

.RightCol {
  margin-left: 35%;
  padding: 0 15px;
  max-width: 36em;
}

/* Colors: */
.Cyan {color: #007EFF;}
.Blue {color: #333399;}
.Green {color: #74A330;} /* A bit darker than the background color. */
.Red {color: #CC0033;}

/* An inline unordered list: */
ul.Inline {
  list-style-type: none;
  display: inline;
  padding: 0;
}

ul.Inline li {
  display: inline;
}

/* An <a> link that isn't styled like one: */
a.IncognitoLink, a.IncognitoLink img {
  color: black;
  text-decoration: none;
  border-width: 0;
  padding: 0;
  margin: 0;
}

/* An unobtrusive button: */
.SmallButton {
  background-color: #B8CE34;
  cursor: pointer;
  font-family: verdana, arial, sans-serif;
  font-size: x-small;
  overflow: visible;
  padding: 0 2px;
  vertical-align: middle;
}

/* A block element that doesn't flow around a floated element: */
.Clear {clear: both;}