

/**
 *  custom popup
 */
#popup{  
	display:none;  
 	position:fixed;  
 	_position:absolute; /* hack for internet explorer 6*/  
 	border:1px solid #ccc;  
 	z-index:1000;  
 	padding:10px;
	background-color:#FFF;
	overflow:auto;
}

#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000;  
	z-index:1;  
}

#popupInner {
	min-height: 50px;
}

#popup label {
	font-weight: bold;
}

#popup td, #popup th {
	padding: 0;
}

#popup tbody {
	border-top:0px ;
}

#popup table {
	margin: 0;
}

#popup .section {
	margin: 0 0 0.5em 0;
	overflow: hidden;
}

/* TODO:IMS - need to fix this declaration to make this css file load from the module. Currently does not work because it can't find the background image. */
/* DO NOT DELETE ANY OF THESE - THEY ARE OVERRIDING OTHER CSS FILES */
#popup .dialog .dialog-content,
#popup .dialog .t,
#popup .dialog .b,
#popup .dialog .b div {
	background-image: url(/images/popup_bg.png);
	_background-image: url(/images/popup_bg.png);
	min-height:20px;
	min-width:18px;
}

#popup .dialog .t {
	background-position:left top;
	margin-left:-18px;
	height:99.9%;
	position:absolute;
	top:0;
	left:0;
	width:18px;
}

#popup .dialog .b div {
	background-position:left bottom;
	margin-left:-18px;
	position:relative;
	width:18px;
}

#popup #arrow_popup {
	position: absolute;
	background-position:top left;
	background-repeat:no-repeat;
	width: 18px;
	height: 18px;
	top: 0px;
	left: 25px;
}
	

#popup .popup-border-top
{
	border-top: 1px solid #ccc;
}

/********************* ARROW POP UPS *********************/
.arrow_popup_bottom {
	background-image: url(/images/arrow_popup_bottom.png)
}

.arrow_popup_top {
	background-image: url(/images/arrow_popup_top.png)
}

.arrow_popup_left {
	background-image: url(/images/arrow_popup_left.png)
}

.arrow_popup_right {
	background-image: url(/images/arrow_popup_right.png)
}

#popupClose a, #popupPrint a { color:#CCC;}
#popupClose a:hover, #popupPrint a:hover { color:#333333;}
#popupCloseButton{}
