/* Overlay tint */
#ibox_tint{
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #000000;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

/* Loading progress */
#ibox_progress {	
	position: absolute;
	z-index: 105;
	margin: 0;
	padding: 0;
}

/* Main wrapper */
#ibox_wrapper {
	position: absolute;
	z-index: 1000;
	top: 112px;
	left: 0;
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
	background-color: transparent;

/*	border: 1px solid #FF0000;*/
}

/* Content wrapper */
/* note: positioning this will break close button positioning in the footer */
#ibox_content {
	position: relative;
	top: 0;
	left: 16px;/*0 for true center, 16px for natural center*/
	width: 100%;
/*	height: 100%;*/
	height: 100%;/*FIXME*/
/*This on its own causes scrollbars to appear when the window shrinks to a certain height
Currently, we counter this by setting ibox_content.style.overflow to hidden in the
drumhum_ibox.js script
(could be set in the css and disabled in script, or find some other solution?)
HOWEVER, this is still cropping our popup at certain window sizes
ISSUE2: regardless of this setting, once the window is shrunk horizontaly
we get an infinite vertical scroll bug (only in FF?)
*/
/*	margin: 0;*/
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;/*FIXME: will need IE6 center hack?*/

/*	border: 1px solid #00FF00;*/
}

#ibox_footer_wrapper {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto 0 auto;
	padding: 0;

/*	border: 1px solid #0000FF;*/
}