/* Floating div (popup) styles */



div#popup_div {

	background-color: #6db0e0;
	position: fixed;
	width: 568px;
	height: 368px;
	left: 10px;right: 10px;

	/* set z-index higher than possible */
	z-index:10000;

	border:none;

	border-top-left-radius:             8px;
	border-top-right-radius:            8px;
	border-bottom-left-radius:          5px;
	border-bottom-right-radius:         5px;
}
div#popup_div.show {
	display: block;
}
div#popup_div.hide {
	display: none;
}
div#popup_div a:hover { 
	color: #00F; 
	text-decoration: none; 
	background-color: white; 
}

div#popup_bar {
	background-color: #4080c0;
	background: linear-gradient(-180deg,#6db0e0,#00E);
	position: relative;
	width: 560px;
	height: 20px;
	top: 3px;
	margin: auto;
	
	border:none;
	border-top-left-radius:          6px;
	border-top-right-radius:         6px;
	
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	
	cursor:move;
}
span#popup_close {
	float: right;
	position: relative;
	top: 0px;
	left: -8px;
	font-weight: normal;
	cursor:pointer;
}
span#popup_title {
	position: relative;
	top: 2px;
	left: 4px;
}

div#popup_content {
	background-color: white;
	position: relative;
	top: 4px;
	width: 560px;
	height: 340px;
	overflow: auto;	
	margin: auto;
	
	border:none;
	border-bottom-left-radius:          3px;
	border-bottom-right-radius:         3px;
	
	text-align: justify;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
}