/*
	popo.css (c) BC Ferry Corporation
*/

/* IE requires body to have a %height specified to honour an element %height */
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

#popo {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 999;
}

#popo_size {
    position: relative;
    left: 0px;
    top: 0px;
}


#popo_child_bottom {
	/* styles set when this element is injected */
}

#popo_busy_old_dim_spinner {
   display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0px;
    left:       0px;
    height:     100%;
    width:      100%;
	text-align: center;
    background: rgba( 255, 255, 255, .3 ) 
                url('busy.gif') 
                50% 50% 
                no-repeat;
}

#popo_busy_glass {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1000;
	display: none;
}
#popo_busy_transparency {
	position: absolute;
	width: 64px;
	height: 64px;
	text-align: center;
	z-index: 1010;
	xxxxcursor: wait;
	display: none;

	background-color: #000;

	opacity: 0.35;
	filter: alpha(opacity=35); /* For IE8 and earlier */

	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}

#popo_busy_spinner {
	position: absolute;
	width: 32px;
	height: 32px;
	text-align: center;
	z-index: 1020;
	xxxxcursor: wait;
	display: none;

    background: url('busy.gif') 
                50% 50% 
                no-repeat;

}






#popo_dimmer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1000;
	background-color: #000;
	opacity: 0.40;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}

#popo_overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1010;
}

#popo_close {
	position: absolute;
	height: 22px;
	width: 22px;
	background: url("close.png") left top no-repeat transparent;
	left: 50px;
	top: 50px;
	z-index: 10; /* relative to popo_framediv */
	cursor: pointer;
}

#popo_frame {
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden;
}

#popo_framediv {
	position: absolute;
	background-color: #fff;
	border: 0px solid #000;
}

#popo_frameborder {
	position: absolute;
	background-color: #000066;
	border: 0px solid #000;
	opacity: 0.40;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	z-index: -1;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}