/* CSS class for thumbnail link <A> */
.MagicThumb
{
    cursor: url('../Framework/Images/ZoomIn.cur'), pointer;
    outline: none;
}

/* CSS class for the thumbnail link <A> when the big image is zoomed */
.MagicThumb-zoomed
{
	cursor: default;
}

/* CSS class for span inside the thumbnail <A> */
.MagicThumb span
{
	display: none;
}

/* CSS class for the thumbnail image */
.MagicThumb img
{
	xborder: 1px solid #808080;
	xoutline: none;
}

/* CSS class for the big image while zooming */
.MagicThumb-image
{
	xborder: 1px solid #cccccc;
	xoutline: none;
}

/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed
{
	cursor: url('../Framework/Images/ZoomOut.cur'), pointer;
}

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption
{
	color: #333333;
	background-color: #F0F0F0;
	xborder: 1px dashed #CCCCCC;
	xborder-top: none;
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 8px 16px;
}

/* CSS class for the control bar */
.MagicThumb-controlbar
{
	display: block;
	height: 18px;
}

.MagicThumb-controlbar a
{
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px 1px;
	outline: none;
	float: left;
	overflow: hidden;
}

.MagicThumb-controlbar a span
{
	display: block;
	width: 1000px;
	height: 1000px;
	background: transparent url('../Images/controlbar.png') no-repeat 0 0;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;
}