/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* --- style variants for managing the different zoom levels --- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* --- zoom styles are applied to div ID=CTL_BubbleViewer  --- */

/* ---------------------------------------------------------------------------------------- */
div.zoom100 {
	/* --- nothing; this is the default zoom level --- */
}
/* ---------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- */
div.zoom50 {}

div.zoom50 div.bubble {
	width: 120px;
	font-size: 0.500em;
}

div.zoom50 div.bubble div.colourShell {
	padding: 0px 0px 0px 0px;
	color: #fff;	
}

div.zoom50 div.bubble div.colourShell div.top {
	background-position: 0px -115px;
	height: 5px;
	overflow: hidden;
}

div.zoom50 div.bubble div.colourShell div.content {
	padding: 0px 5px 0px 5px;
}

div.zoom50 div.bubble div.colourShell div.controls {
	padding-right: 10px;
	background-position: 0px -158px;	
	height: 15px;	
}

div.zoom50 div.tail {
	display: none;
}
/* ---------------------------------------------------------------------------------------- */

div.zoom25 {}

div.zoom25 div.bubble {
	width: 60px;
	font-size: 0.250em;
}

div.zoom25 div.bubble div.colourShell {
	padding: 0px 0px 0px 0px;
	color: #fff;	
}

div.zoom25 div.bubble div.colourShell div.top {
	background-position: 0px -175px;
	height: 3px;
	overflow: hidden;
}

div.zoom25 div.bubble div.colourShell div.content {
	padding: 0px 2px 0px 2px;
}

div.zoom25 div.bubble div.colourShell div.controls {
	padding-right: 10px;
	background-position: 0px -198px;	
	height: 7px;	
}

div.zoom25 div.bubble div.colourShell div.controls span.username {
	display: none;
}

div.zoom25 div.tail {
	display: none;
}
/* ---------------------------------------------------------------------------------------- */

div.zoom10 {}

div.zoom10 div.bubble {
	width: 24px;
	font-size: 0.01em;
}

div.zoom10 div.bubble div.colourShell {
	padding: 0px 0px 0px 0px;
	color: #fff;	
}


div.zoom10 div.bubble div.colourShell div.top {
	background-position: 0px -210px;
	height: 2px;
}

div.zoom10 div.bubble div.colourShell div.content {
	padding: 0px 0px 0px 0px;
	border-left: 0;
	border-right: 0;
}

div.zoom10 div.bubble div.colourShell div.controls {
	background-position: 0px -218px;
	height: 2px;
}

div.zoom10 div.bubble div.colourShell div.controls span.username {
	display: none;
}

div.zoom10 div.tail {
	display: none;
}




/* ---------------------------------------------------------------------------------------- */
/* --- end of stylesheet --- */
/* ---------------------------------------------------------------------------------------- */