/* Reset Style. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;}
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}
.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;
}/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

div.calendar, div.calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(/_resources/dyn/docroot/lib/jscalendar/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/* 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;
}