#screenshot_wrapper {     
	position:relative; /* make this relative to have the inner div absolute without     breaking out */
    width: 700px;  /* fix the width or else it'll be the entire page's width */
    /*Useful for debugging:
    background: silver; 
    border: 1px solid grey;*/
    z-index: 98;
}

.descbox
{
    position: absolute; 
    text-align: center;
    padding: 32px;

    top: 160px;
	left: 0px;
	width: 636px;
	
    background: black; 
    color:white;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	display: none;
    z-index: 101;
}

.highlightbox {
    position: absolute; 
    border: 2px solid #ff0000;

	background-image: url('/images/spacer.gif');  /** Need this for IE8 so that the box has contents,
												    otherwise the hover will only work on the border.*/
    display: none;
    -moz-box-shadow: 0px 0px 4px #000000; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 4px #000000; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #000000; /* Opera 10.5, IE9, Chrome 10+ */

    z-index: 100;
}

#slicebuttons
{
	top: 42px;
	left: 97px;
    width: 250px; 
    height: 42px; 
}

#quickexport
{
	top: 42px;
	left: 470px;
    width: 56px; 
    height: 42px; 
}

#sliceanywhere
{
	top: 270px;
	left: 90px;
    width: 160px; 
    height: 40px; 
}

#looppoints
{
	top: 136px;
	left: 290px;
    width: 200px; 
    height: 24px; 
}

#zoombar
{
	top: 322px;
	left: 70px;
    width: 500px; 
    height: 24px; 
}