/*	Styles for the Pop-up Image Area
	
	Interdependence between right and left positions of popUpButtons, and the width of the border.
	right and left settings = -(borderwidth*2)px

	100128 RBracco Initial version
	110312 RBracco Updated for Jam Imaging: remove background overlay
	(c) 2011, Red Beagle Web Development */
#popUpBkgd { display: none; position: fixed; top: 0px; left: 0px; }
/* Underscore hack seems to help this work in IE6 */
#popUpArea { position: absolute; top: 400px; left: 601px; }
#popUpImage { display: none; border: 1px solid #000000; }
#popUpPlate { display: none; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; background: #000000; }
#popUpCover { display: none; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; background: transparent; }
/*
#popUpCommentBox { display: none; position: absolute; top: 15px; left: 15px; width: 0px; height: 0px; background: #ffffff; padding: 5px; }
*/
#popUpCommentBox { display: none; position: absolute; top: -365px; left: -525px; width: 0px; }
#popUpButtonClose { display: none; position: absolute; top: -5px; right: -5px; cursor: pointer; height: 20px; width: 20px; }
#popUpButtonComment { display: none; position: absolute; top: 0px; left: 0px; cursor: pointer; height: 20px; width: 20px; }
#popUpButtonRight { display: none; position: absolute; top: 40px; right: 0px; cursor: pointer; height: 40px; width: 40px; }
#popUpButtonLeft { display: none; position: absolute; top: 40px; left: 0px; cursor: pointer; height: 40px; width: 40px; }
#popUpButtonJumpRight { display: none; position: absolute; top: 50px; right: -20px; cursor: pointer; height: 20px; width: 20px; }
#popUpButtonJumpLeft { display: none; position: absolute; top: 50px; left: -20px; cursor: pointer; height: 20px; width: 20px; }
.popupThumb, .popupOverviewThumb { padding: 0px; cursor: pointer; float: left; margin: 0px; }
.popupOverviewThumb { margin-right: 10px; }
#popUpCommentBox p, #popUpCommentBox table { padding: 0px 10px 5px 10px; font-family: eurostile, helvetica, verdana, arial, sans-serif; color: #808080; font-size: 13px; line-height: 1.3; text-align: right; }
#popUpCommentBox p b { font-size: 15px; color: #cccccc; font-weight: normal; }
#popUpCommentBox td { font-size: 12px; }
#popUpCommentBox h2 { color: #666666; }
#popUpCommentBox a, #popUpCommentBox a:link, #popUpCommentBox a:visited { color: #666666; text-decoration: underline; }
#popUpCommentBox a:hover { color: #009999; }
#popUpLoading { width: 100px; height: 100px; }

#popupGalleryCopy { width: 700px; float: right; }
#popupGalleryThumbs { position: absolute; top: 0px; left: 0px; width: 67px; }
.galleryNamesList { padding: 0px 10px 5px 10px; }
#popUpCoverLeftImage { position: absolute; left: 0px; cursor: pointer; }
#popUpCoverRightImage { position: absolute; right: 0px; cursor: pointer; }

#popupGalleryThumbContainer { position: absolute; top: 71px; left: 62px; width: 67px; height: 579px; overflow: hidden; }
#popupGalleryButtonUp { position: absolute; top: 32px; left: 60px; width: 71px; height: 39px; cursor: pointer; }
#popupGalleryButtonDown { position: absolute; top: 650px; left: 60px; width: 71px; height: 39px; cursor: pointer; }
#popupGallerySlider { position: absolute; top: 71px; left: 60px; width: 71px; height: 100px; background-image: url("../images/slider_bkgd.gif"); display: block; }

#popUpThumb0, #popUpThumb1, #popUpThumb2, #popUpThumb3, #popUpThumb4, #popUpThumb5, #popUpThumb6, #popUpThumb7, #popUpThumb8, #popUpThumb9, #popUpThumb10, #popUpThumb11, #popUpThumb12, #popUpThumb13, #popUpThumb14, #popUpThumb15, #popUpThumb16, #popUpThumb17, #popUpThumb18, #popUpThumb19 {  cursor: pointer; margin-right: 5px; border: 1px solid #ffffff; vertical-align: top; }