/* Modal Dialog - added 2008-09-12 - sxs (start) */

.modalBackgroundImage
{
 position: absolute; 
 left: 0px;
 top: 0px;
 z-index: 994;
 background-image: none;
 /* background-image: url('/app/images/overlay.png'); */
 background-color: #000000;
 opacity: 0.5;
 -moz-opacity: 0.5;
 -khtml-opacity: 0.5;
}
.modalBackgroundImageIE
{
 position: absolute; 
 left: 0px; 
 top: 0px; 
 z-index: 993;
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://spie.org/app/images/overlay.png", sizingMethod="scale");
 filter:alpha(opacity=50);
}

.modalDialogBox
{
 position: absolute; 
 background-color: #eaeffa; 
 border-top: solid 1px silver; 
 border-left: solid 1px silver; 
 border-right: solid 3px dimgray;
 border-bottom: solid 3px black; 
 z-index: 998;
}
.modalDialogBoxHeaderRow
{
 background-color: Navy; 
 height: 32px; 
 padding: 4px 4px 4px 8px;
}
.modalDialogBoxHeaderRowText
{
 color: White;
 font-family: Arial;
 font-size: 13px;
 line-height: 15px;
}
.modalDialogBoxMessageRow
{
 background-color: Silver;
 padding: 8px 8px 8px 8px;
 height: 48;
}
.modalDialogBoxPromptCell
{
 padding: 8px 8px 8px 8px;
}
.modalDialogBoxMessageText
{
 color: Black;
 font-family: Arial;
 font-size: 13px;
 line-height: 14px;
}
.modalDialogBoxButtonRow
{
 background-color: Silver;
 padding: 8px 8px 8px 8px;
}
.modalDialogBoxButton1
{
 border-right: dimgray 2px solid;
 border-top: gray 1px solid;
 font-size: 13px;
 margin: 8px 4px 8px 4px;
 border-left: gray 1px solid;
 border-bottom: black 2px solid;
 font-family: Arial, Verdana;
 background-color: olivedrab;
 color: beige;
 padding: 4px 2px 2px 2px;
 width: 80px;
}
.modalDialogBoxButton1Hover
{
 border-right: dimgray 2px solid;
 border-top: gray 1px solid;
 font-size: 13px;
 margin: 8px 4px 8px 4px;
 border-left: gray 1px solid;
 border-bottom: black 2px solid;
 font-family: Arial, Verdana;
 background-color: DarkOliveGreen;
 color: White;
 padding: 4px 2px 2px 2px;
 width: 80px;
}
.modalDialogBoxButton2
{
 border-right: dimgray 2px solid;
 border-top: gray 1px solid;
 font-size: 13px;
 margin: 8px 4px 8px 4px;
 border-left: gray 1px solid;
 border-bottom: black 2px solid;
 font-family: Arial, Verdana;
 background-color: firebrick;
 color: beige;
 padding: 4px 2px 2px 2px;
 width: 80px;
}
.modalDialogBoxButton2Hover
{
 border-right: dimgray 2px solid;
 border-top: gray 1px solid;
 font-size: 13px;
 margin: 8px 4px 8px 4px;
 border-left: gray 1px solid;
 border-bottom: black 2px solid;
 font-family: Arial, Verdana;
 background-color: DarkRed;
 color: White;
 padding: 4px 2px 2px 2px;
 width: 80px;
}
.modalDialogBoxButton3
{
 border-right: dimgray 2px solid;
 border-top: gray 1px solid;
 font-size: 13px;
 margin: 8px 4px 8px 4px;
 border-left: gray 1px solid;
 border-bottom: black 2px solid;
 font-family: Arial, Verdana;
 background-color: goldenrod;
 color: beige;
 padding: 4px 2px 2px 2px;
 width: 80px;
}
.modalDialogBoxButton3Hover
{
 border-right: dimgray 2px solid;
 border-top: gray 1px solid;
 font-size: 13px;
 margin: 8px 4px 8px 4px;
 border-left: gray 1px solid;
 border-bottom: black 2px solid;
 font-family: Arial, Verdana;
 background-color: DarkGoldenrod;
 color: White;
 padding: 4px 2px 2px 2px;
 width: 80px;
}

.modalDialogBoxCloseButton
{
 border-right: dimgray 2px solid;
 border-top: gray 1px solid;
 font-size: 13px;
 margin: 2px 4px 2px 4px;
 border-left: gray 1px solid;
 border-bottom: black 2px solid;
 font-family: Arial, Verdana;
 background-color: firebrick;
 color: White;
 padding: 4px 2px 2px 2px;
 width: 20px;
}
.modalDialogBoxCloseButtonHover
{
 border-right: dimgray 2px solid;
 border-top: gray 1px solid;
 font-size: 13px;
 margin: 2px 4px 2px 4px;
 border-left: gray 1px solid;
 border-bottom: black 2px solid;
 font-family: Arial, Verdana;
 background-color: darkred;
 color: White;
 padding: 4px 2px 2px 2px;
 width: 20px;
}

/* Modal Dialog - added 2008-09-12 - sxs (end) */

/* Modal Address Verification dialog - added 2009-11-17 - sxs (start) */

.modalAddressVerificationDialog
{
 padding: 12px 12px 12px 12px;
 position: absolute; 
 background-color: #EBE9E1; 
 border-top: solid 1px silver; 
 border-left: solid 1px silver; 
 border-right: solid 3px dimgray;
 border-bottom: solid 3px black; 
 width: 500px;
 z-index: 996;
}

.modalAddressVerificationBasicDiv
{
 padding: 8px 20px 8px 20px;
}

.modalAddressVerificationButton1
{
	background-color: #7C7D53;
 color: White;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 height: 26px;
 text-align:center;
 text-decoration: none;
 text-transform: capitalize;
	border-color: #ABAB80 #5E5D38 #5E5D38 #ABAB80;
	border-width: 2px;
	border-style: solid;
 width: 180px;
}
.modalAddressVerificationButton1Hover
{
	background-color: #5E5E3F;
	border-color: #7C7D53 #40402B #40402B #7C7D53;
	border-style: solid;
	border-width: 2px;
 color: White;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 height: 26px;
 text-align:center;
 text-decoration: none;
 text-transform: capitalize;
 width: 180px;
}
.modalAddressVerificationButton2
{
	background-color: #a32b2c;
	border-color: #c00000 #8a0000 #8a0000 #c00000;
	border-width: 2px;
	border-style: solid;
 color: White;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 height: 26px;
 text-align:center;
 text-decoration: none;
 text-transform: capitalize;
 width: 180px;
}
.modalAddressVerificationButton2Hover
{
	background-color: #8a0000;
	border-color: #a32b2c #660000 #660000 #a32b2c;
	border-width: 2px;
	border-style: solid;
 color: White;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 height: 26px;
 text-align:center;
 text-decoration: none;
 text-transform: capitalize;
 padding: 1px 0px 0px 0px;
 width: 180px;
}

/* Modal Address Verification dialog - added 2009-11-17 - sxs (start) */