#divPopup {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -200px;
  margin-left: -190px;
  padding: 10px;
  width: 380px;
  height: 400px;
  background: #fff url("../images/header2.png") -500px 0 no-repeat;
  font: 13px verdana;
  border-radius: 0.6em;
  overflow: auto;
  z-index: 1002;					/* NOTE: this has to be higher than the global.css > .overlay > z-index value */

  box-shadow: 0px 0px 10px 1px #000;
  -ms-box-shadow: 0 0px 10px 1px #000;
  -moz-box-shadow: 0 0px 10px 1px #000;
  -webkit-box-shadow: 0 0px 10px 1px #000; }
.divPopupMin {						/* this can be used to shrink the height of the popup by half for smaller prompts */
  margin-top: -100px !important;
  height: 200px !important;
}
.divPopupMax {						/* this can be used when configuring things */
  margin-top: -250px!important;
  margin-left: -325px!important;
  width: 650px!important;
  height: 500px!important;
}

#divPopup h3 { text-decoration: underline; }
#divPopup ul { width: 100%; }
#divPopup ul li { padding: 3px 0; font-size: 16px;text-align: right;  }
#divPopup ul li label { float: left; font-size: 13px; }
#divPopup .button { width: 60px; border: 1px solid #444; }
#divPopup .textbox { width: 194px; }
#divPopup #lblForgot,
#divPopup #lblCaptcha { font-size: 10px; cursor: pointer; }
#divPopup #txtCaptcha { margin-right: 4px; width: 130px; }
#divPopup #captcha {
   border: 1px solid #6FCEF4;
   border-radius: 0.3em;

  box-shadow: 0 0 8px rgba(0,0,0,0.5);
  -ms-box-shadow: 0 0 8px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); }

#divPopup #imgPopupLoading { display: block; margin: 140px 75px; z-index: 10; }
#divPopup #lblPopupLoading {
  position: absolute;
  display: block;
  margin: 180px 128px;
  font-size: 40px;
  font-weight: bold;
  font-variant: small-caps;
  opacity: 0.6; }

#divPopupClose {
  float: right;
  margin: -10px;
  padding: 0 10px;
  font-size: 32px;
  border-top-right-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
  cursor: pointer;

  box-shadow:         inset 0 0 15px #000000;
  -ms-box-shadow:     inset 0 0 15px #000000;
  -moz-box-shadow:    inset 0 0 15px #000000;
  -webkit-box-shadow: inset 0 0 15px #000000; }
#divPopupClose:hover { color: red; }

.closePopup {							/* this can be for a <div>, <img>, ... */
	position: absolute;
	top: 5px;
	right: 5px;
	width: 32px;
	height: 32px;
	opacity: 0.3;
	z-index: 10;
}
.closePopup:hover { opacity: 0.8; cursor: pointer; }

.loadPopup {							/* same as the 'closePopup' */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -64px 0 0 -64px;
}







/* this was in the _module.css file */

#divPopup .ulWidgets {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #bbb;
}
#divPopup .ulWidgets li { display: inline; }
#divPopup .ulWidgets .liTab { margin-right: 40px; padding-top: 10px; color: #bbb; font-weight: bold; cursor: pointer; }
#divPopup .ulWidgets .liSel { color: #617B94; cursor: default; }

#divPopup .divList { float: left; padding: 0 15px 0 10px; min-width: 250px !important; width: 250px !important; height: 465px !important; border-right: 1px solid #bbb; overflow: auto; }
#divPopup .divList ul li {
	margin: 10px 0;
	padding: 10px 0;
	height: 52px;
	color: #444;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 0.5em;

	box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
	-o-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
	-ms-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
}
#divPopup .divList ul li:hover,
#divPopup .divList ul li.disabled:hover { background-color: rgba(0,0,0,0.2) !important; cursor: pointer !important; }
#divPopup .divList ul li .logo { float: left; margin-left: 10px; margin-right: 10px; max-width: 100%; max-height: 100%; border-radius: 0.3em; border: 1px solid #555; box-shadow: 0 0 8px rgba(0,0,0,0.5); }
#divPopup .divList ul li ul { margin-left: 100px; width: 135px; }
#divPopup .divList ul li ul li { margin: 0; padding: 0; height: 18px; font-size: 12px; box-shadow: none; }
#divPopup .divList ul li ul li:hover,
#divPopup .divList ul li.disabled ul li:hover { background-color: transparent !important; box-shadow: none !important; }
#divPopup .divList ul li ul li .star { float: left; margin: 0; width: 16px; height: 16px; border-width: 0px; box-shadow: none; }

#divPopup .divItem { float: left; width: 370px; height: 465px; overflow: auto; }
#divPopup .divItem .pics { width: 85px; }
#divPopup .divItem .pics li { margin: 10px 10px 0 10px; padding: 10px; }
#divPopup .divItem .pics li:hover { box-shadow: inset 0 0 4px #808080; border-radius: 0.5em; }
#divPopup .divItem .pics img { max-width: 100%; max-height: 100%; border: 1px solid #555; cursor: pointer; }
#divPopup .divItem .details { width: calc(100% - 85px); }
#divPopup .divItem h2 { margin-bottom: 0; }
#divPopup .divItem ul .button { margin-left: 0px; }
#divPopup .divItem ul .dotted { border-top: 1px dotted #808080; }
#divPopup .divItem ul .desc { color: #999; text-align: justify; }
#divPopup .divItem ul li { font-size: 12px; text-align: right; }
#divPopup .divItem ul li label { float: left; font-weight: normal; }
#divPopup .divItem ul li .star { float: left; margin: 0; width: 16px; height: 16px; border-width: 0px; box-shadow: none; }