/*----------------------------------- < infoPopWindow.css > --------------------------------------*/
body {
    /* ie6 hack */
	_height:100%;
	_width: 100%;
}

.infoPopBg {
	background-color: #000000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#infoPopOverlay {
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	height: 100%;
	width:  100%;
	/* ie6 hack */
	_position: absolute;
    _height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    _width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#infoPopWindow {
	background-color: #FFFFFF;
	border: 1px solid #b9c0c1;
	color: #333333;
	padding: 10px;

	position: fixed;
	text-align: left;
	z-index: 101;
	/*margin-left = 1/2 width of the window */
	left: 50%;
	width: 490px;
	margin-left: -245px;
	/*margin-top = 1/2 height of the window */
	top: 50%;
	height: 230px;
	margin-top: -115px;
	display: block;
    /* ie6 hack */
    _position: absolute;
    _margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#infoPopGuide {
	background-color: #FFFFFF;
	border: 1px solid #b9c0c1;
	color: #333333;
	padding: 10px;

	position: absolute;
	text-align: left;
	z-index: 101;
	/*margin-left = 1/2 width of the window */
	left: 50%;
	width: 990px;
	margin-left: -495px;
	/*margin-top = 1/2 height of the window */
	top: 5%;
	height: 750px;
	display: block;
    /* ie6 hack */
   
}
/*----------------------------------- < /infoPopWindow.css > --------------------------------------*/

#infoPopBox, #infoPopBoxGuide {
    position: relative;
    margin-top: 0;
    overflow: visible;
}
#infoPopBoxGuide {
    height: 720px;
	padding: 25px 5px 5px 5px;
}
#infoPopBox {
    height: 195px;
}

.infoPopLeft, .infoPopRight {
    float: left;
    width: 45%;
}
.infoPopLeft {
    margin-right: 8%;
}
#infoPopBox .closeBtn, #infoPopBoxGuide .closeBtn {
    position: absolute;
    top: 7px;
    right: 7px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;    
    color: #000;
    text-decoration: none;
}

#infoPopBox a:hover.closeBtn, #infoPopBoxGuide a:hover.closeBtn {
    text-decoration: underline;
}

#infoPopBox h3 {
    margin-bottom: 8px;
}

.infoPopWrap {
    overflow: auto;
}

.infoBox p {
    padding-bottom: 4px;
}

.infoBox ul.popList 
{
    padding:10px 0 10px 15px;
}

.infoBox ul.popList li 
{
    list-style-type:disc;
    padding:5px 0;
}