#warnfont         {font-family: Geneva, Verdana, Arial, Helvetica; font-size: 8pt;  color: #FF0000; text-decoration: none }
#txt         {font-family: Geneva, Verdana, Arial, Helvetica; font-size: 8pt;  color: #666666; text-decoration: none }
#txt a       {font-family: Geneva, Verdana, Arial, Helvetica; font-size: 8pt;  color: #336699; text-decoration: underline; font-weight: bold }
img { border: none; }
#txt h1      {font-family: Geneva, Verdana, Arial, Helvetica; font-size: 12pt; color: #336699; text-decoration: none; font-weight: bold; padding-top: 5px }
#txt h1 a    {font-family: Geneva, Verdana, Arial, Helvetica; font-size: 12pt; color: #336699; text-decoration: none; font-weight: bold }
#frm	              {font-family: Geneva, Verdana, Arial, Helvetica; font-size: 9pt;  color: #333333; text-decoration: none; background-color: #DBEDFF }
#errorbox-bad       {border: 2px solid red;  padding: 2px;}
#junkerrorfont          {text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #FF0000;}
#errorfont          {text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica; font-size: 10pt; color: #FF0000;}
#successbox-good    {border: 2px solid green;  padding: 2px;}
#junksuccessfont        {text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: green;}
#successfont        {text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica; font-size: 10pt; color: green;}
#dhtmltooltip{
	position: absolute;
	max-width: 45em;
	border: 1px solid black;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	visibility: hidden;
	z-index: 100;
	background-color: #DFF4FF;
}

table#quarantine .data {
	height: 18px;
	max-height: 18px;
	line-height: 10px;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #336699;
	white-space: nowrap;
	padding-left: 2px;
	padding-right: 2px;
}
table#quarantine tr:hover .data {
	background-color: #dce7ef;
}

/* ---------------------- Password Strength Styling ---------------------- */

.pass_str_indicator{
	color: #666;
	font-size: 12px;
	line-height: 19px;
	padding: 0 6px;
	margin: 0;
	display: inline-block;
	border: 1px solid #000;
	position: absolute;
}

.pass_str_indicator.badPass{
	background: #edabab;
	border-color: #bc0000;
	color: #bc0000;
}

.pass_str_indicator.goodPass{
	background: #ede3ab;
	border-color: #bc9f00;
	color: #bc9f00;
}

.pass_str_indicator.strongPass{
	background: #d3edab;
	border-color: #73bc00;
	color: #73bc00;
}

/*

Fancy Form

A fancy form. Has to be cleared manually =/

Markup:
<form class="fancyform">
  <label for="text">Text</label>
  <input name="text" type="text" class="text" placeholder="Text" />
  <br class="clear" />
  <select class="select">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </select>
  <br class="clear" />
  <input type="submit" class="button" value="Submit" />
</form>

Styleguide forms.fancy

This is mostly a straight copy of the same from ndn/web/dhwebpanel/images/newpanel/css/panel.css. I removed the font-size and changed font-color 000000 to 666666 to not conflict with the other mailboxes styling.

*/
.clear { clear: both; }

.fancyform { border: 0px solid red; margin-top: 10px; width: 99%; /* ie6 shits itself if this is 100.  go figure */ color: #666666; }

.fancyform label, .fancyform input .fancyform a.button { float: left; margin-bottom: 5px; }

.fancyform a.button { text-decoration: none; padding-left: 7px; padding-right: 7px; }

.fancyform input { margin: 0 0 5px; }

.fancyform label span { font-weight: normal; font-size: 1em; }

.fancyform label, .fancyform label.blank { text-align: left; padding-right: 5px; font-weight: bold; font-size: 1em; line-height: 1.7em; width: 30%; }

.fancyform label { margin-left: 20px; border-top: 1px dotted #cbd6de; }

.fancyform label.blank { border-top: 0px; }

.fancyform label.innerlabel { width: auto; border: 0px; margin: 0px; padding: 0px 5px 0px 5px; font-weight: normal; }

.fancyform span.innerinput { float: left; }

.fancyform input.text, .fancyform select { border: 1px solid #cbd6de; background: url("../formfieldbg.gif") 1px 1px repeat-x; background-color: #ffffff; float: left; color: #666666; }

.fancyform input.text:-moz-placeholder, .fancyform textarea.text:-moz-placeholder { color: #999; }

.fancyform textarea.text { border: 1px solid #cbd6de; background: url("../formfieldbg.gif") 1px 1px repeat-x; background-color: #ffffff; float: left; width: 50%; }

.fancyform input.text:disabled, .fancyform input.text:disabled, .fancyform textarea.text:disabled, .fancyform select:disabled { border: 1px solid #dae5ee; background: none; background-color: #ebf1f3; color: #666666; }

.fancyform div.radiotext { float: left; font-size: 1em; border: 0px dotted red; vertical-align: top; width: 65%; }

.fancyform input.text { border: 1px solid #cbd6de; background: url("../formfieldbg.gif") 1px 1px repeat-x; background-color: #ffffff; }

.fancyform input.password { border: 1px solid #cbd6de; background: url("../formfieldbg.gif") 1px 1px repeat-x; background-color: #ffffff; }

.fancyform input.button, .fancyform a.button { border-top: 2px solid #dbe7f0; border-left: 2px solid #dbe7f0; border-right: 2px solid #b7c1c8; border-bottom: 2px solid #b7c1c8; background: #eff5f9; background: url("../submitbg.gif") 0 0 repeat-x; font-weight: bold; color: #eff5f9; }

.fancyform input.button:active { border-top: 2px solid #b7c1c8; border-left: 2px solid #b7c1c8; border-right: 2px solid #dbe7f0; border-bottom: 2px solid #dbe7f0; color: #ffffff; }

.fancyform label.error { color: #eb272b; }

.fancyform input.error, .fancyform select.error, .fancyform textarea.error { border-color: #eb272b; }

/* Some non-form styling for errors also taken from ndn/web/dhwebpanel/images/newpanel/css/panel.css. */
 
span.error, div.error { color: #eb272b; clear: both; }

div.error:before { content: "\00BB \0020"; font-weight: bold; }