/* images are blocky under internet explorer when downsized I must apply a global rule, otherwise behavior is random */
img {
	-ms-interpolation-mode: bicubic;
}

span.frontbox {
	display: none;
}

/* by default for all elements defined by the script:*/
#fbox_bg, #fbox_progress, #fbox_fg, #fbox_content, #fbox_spacer, #fbox_bar, #fbox_title, #fbox_sys, #fbox_content_img, #fbox_content_iframe {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

/* for strict mode */
#fbox_content_img, #fbox_content_iframe {
	display: block;
}

/* now working with absolute positionned elements */
#fbox_bg, #fbox_progress, #fbox_fg {
	position: absolute;
	top: 0px;
	left: 0px;
}

#fbox_bg {
	z-index: 998;
	background-color: #000000;
}

#fbox_progress {
	z-index: 999;
}

#fbox_fg {
	z-index: 1000;
	background-color: #999999;
	padding: 5px;
	border: solid #000000 1px;
}

/* non positionned elements */
#fbox_fg_inner {
	background-color: #FFFFFF;
}

#fbox_content {
	padding: 3px;
}

#fbox_spacer {
	height: 3px;
	overflow: hidden;
	background-image: url(../images/spacer.gif);
	font-size: 8px;
/* ie5 bug */
}

#fbox_bar td {
	padding: 3px 8px;
/*v, h*/
	color: black;
	font-size: 18px;
	font-weight: normal;
	line-height: 2.0em;
}

#fbox_sys, #fbox_navig {
	white-space: nowrap;
}

#fbox_sys {
	float: right;
}

#fbox_title {
	float: left;
	background-color: whitesmoke;
	text-align: justify;
}

a#fbox_resize_a:link, a#fbox_resize_a:hover, a#fbox_resize_a:visited, a#fbox_close_a:link, a#fbox_close_a:hover, a#fbox_close_a:visited, a#fbox_prev_a:link, a#fbox_prev_a:hover, a#fbox_prev_a:visited, a#fbox_next_a:link, a#fbox_next_a:hover, a#fbox_next_a:visited {
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}

#fbox_navig {
	margin-top: 3px;
	clear: left;
	float: left;
}