/* Lightbox popup overlays for Copy Lightbox, Rename Lightbox,
   Email Lightbox, Lightbox Preferences, and so on.
	The main files are lightbox.asp, results.asp, lightboxmgr.asp.
	The file pluscalcrm.asp uses the popups for multiple usage electronic rights.
	The include file is jslbwindow.asp.
===================================================================== */

/* Document Background
===================================================================== */
#greywindow {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background-color: #000000;
	z-index: 20;
	display: none;
}

/* Layout and Content
===================================================================== */
.lightboxPopup {
	position: absolute;
	left: 0px;
	top: 32px;
	width: 100%;
	height: 100%;
	z-index: 4000;
	display: none;
}
.lightboxSmallPopup {
	position: fixed;
	left: 0px;
	top: 150px;
	width: 100%;
	height: 100%;
	z-index: 4000;
	display: none;
}
.lightboxPopupWidth {
	position: relative;
	width: 640px;
}
.lightboxSmallPopupWidth {
	position: relative;
	width: 380px;
}
.lightboxPopupPrefWidth {
	position: relative;
	width: 440px;
}
.lightboxPopupTitle {
	height: 32px;
	margin-bottom: #e5e5e5 1px solid;
	background-color: #7c1416;
	}
.lightboxPopupTitleContent {
	float: left;
	padding: 6px 0 0 20px;
	font-size: 18px;
	color: #ffffff;
}
.lightboxPopupTitleClose {
	float: right;
	padding: 6px 8px 0 0
}
.lightboxPopupBody {
	margin: 0;
	padding: 10px 20px 20px 20px;
	background-color: #f9f9f9;
	text-align: left;
}
.lightboxPopupBodyHeader {
	font-size: 16px;
	font-weight: bold;
}
.formsLightboxPopupTag {
	margin: 10px 0 0 0;
	padding: 0;
}
.formsLightboxPopupBody {
	width: 600px;
}
.formsLightboxSmallPopupBody {
	width: 340px;
}

/* Form Elements
===================================================================== */
.formsLightboxPopupLabel {
	clear: both;
	float: left;
	width: 175px;
	margin: 7px 0 0 0;
	padding: 0 5px 0 0;
	text-align: right;
}
.formsLightboxPopupLabelRequired {
	clear: both;
	float: left;
	width: 175px;
	margin: 7px 0 0 0;
	padding: 0 5px 0 0;
	text-align: right;
	font-weight: bold;
}
.formsLightboxSmallPopupLabel {
	clear: both;
	float: left;
	width: 50px;
	margin: 7px 0 0 0;
	padding: 0 5px 0 0;
	text-align: right;
}
.formsLightboxSmallPopupLabelRequired {
	clear: both;
	float: left;
	width: 50px;
	margin: 7px 0 0 0;
	padding: 0 5px 0 0;
	text-align: right;
	font-weight: bold;
}
.formsLightboxPopupField {
	float: left;
	width: 225px;
	margin: 7px 0 0 0;
}
.formsLightboxPopupTextbox {
	float: left;
	width: 225px;
	margin: 4px 0 0 0;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #333333;
	background-color: #ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.formsLightboxPopupTextboxWidth {
	width: 235px;
}
.formsLightboxPopupSelectbox {
	float: left;
	width: 235px;
	margin: 4px 0 0 0;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #333333;
	background-color: #ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.formsLightboxPopupSubmitContainer {
	margin-top: 5px;
}
.formsLightboxPopupBox {
	width: 100%;
}
.formsLightboxPopupBox1 {
	float: left;
	width: 175px;
	padding: 0 5px 0 0;
}
.formsLightboxPopupBox2 {
	float: left;
}
.formsLightboxPopupTextboxVerticalSpacer {
	margin-top: 10px;
}

/* Responsive Design
===================================================================== */
@media only screen and (max-width: 1023px) {
	.lightboxSmallPopup {
		position: absolute;
		left: 0px;
		top: 32px;
	}
}
@media only screen and (max-width: 768px) {
	.lightboxPopupWidth {width: 440px;}
	.formsLightboxPopupBody {width: 400px;}
	.formsLightboxPopupLabel {width: 155px;}
	.formsLightboxPopupLabelRequired {width: 155px;}
	.formsLightboxPopupBox1 {width: 155px;}
}
@media only screen and (max-width: 480px) {
	.lightboxPopupWidth {width: 275px;}
	.lightboxSmallPopupWidth {width: 275px;}
	.lightboxPopupPrefWidth {width: 275px;}
	.formsLightboxPopupTag {margin: 0; padding: 0;}
	.formsLightboxPopupBody {width: 235px;}
	.formsLightboxSmallPopupBody {width: 235px;}
	.formsLightboxPopupLabel {
		width: 233px;
		margin: 20px 0 0 0;
		padding: 0 0 0 0;
		text-align: left;
	}
	.formsLightboxPopupLabelRequired {
		width: 233px;
		margin: 20px 0 0 0;
		padding: 0 0 0 0;
		text-align: left;
	}
	.formsLightboxSmallPopupLabel {
		width: 233px;
		margin: 20px 0 0 0;
		padding: 0 0 0 0;
		text-align: left;
	}
	.formsLightboxSmallPopupLabelRequired {
		width: 233px;
		margin: 20px 0 0 0;
		padding: 0 0 0 0;
		text-align: left;
	}
	.formsLightboxPopupField {margin: 4px 0 0 0;}
	.formsLightboxPopupTextbox {margin: 4px 0 0 0;}
	.formsLightboxPopupTextboxVerticalSpacer {margin-top: 0;}
	.formsLightboxPopupBox1 {display: none;}
	.formsLightboxPopupSubmitContainer {	margin-top: 0;}
}