/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

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

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

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(../gif/menuarrow.gif_%3b%20filename_%3dutf-8%27%27menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

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

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

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

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

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

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

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

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

.calendar tbody td.disabled { color: GrayText; }

.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) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

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

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

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

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

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

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

.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: Menu;
}

.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: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/* growth calculator */
.growth-cal {  
  padding: 1em 0;
  margin: 0 -1em -1em;
  text-align: center;
}

.growth-cal form {
  margin: 1em 0;
}

.growth-cal .question + .question {
  margin-left: 2em;
}

.growth-cal fieldset {
  border: 0;
  margin: 0;
}

.growth-cal fieldset:before {  
  display: block;
  height: 1.5em;
  width: 100%;
  font-weight:600;
  font-size: 1.25rem;
  margin: 0;
  line-height: 1.25em;
  text-transform: uppercase;
  color: #00457c;
}

.growth-cal legend {
  display: none;
}

.growth-cal label {
  display: block;
  font-weight:600;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #00457c;
  text-align: left;
}

.growth-cal input {
  background-color: #fff;
  border: 1px solid #b2b2b2;
  padding: 5px 10px;
  width: 180px;
  min-width: 0;
}

.growth-cal .birth-date,
.growth-cal .last-date,
.growth-cal .this-date {
  display: inline-block;
  margin: 1em 0;
}

.growth-cal .last-date,
.growth-cal .this-date {
  margin-left: 10px;
}

.cal {
  display: inline-block;
  position: relative;
}

.cal button.clear {
  display:none;
}

.cal button.open {
  background: url("../calendar_open.html") no-repeat scroll center top transparent;
  border: 0 none;
  height: 24px;
  margin: 0;
  margin-left: -30px;
  overflow: hidden;
  padding: 0;
  text-indent: -1000em;
  width: 24px;
  top: 2px;
  right: 1px;
}

button.open:hover {
  background-position: center bottom;
}

div.calendar {
  z-index: 1000!important;
}

body > .calendar {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.growth-cal .result {
  display: inline-block;
  background-color: #fff;

  margin: 1em;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.growth-cal .result div {
    display: inline-block;
    padding: 0.5em 1em;
    border-right: 1px solid #c41230;
    font-weight:600;
    color: #c41230;
    text-transform: uppercase;
}

.growth-cal .result div:last-child {
    border-right: 0;
    margin-right: 0;
}div.menu-component {
 position: relative;
 display: inline-block;
}
* html div.menu-component {
 display:inline; zoom:1.0;
}
*+html div.menu-component {
 display:inline; zoom:1.0;
} 
.menu-component ul.menu-items {
 position: absolute;
 top: 1.5em;
 left: 0;
 background-color: #ddd; /* Required for phantom padding bug in IE. Seriously. */
 list-style: none;
 margin: 0;
 padding: 0;
 z-index: 1;
}
.menu-component li.menu {
 position: relative;
 margin: 0;
 padding: 0;
 width: 11em;  /* Override if necessary based on length of menu labels. */ 	
}
.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(../gif/menu-expand.gif_%3b%20filename_%3dutf-8%27%27menu-expand.gif);
 background-position: right center;
 background-repeat: no-repeat;
}
/** Support up to 5 levels for IE6 */
.menu-component ul,
.menu-component.active ul ul,
.menu-component.active .active ul ul,
.menu-component.active li .active ul ul,
.menu-component.active li li .active ul ul,
.menu-component.active li li li .active ul ul  {
 display: none;
}
.menu-component.active ul,
.menu-component.active .active ul,
.menu-component.active li .active ul,
.menu-component.active li li .active ul,
.menu-component.active li li li .active ul,
.menu-component.active li li li li .active ul {
 display: block;
}
.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(../png/cog-16x16.png_%3b%20filename_%3dutf-8%27%27cog-16x16.png) no-repeat center;
	vertical-align: text-top;
}

.miwt-config-wrapper {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.45);
	border: 1px solid #e7e7e7;
	z-index: 1;
}

.miwt-config-on .miwt-config-wrapper {
	display: block;
}

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

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

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

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

.miwt-config .paging-size {
	margin-top: 1rem;
}

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

.miwt-config-actions {
	position: absolute;
	top: 5px;
	right: 5px;
}
.miwt-config-actions .close{
	display: inline-block;
	cursor: pointer;
}
.miwt-config-actions .close:before {
	display: block;
	content:"X";
	outline: 1px solid #ccc;
	background-color: #f5f5f5;
	padding: 0 5px;
}

.miwt-select-all-rows,
.miwt-clear-row-selection{
	display: none;
}
.miwt-select-visible .miwt-select-all-rows{
	display:block;
	display:table-row-group;
}
.miwt-select-model .miwt-clear-row-selection{
	display:block;
	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;
}