/* standard-form-extras.css --------------------------- */
/* To be used with standard-form.css ------------------ */

/* For horizontal alignment of labels ----------------- */
span.name_form_element_label,
.name_form_element span.label,
span.label,
span.email_form_element_label,
.email_form_element span.label,
span.extra_value_name {
  width: 23%;
  display: block;
  float: left;
  clear: both;
}
input.extra_value_renderer {
  width: 75%;
  float: left;
  clear: none;
}
select.extra_value_renderer {
  margin-left: 10px;
  float: left;
}
div.contact_con span.extra_value_name {
  width: auto;
}
.address_form div.city_container,
.address_form div.region_container,
.address_form div.postal_code_container,
.address_form div.country_container {
  float: none;
  clear: left;
}
/* To override the horizontal alignment styles------ */
div.hli_first_con, div.hli_con, div.hli_last_con {
  clear: both;
  float: none;
  margin-right: 0;
}
div.name_con, div.first_name_con, div.last_name_con {
  width: auto;
}
/* Must set a specific width --------------------------
div.phone_number_entry_con {
width: 12em;
}

/* Right-align the labels ----------------------------- */
/* For use along with the horizontal alignment above --
span.name_form_element_label_con,
.name_form_element span.label_con,
span.label_con,
span.email_form_element_label_con,
.email_form_element span.label_con,
span.extra_value_name_con {
width: 30%;
text-align: right;
padding-right: .5em;
}
textarea.extra_value_renderer,
input.extra_value_renderer {
width: 66.5%;
}
select.extra_value_renderer {
margin-left: 10px;
float: left;
}
div.contact_con {
width: 100%;
clear: both;
}
*/.formentrybean {
  margin: 5px 10px;
}

.form_content {
  padding: 15px;
}
.comments span.extra_value_name {
  width: 300px;
}
span.name_form_element_label,
.name_form_element span.label, span.label,
span.email_form_element_label, .email_form_element span.label,
span.extra_value_name {
  margin: 7px 0; 
}

/* To fix IE has-layout bugs */ 
#ie7only div.main_contact,
#ie6only div.main_contact {
  height: 26px;
}
/* Content Color / Decoration ---------------------------- */
div.instruction_con, 
div.instruction {
  color: #092063;
}
.section_con {
  border-bottom: 1px solid #AAA;
}

/* For required fields ----------------------------------- */
.user-entry-required .label:before {
  content: "*";
  color: red;
}
.user-entry-required span.address_line_last,
.user-entry-required span.extension_label {
  background: 0;
  padding: 0 2px;
}

/* Content Layout ---------------------------------------- */
textarea {
  font-size: .9em;
  height: 8em;
  width: 98%;
}
.heading_con {
  font-size: 1.5em;
  margin: 10px 0 5px 0;
}
div.title_con {
  width: 100%;
  clear: both;
  font: bold 1.2em;
  padding: 10px 0 5px 0;
}
div.subheading_con {
  font-weight: bold;
  font-size: 1.1em;
  padding: 10px 0 5px 0;
}
div.question_con {
  clear: both;
  margin-top: 0.5em;
}

/* For horizontally aligned groups ----------------------- */
/* Class names: hli_first, hli, hli_last ----------------- */
div.hli_first_con {
  clear: left;
}
div.hli_first_con, 
div.hli_con {
  float: left;
  margin-right: 1em;
}
div.hli_last_con {
  float: left;
  clear: right;
}

/* For nested elements ----------------------------------- */
/* Class name: level2 ------------------------------------ */
div.level2_con {
  padding-left: 2em;
}

/* Event Selector ---------------------------------------- */
table.registerable_selector td.registerable_name_con {
  padding: 0 1em;
}
table.registerable_selector td.registerable_group_con {
  padding: 0.35em 0 0 0;
  font-wieght: bold;
  font-size: 1.1em;
}

/* Layout-specific data classes -------------------------- */
div.name_con, 
div.first_name_con, 
div.last_name_con, 
div.referred_by_con {
  width: 12em;
}
table.address_form_visitable {
  width: 100%;
  clear: both;
}

span.name_form_element_label,
.name_form_element span.label,
span.label, span.email_form_element_label,
.email_form_element span.label,
span.extra_value_name {
  display: block;
}
/* Bold the labels --------------------------------------- */
.extra_value_name,
.name_form_element_label,
.name_form_element span.label,
.label, .email_form_element_label,
.email_form_element span.label,
.extra_value_name {
  font-weight: bold;
}

/* Addresses -------------------------------------------- */
.address_line_con, 
.city_container_con, 
.region_container_con, 
.postal_code_container_con, 
.country_container_con, 
.country_container_con {
  margin-top: 0.5em;
}

