/*	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
	(c) 2010, Red Beagle Web Development */
#popUpBkgd { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #280808; cursor: pointer; }
#popUpArea { position: fixed; top: 50%; left: 50%; }
#popUpImage { display: none; border: 10px solid #ffffff; color: #ff0000; }
#popUpPlate { display: none; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; background: #ffffff; }
#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: 0px; left: 0px; 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: 15px; right: 0px; cursor: pointer; height: 40px; width: 40px; }
#popUpButtonLeft { display: none; position: absolute; top: 15px; 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 { margin: 0px; padding: 2px; border: 1px solid #8EBEBF; border-right-color: #5E7F80; border-bottom-color: #5E7F80; cursor: pointer; float: left; margin: 0px 0px 5px 5px; background-color: #ffffff; }
#popUpCommentBox p { padding: 0px 10px 5px 10px; font-family: helvetica, verdana; font-size: 11px; background: #ffffff; color: 000000; line-height: 1.3; }

#popupGalleryCopy { width: 265px; float: right; }
#popupGalleryThumbs { width: 450px; float: left; border: 0px; padding: 5px 0px 0px 0px; margin: 0px 8px 8px 0px; }
#popUpCoverLeftImage { position: absolute; left: 0px; cursor: pointer; }
#popUpCoverRightImage { position: absolute; right: 0px; cursor: pointer; }