/*	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: #000000; cursor: pointer; }
/* Underscore hack seems to help this work in IE6 */
#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: 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: 2px; border: 1px solid #44673F; cursor: pointer; float: left; background-color: #ffffff; margin: 0px 0px 5px 5px; }
.popupOverviewThumb { margin-right: 10px; }
#popUpCommentBox p, #popUpCommentBox table { padding: 0px 10px 5px 10px; font-family: helvetica, verdana, arial, sans-serif; font-size: 12px; background: #ffffff; color: #666666; line-height: 1.3; }
#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; }
#popUpLoadingRoller { position: absolute; top: 10px; text-align: center; display: none; }

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