/* Align the City-State-Zip ------------------------------ */
.address_form div.city_container {
  clear: left;
  float: left;
}
.address_form div.region_container {
  float: left;
}
.address_form div.postal_code_container {
  float: left;
}
.address_form div.country_container {
  clear: left;
  float: left;
}

/* Phone Number ------------------------------------------ */
.phone_number_nanp, 
.format_nanp_button, 
.format_international_button, 
.extension_label_con {
  color: #333;
  font-weight: normal;
}
.nanp_example, 
.international_example {
  color: #555;
  font-style: italic;
  font-weight: normal;
}

/* Messages ---------------------------------------------- */
div.messages_con {
  background: #FFC;
  border: 1px #C00 solid;
  margin: .5em 0;
  width: 100%;
  float: left;
}
div.messages {
  padding: .25em;
}
div.error_message_con {
  color: #C00;
  font-weight: bold;
  padding: 0 0 4px 20px;
  background: transparent url(//d2neluxq9hrlqh.cloudfront.net/_resources/e30d:sy2492/docroot/cms/icons/x16/message_error.png) no-repeat 0% 0%;
}
div.wizard_component {
  float: left;
  clear: both;
}

/* Navigation Tabs --------------------------------------- */
div.wizard_category_navigator {
  float: left;
  clear: both;
  background-color: #C3CBDF;
  width: 100%;
  border-right: 1px #555 solid;
}
div.wizard_category_navigator_node_con {
  float: left;
  border-right: 1px #DDD solid;
  padding: 0 1em 0 0;
  margin: .5em;
}
span.wizard_category_navigator_node_step_con {
  color: #666;
  font-size: .9em;
  font-weight: bold;
}
div.wizard_category_navigator_node_name_con, 
span.wizard_category_navigator_node_name_con {
  font-size: 1em;
  font-weight: bold;
  color: #C00;
  display: block;
}

/* Wizard Step Container - Content of Step --------------- */
div.wizard_procedure_con {
  float: left;
  clear: both;
  width: 100%;
  background-color: #E2EDF3;
  border: 1px #555 solid;
  border-width: 0 1px 1px 0;
}
div.wizard_procedure_step_header_con {
  font-weight: bold;
  padding: 1em 0;
}
table.wizard_procedure {
  padding: 0 0 0 1em;
  margin: 0;
  width: 100%;
}
.wizard_procedure_step_name_con {
  clear: both;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  width: 100%;
}

/* Step Help --------------------------------------------- */
.wizard_help {
  display: none;
}

/* Navigation Bar ---------------------------------------- */
td.procedure-navigation-bottom-con {
  padding: 1em .25em;
  text-align: left;
}
.procedure-navigation-con button {
  background: #EEE;
  border: 1px #CCC solid;
  border-width: 1px 1px 2px 1px;
  color: #555;
  cursor: hand;
  cursor: pointer;
  font-size: .8em;
  font-weight: bold;
  margin: 0 .05em 0 0;
  padding: .25em .75em .2em .75em;
}
.procedure-navigation-con button:hover {
  border-color: #999;
  color: #333;
}
span.submit_registration_button {
  display: block;
  padding: 1em 0;
}

.menu-component {
	position: relative;
	display: inline-block;
}

.menu-component .menu-items {
	position: absolute;
	top: 1.5em;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1;
}

.menu-component li.menu {
	position: relative;
	margin: 0;
	padding: 0;
}

.menu-component li.menu ul.menu-items {
	top: 0;
	left: 100%; /* Override if necessary based on position on page */
}

.menu-component .menu a.menu-item,
.menu-component .menu span.menu-item {
	display: block;
	width: 10em;
	color: #000;
	text-decoration: none;
	padding: 4px .5em;
	margin: 0;
}

.menu-component .menu a.menu-item:hover {
	background-color: #aaa;
}

.menu-component .menu span.menu-item {
	color: #666;
}

.menu-component .parent-menu > a.menu-item {
	background-image: url(/_resources/all/docroot/miwt/component/images/menu-expand.gif);
	background-position: right 2px center;
	background-repeat: no-repeat;
}

.menu-component ul {
	display: none;
}

.menu-component.active > ul,
.menu-component.active li:hover > ul {
	display: block;
}
div.window {
	background-color: #eee;
	border-style: ridge;
	border-color: ThreeDLightShadow ThreeDDarkShadow ThreeDDarkShadow ThreeDLightShadow;
	border-width: 1px 2px 2px 1px;
	padding: 2px;
}

.titlebar_row td {
	height: 1.2em;
}

td.activewindowtitle {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	border: 0px none;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}

td.windowbuttons {
	color: ButtonText;
	margin: 0;
	font-size: .8em;
	text-align: right;
}

td.inactivewindowtitle {
	background-color: InactiveCaption;
	font-weight: bold;
	color: InactiveCaptionText;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}

div.windowcontent {
	color: WindowText;
	background-color: #fafcff;
	border: 1px outset #777;
	overflow: auto;
	position: absolute;
	top: 1.75em; /* Needs to be >= titlebar height + padding, etc */
	bottom: 2px;
	left: 2px;
	right: 2px;
}

.windowresize_sw,
.windowresize_se,
.windowresize_nw,
.windowresize_ne {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 5px;
	height: 5px;
	cursor: ne-resize;
}

.windowresize_sw {
	cursor: sw-resize;
}

.windowresize_se {
	cursor: se-resize;
}

.windowresize_nw {
	cursor: nw-resize;
}

/* OptionDialog. */
table.OptionDialogButtons,
table.OptionDialog {
	margin: 0 auto;
}

/* Progress Dialog. */
.miwt-ajax-progress {
	padding: 16px;
	min-width: 200px;
	min-height: 85px;
	vertical-align: middle;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e7e7e7;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.45);
	border-radius: 2px;
	z-index: 10001;

	position: absolute;
	top: 100px;
	left: 100px;
	font-family: Arial, Verdana, sans-serif;
	color:#555;
}
.miwt-ajax-progress progress {
	margin-top: 16px;
	width: 100%;
}

