html, body, ul, ol, li, h1, h2, h3, h4, h5, h6  { margin: 0; padding: 0;}


html { background: #799496 url('../images/gradient.png') repeat-x; }
body { 
	font: 0.75em/1.4em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color: #4C4C4C;
}

a { color: #db6b4c; }

a img { border: none; }

#dialog {
  background-color: white;
  background: white url('/images/dialog_monkey.gif') no-repeat top left;
  margin: 3em auto;
  border: 8px solid #eeeeee;
  width: 380px;
  padding: 0.5em 2em;
  padding-left: 180px;
  padding-bottom: 1em;
  min-height: 220px;
}
/* IE treats height as min-height, so: */
* html #dialog { height: 230px; }

h1 { 
	font-family: inherit;
	color: #7A9496; 
  font-size: 160%;
  margin-top: 1em;
  margin-bottom: 0.75em;
}

h2 {
	font-family: inherit;
	color: #7A9496; 
  font-size: 120%;
  margin-top: 1em;
  margin-bottom: 0.75em;
}


/* ==Forms */
form div.textField label {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
}
form div.textField input { width: 300px; }
form div.textField textarea { width: 300px; }
form div.selectField label {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
}
div.hint {
  color: #6e6e6e;
  font-size: 0.95em;
}


form div.fieldWithErrors { display: inline; }
form div.fieldWithErrors input { background-color: #ffcccc }

#errorExplanation {
  background-color: #f0f0f0;
  margin-bottom: 1.5em;
  border: 3px solid red;
  padding: 1em;
  width: 330px;
}
#errorExplanation p { margin: 0; }
#errorExplanation ul { margin-top: 0; margin-bottom: 0; margin-left: 2em; }