﻿.popup 
{
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden; /* display is not set to "none" since we need to calculate the size of the popup */
	z-index: 100;
}
.popup .iconheader 
{
	display: none;
}

#popupAnimation 
{
	position: absolute;
	background: #e0e0e0;
	z-index: 5;
}

div.pop-corner-tr {position:absolute;top:0;right:0;height:45px;width:25px;background:url(graphics/popup/shade-corners.png) no-repeat 100% 0}
div.pop-corner-br {position:absolute;bottom:0;right:0;height:25px;width:25px;background:url(graphics/popup/shade-corners.png) no-repeat 100% 100%}
div.pop-corner-bl {position:absolute;bottom:0;left:0;height:25px;width:25px;background:url(graphics/popup/shade-corners.png) no-repeat 0 100%}
div.pop-corner-tl {position:absolute;top:0;left:0;height:45px;width:25px;background:url(graphics/popup/shade-corners.png) no-repeat 0 0}
div.pop-top {position:absolute;top:0;left:25px;height:45px;background:url(graphics/popup/shade-border-tb.png) repeat-x 0 0}
div.pop-bottom {position:absolute;bottom:0;left:25px;height:25px;background:url(graphics/popup/shade-border-tb.png) repeat-x 0 100%}
div.pop-main {position:absolute;top:45px;left:25px;background:white}
div.pop-right {position:absolute;top:45px;right:0;width:25px;background:url(graphics/popup/shade-border-rl.png) repeat-y 100% 0}
div.pop-left {position:absolute;top:45px;left:0;width:25px;background:url(graphics/popup/shade-border-rl.png) repeat-y 0 0}
div.pop-close {position:absolute;top:20px;right:25px;width:20px;height:20px;background:url(graphics/popup/close.png) no-repeat 0 0;cursor:pointer;z-index:900}
div.pop-close span {display: none;}
h2#pop-topic a {padding-right:30px;color:#025AA0; border: none;}
h2#pop-topic {position:absolute;top:20px;left:20px;font-size:1em;padding-bottom:2px;padding-right:50px;line-height:normal;}
div#pop-content,div.popup div#pop-content {position: absolute; top:60px;left:25px; width: 350px; overflow:auto; }
div#pop-content cite {display:block;padding:10px 0}
