/**/
/*		General zone styles		*/
/**/



/**/
/*	A zone/dialog can contain several blocks
 *	Blocks can contain inner blocks
 *
 *	The order of the zones (from back to front)
 *		+ background
 *		+ show
 *		+ zones
 *		+ dialogs
 */
/**/

/*	A fixed zone will not move on the page	*/
/*		It has no decoration				*/
.fixed-control-zone
{
	position		: fixed ;
	padding			: 5px ;
	z-index			: 5 ;
}

/*	A fixed dialog cannot move					*/
/*		It does not show and has no decoration	*/
/*		It will show on top of all zones		*/
.fixed-dialog
{
	display			: none ;
	position		: fixed ;
	padding			: 5px ;
	z-index			: 10 ;
}

.fixed-dialog-close-button
{
	padding-right	: 10px ;
	text-align		: right ;
}

/*	An invisible block does not appear on the screen, and can be used for animations	*/
.invisible-block
{
	display			: none ;
	position		: relative ;
}

/*	A visible block has a semi-transparent background and a border	*/
.visible-inner-block
{
	margin-top		: 10px ;
	margin-bottom	: 10px ;
	padding			: 10px ;
	
	border			: double ;
	border-width	: thick ;

	background-color: #eeeeee ;
	filter			: alpha(opacity=80) ;	/* for IE */
	opacity			: 0.8 ;					/* CSS3 standard */
	
	text-align		: right ;
	font-weight		: bold ;
}

/*	A show zone is made for holding the major information of the site	*/
.show-zone
{
	z-index			: 1 ;
}

/*	A background zone is behind the others and centered on the screen	*/
.background-zone
{
	position		: fixed ;
	
	margin-top		: 150px ;

	width			: 80% ;
	margin-left		: 10% ;
	margin-right	: 10% ;

	z-index			: -1 ;
}


/**/
/*	General styles	*/
/**/
.full-width
{
	width			: 100% ;
}

.full-width-height
{
	height			:  90% ;
	width			: 100% ;
}