/* 
css to be used on pages that use togglescreenshots.js to control display of inline screenshots 
class names .shown, .hidden, .toggleControl are expected in the javascript, so use them on the page
WDC$ 2007-04 
works in conjunction with jsloaded.css
*/
/* ut */
#contain_column2 p , #contain_column2 ul, #contain_column2 ol { clear: both; }
/* end ut */
/* screenshots*/
.screenshot { border: 1px solid #000; display: block; padding: 0; text-align: center; clear: both;   }
.screenshot.scshow { height: auto; } /* undoes value set in jsloaded */
.screenshot img { margin: .5em auto; padding: .5em 0; }

/* the toggle link */
.toggleControl p { margin: 0; padding: 0; }
.toggleControl a {
	padding-left: 35px; width: 16em; height: 37px; min-height: 37px; 
	display: block; 
	text-align: center; 
	background-position: left top; 
	background-repeat: no-repeat;
	background-image: url(http://wdc.csulb.edu/depot/img/buttons/screenshots.gif);
}
.toggleControl a:hover { background-image: url(http://wdc.csulb.edu/depot/img/buttons/screenshots-over.gif); }
.scshow .toggleControl a {
	border-color: red;
	background-image: url(http://wdc.csulb.edu/depot/img/buttons/screenshots_none.gif);
}
.scshow .toggleControl a:hover { background-image: url(http://wdc.csulb.edu/depot/img/buttons/screenshots_none-over.gif); }
.toggleControl{ float: right; display:block; }

/* title row */
.screenshotTitle { 
	display: block; 
	text-align: left; 
	color: #000;
	background-color: #eee; 
	padding-left: 1em; padding-bottom: 3px; 
	line-height: 1.2em; 
	border-bottom: 1px solid #666; 
	height: 1.2em;
}

/* .screenshot img { display: none; } is in jsloaded.css */
.screenshot img.scshow { display: block; padding-bottom: .5em;  }
/* open or close links */
.scOpen, .scClosed { float: right; display: block; padding-right: 0.5em; }

/* hide toggle stuff from printers; when you print, you get everything on the page */
@media print {
	.toggleControl, .screenshotTitle { display: none; }
	#fauxbody .screenshot img { display: block; }
	#fauxbody .screenshot { height: auto; }
}