﻿
	#wonderspell_contentPage {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 95%;
		height: 95%;
		background-color: #FFFFFF;
		border: 2px solid #939393;
		z-index: 9999;
		/*margin: 10px 10px 10px 10px;*/
	}
	
	#wonderspell_iframe {
		position: absolute;
		top: 5px;
		left: 5px;
		width: 98%;
		height: 98%;
	}
	
	#wonderspell_contentPageCloser {
		position: absolute;
		top: -15px;
		right: -15px;
		height: 32px;
		width: 32px;
		cursor: pointer;
		background-image: url(images/close02.png);
		background-repeat: no-repeat;
		background-position: center;
		z-index: 5;
	}
	
	#wonderspell_noIframe {
		position: relative;
		top: 5px;
		left: 5px;
		width: 500px;
		background-color: #FFFFFF;
		border: 1px solid #333333;
	}
	
	#wonderspell_iframeLoader {
		position: absolute;
		top: 5px;
		left: 5px;
		background-color: #FFFFFF;
		background-image: url(images/loader.gif);
		background-repeat: no-repeat;
		background-position: center;
		border: 1px solid #333333;
	}
	
	.wonderspell_toolDiv {
		margin: 5px 0px 10px 0px;
	}
	
	.wonderspell_invisible {
		display: none;
	}
	
	.wonderspell_visible {
		display: block;
	}
	
	
	
	/*********************************************************
		Shadow for contentpage (iframe) to set the positions heights and widths: 
		(Will change by javascript [onResize-event])
	**********************************************************/
	#wonderspell_contentPageShadowDiv {
		position: absolute;
		top: 500px;
		left: 500px;
		width: 500px;
		height: 500px;
	}
	
	#wonderspell_contentPageShadowTopLeft {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 40px;
		height: 40px;
		margin: 0px;
	}
	
	#wonderspell_contentPageShadowTop {
		width: auto;
		height: 40px;
		margin: 0 40px;
	}
	
	#wonderspell_contentPageShadowTopRight {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 40px;
		height: 40px;
		margin: 0px;
	}
	
	#wonderspell_contentPageShadowLeft {
		width: 40px;
		height: 420px;
		margin: 0px;
	}
	
	#wonderspell_contentPageShadowCenter {
		position: absolute;
		top: 40px;
		left: 40px;
		width: 420px;
		height: 420px;
		margin: 0px 0px;
	}
	
	#wonderspell_contentPageShadowRight {
		position: absolute;
		top: 40px;
		right: 0px;
		width: 40px;
		height: 420px;
		margin: 0px;
	}
	
	#wonderspell_contentPageShadowBottomLeft {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 40px;
		height: 40px;
		margin: 0px;
	}
	
	#wonderspell_contentPageShadowBottom {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 420px;
		height: 40px;
		margin: 0px 40px;
	}
	
	#wonderspell_contentPageShadowBottomRight {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 40px;
		height: 40px;
		margin: 0px;
	}
	
	
	/*********************************************************
		Shadow classes (set background information):
	**********************************************************/
	.wonderspell_shadowTopLeft {
		background-image: url(images/shadowTopLeft3.png);
		background-repeat: no-repeat;
		padding: 0px;
	}
	
	.wonderspell_shadowTop {
		background-image: url(images/shadowTop3.png);
		background-repeat: repeat-x;
		padding: 0px;
	}
	
	.wonderspell_shadowTopRight {
		background-image: url(images/shadowTopRight3.png);
		background-repeat: no-repeat;
		padding: 0px;
	}
	
	.wonderspell_shadowLeft {
		background-image: url(images/shadowLeft3.png);
		background-repeat: repeat-y;
		padding: 0px;
	}
	
	.wonderspell_shadowCenter {
		background-image: url(images/shadowCenter3.png);
		background-repeat: repeat;
		padding: 0px;
	}
	
	.wonderspell_shadowRight {
		background-image: url(images/shadowRight3.png);
		background-repeat: repeat-y;
		padding: 0px;
	}
	
	.wonderspell_shadowBottomLeft {
		background-image: url(images/shadowBottomLeft3.png);
		background-repeat: no-repeat;
		padding: 0px;
	}
	
	.wonderspell_shadowBottom {
		background-image: url(images/shadowBottom3.png);
		background-repeat: repeat-x;
		padding: 0px;
	}
	
	.wonderspell_shadowBottomRight {
		background-image: url(images/shadowBottomRight3.png);
		background-repeat: no-repeat;
		padding: 0px;
	}
	
	
/****************************************************************
 *	IE 6 hacks:
 ****************************************************************/
 
 	* html #wonderspell_contentPageCloser {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='plugins/system/wonderspell/images/close02.png');
	}
	
	* html .wonderspell_shadowTopLeft {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='plugins/system/wonderspell/images/shadowTopLeft3.png');
	}
	
	* html .wonderspell_shadowTop {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='plugins/system/wonderspell/images/shadowTop3.png');
	}
	
	* html .wonderspell_shadowTopRight {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='plugins/system/wonderspell/images/shadowTopRight3.png');
	}
	
	* html .wonderspell_shadowLeft {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='plugins/system/wonderspell/images/shadowLeft3.png');
	}
	
	* html .wonderspell_shadowCenter {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='plugins/system/wonderspell/images/shadowCenter3.png');
	}
	
	* html .wonderspell_shadowRight {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='plugins/system/wonderspell/images/shadowRight3.png');
	}
	
	* html .wonderspell_shadowBottomLeft {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='plugins/system/wonderspell/images/shadowBottomLeft3.png');
	}
	
	* html .wonderspell_shadowBottom {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='plugins/system/wonderspell/images/shadowBottom3.png');
	}
	
	* html .wonderspell_shadowBottomRight {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='plugins/system/wonderspell/images/shadowBottomRight3.png');
	}