a[disabled] {
	color: gray;
	text-decoration: none;
}.dnd-feedback
{
  background-color: white;
  padding: 2px;
  border: thin gray solid;
}
 
.dnd-dropactive
{

}

div.dropoptions
{
  background-color: white;
  padding: 2px;
  border: thin gray solid;
}
.miwt-table button.configure,
.miwt-tree button.configure {
	width: 16px;
	height: 16px;
	padding-left: 16px;
	text-indent: -1000em;
	overflow: hidden;
	border: none;
	background: transparent url(/_resources/all/docroot/miwt/component/images/cog-16x16.png) no-repeat center;
	vertical-align: text-top;
}

.miwt-config-wrapper {
	padding: 0;
	border: 1px solid #e7e7e7;
}

.miwt-config {
	min-width: 250px;
}

.miwt-config ul {
	list-style: none;
	padding: 0 15px 0 0;
	margin: 0;
}

.miwt-config ul li {
	margin-bottom: 4px;
}

.miwt-config ul li input[type="checkbox"] {
	margin-right: 4px;
}

.miwt-config-option {
	margin-bottom: .75rem;
}

.miwt-config-option-label {
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 15px 6px;
	background: #e7e7e7;
}

.miwt-config-option-value {
	margin: 0 0 0 1rem;
}

.miwt-config-actions {
	float: right;
	padding: 2px 0;
}

.miwt-select-all-rows,
.miwt-clear-row-selection {
	display: none;
}

.miwt-select-visible .miwt-select-all-rows {
	display: table-row-group;
}

.miwt-select-model .miwt-clear-row-selection {
	display: table-row-group;
}

.miwt-select-all-rows .selection-action,
.miwt-clear-row-selection .selection-action {
	cursor: pointer;
	text-decoration: underline;
}
/*
 * Copyright (c) Interactive Information R & D (I2RD) LLC.
 * All Rights Reserved.
 *
 * This software is confidential and proprietary information of
 * I2RD LLC ("Confidential Information"). You shall not disclose
 * such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered
 * into with I2RD.
 */

.miwt-prompt {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
	outline: 0;
}

.miwt-prompt .prompt-dialog {
	position: relative;
	width: auto;
	margin: 30px auto;
	max-width: 600px;
}

.miwt-prompt .prompt-content {
	position: relative;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .3rem;
	outline: 0;
	background-color: #fff;
}

.miwt-prompt .prompt-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.miwt-prompt .prompt-header:after {
	content: "";
	display: table;
	clear: both;
}

.miwt-prompt .prompt-title {
	margin: 0;
	line-height: 1.5;
}

.miwt-prompt .prompt-body {
	position: relative;
	padding: 15px;
}

.miwt-prompt .prompt-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}

.miwt-prompt .prompt-footer:after {
	content: "";
	display: table;
	clear: both;
}

.miwt-prompt-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
	opacity: .5;
}/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh-persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh-persistent,
ul.menubeanh-persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh-persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh-persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh-persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh-persistent ul,
ul.menubeanh-persistent ul ul,
ul.menubeanh-persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh-persistent li.over ul ul,
ul.menubeanh-persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh-persistent li.over ul,
ul.menubeanh-persistent ul li.over ul,
ul.menubeanh-persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv-persistent,
ul.menubeanv ul,
ul.menubeanv-persistent, ul {
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv-persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv-persistent li.mi-parent {
  cursor: pointer;
}
ul.menubeanv-persistent li ul {
  display: none;
}
ul.menubeanv-persistent li.over ul {
  display: block;
}