/*
 CSS for Preview.js
 The main purpose of this to hide all the menus and buttons from previewed parts.
 Note: this is essentially same a print.css, which also hides the same elements.
 We use #previewPanelContent as selector, because that selects the <div> by id which contains everything on the preview panel...

 $Id$
 */

 /* Hide everything which would not appear in printing, that is the menus, buttons, actionbars etc...*/
 #previewPanelContent .noPrint {
 	display:none;
 }

/* Hide buttons */
#previewPanelContent INPUT.button {
	display:none;
}

#previewPanelContent INPUT.smallButton {
	display:none;
}

/**
 * dont' show ActionMenuBar/ActionBar in preview panel
 */
#previewPanelContent .actionBar, #previewPanelContent .actionMenuBar {
	display:none;
}

/** do not print YUI menus like Action Menu */
#previewPanelContent .yuimenubar {
	display:none !important;
}

/* do not show the left panel */
#previewPanelContent #left-panel {
	display:none;
}

/*
	Container for preview panel

	width: 600px;
	height: 400px;

 */
#previewPanelContainer{
	position: absolute;
	top: 0px; left: 0px;

	display: none;
	z-index: 20;

	border:inset 1px gray;
	max-width: 600px;
	max-height: 400px;

	/* for IE only: it does not know the max-width */
    width: expression(this.width > 600 ? 600 : "auto");
	height: expression(this.height > 400 ? 400 : "auto");

	overflow: auto; overflow-x: auto; overflow-y: auto;
	/*background-color: inherit;*/	/* IE displays inherit as transparent ?*/
	/*background-color: infobackground;*/
	background-color: #EEE;
}

/*
 * Style for close button on preview-panel
 */
#previewPanelCloseButton{
	float:right;
	margin-right:10px;

	display: run-in;
}

/**
 * class added dynamically to links which will be previewed
 */
.previewLink {
	/*border-bottom: dotted 1px red;*/
	/*
	background-image: url("../images/Magnifier_9.gif") !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	padding-right: 10px;	// space for the image, 1pix more than the icon width
	margin-right: 2px;
	*/
}

/**
 * change the icon for preview-links when mouse moves over
 */
.previewLink:hover {
	background-image: url("../images/ajax-loading_10.gif") !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	padding-right: 11px;
	margin-right: 2px;
	/*cursor: wait;*/
}