body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 000000; text-decoration: none; background-color: fff; margin-left: 5px; margin-top: 5px}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; }
th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; }
a {  color: 000099}
a:active {  text-decoration: none}
a:visited {  color: 000099}
a:hover {  color: 333333;background-color:eeeeff}
a.nav {  font-size: 12px; color: 0099FF; text-decoration: none}
a.utilitynav {  font-size: 12px; text-decoration: none; color: #61106a}
.field_label, .fieldlabel {  font-weight: bold; color: #000; text-decoration: none}
td.column_header {  font-size: 12pt; font-weight: bold; color: #ccc}
td.results_cell {  color: 666666; background-color: 66FFFF}
.normal {  color: 000000; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.toptext {font-size: 20px; font-weight:bold; color: #000;}
.headline1, h1 {  font-size: 20px; font-weight: bold; color: #000; text-decoration: none}
.headline2, h2 {  font-size: 16px; color: 666; text-decoration: none; font-weight: bold}
.headline3, h3 {  font-size: 16px; font-weight: bold; color: #000}
.help_text {  color: #999; font-size: 11px;}
.step_text {  color: 0066FF; text-decoration: none}
.step_text_hightlighted {  color: 00CC66}
.required_field {  color: FF0000}
.redTest {color: #FF0000; font-size: 40px}
.error {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal; line-height: normal; color: #cc0000;
}

/* Datepickers
   These styles override the styles provided in jquery-ui-1.8.2.custom.css. */
.ui-datepicker {
  opacity: 1.0; background: #fff;
  border: 1px solid #61106A;
  z-index: 600;  /* Put on top of dialogs, which have z=500. */
  padding: 0.1em 1.5em 0;
  width: 18em;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 3em; line-height: 1.8em; text-align: center;
}

.ui-state-highlight {
  /* Display indicate today's date */
  background: #A99BAB;
}
.ui-datepicker-current-day {
  /* Display for current value of the field */
  /* background: #A99BAB; */
}
.ui-datepicker-prev,.ui-datepicker-next {
  text-decoration: underline
}

/* Classes for jQuery dialogs */
/* modal window/ dialog box */
/* These styles overwrite the inline styles in jquery.ui.all.js / dropDirectPhoneDialog.js */
.ui-dialog {
        opacity: 1.0;
	width: 500px !important;
	margin:0 !important;
	padding:0 !important;
	background: #fff !important;
        display: none;
        border: 1px solid purple;
	}
.ui-widget-overlay {  /* Turn the overlay gray */
	background-color: #000;
	opacity: 0.55;
	-moz-opacity: 0.55;
        position: absolute;
	top:0px;
	left:0px
        }
.ui-dialog div {
	margin:0 !important;
	padding:0 !important;
	}
.ui-dialog-buttonpane {
	margin:0 !important;
	padding:0 !important;
	}
.ui-dialog-titlebar {
	color: #61106A !important;
	font-weight: bold !important;
	padding: 10px 10px 0px 10px;
	margin:0;
	background-color: transparent !important;
        height: 30px;
	}
.ui-dialog-titlebar a {
	color: #61106A !important;
	margin: 0 !important;
	padding: 3px !important;
	text-decoration: none !important;
	}
.ui-dialog-titlebar a:hover {
	color: #fff !important;
	background: #A99BAB;
	}
.ui-dialog-title {
        float:left;
        padding: 5px
        }
.ui-dialog-titlebar-close {
        float: right;
        margin: 5px;
        padding-top: 5px;
        padding-right: 5px
}
.ui-dialog-content {
	background: #fff !important;
        padding: 5px;
	}
.ui-dialog-content p {
	padding: .5em 10px;
	}
.ui-dialog-content ul {
	margin-left: 5em;
	}
.ui-dialog-content button {
	margin-top: .35em
	}

/* Styles for collapsible help text.*/
div.longHelpText {
	border: thin solid #999999;
	margin-top: 0.75em;
	padding: 0.25em 1em 0.25em 1em;
}
div.longHelpText.hidden { display: none }