/********************************************************
*                                                       *
*   ElectricStorm's Ajax Pane Styles                    *
*   (styles to make the popup ajax panes work)          * 
*   see ajaxpanes.js for instructions!                  *
*                                                       *
********************************************************/


html, body {
	height: 100%; /* (required for the full page ajax pane background) */
}


#ajaxpopupbg { /* div: (js generated) creates semitransparent full page background for all ajax popups */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=0); /* invisible initially (fade in) */
	opacity: 0;
	display: none; /* (in case js disabled) */
	z-index: 1000;
}


#ajaxpane { /* div: (js generated) ajax popup pane to display fetched content and close link */
	position: absolute;
	/* (nb, width, top and margin-left are defined in js file) */
	left: 50%; 
	top: -552px; /* (just to keep it off the page if js disabled) */ 
	height: 550px;
	background: #111;
	border: 1px solid #252525;
	z-index: 2000;
}


#ajaxpaneclose { /* div: (js generated) contains close link in top right of ajax panes */
	padding: 12px 15px 0px 0px;
	text-align: right;
}

#ajaxpanecontent { /* div: (js generated) contains ajax loaded content in panes */
	margin: 16px 15px 0px 15px;
	padding: 10px;
	height: 470px;
	overflow: auto; /* (scroll so that content fits in pane) */
	background: center center no-repeat; /* (preloader image url is set in js once the drop is finished) */
}


#ajaxpane table { /* tables: fix any 100% width tables (stop them creating horizontal scrollbars) */
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}