.jrBoxOverlayBg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url(Images/bg.png); background-position: top left; background-repeat: repeat; display: none; z-index: 10; }

.jrBoxOverlayContainer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px;  z-index: 11; display: none; }
.jrBoxOverlayContainer td { vertical-align: middle; }

.jrBoxLoading { background-image: url(Images/jrBoxLoading.gif); background-position: center center; background-repeat: no-repeat; width:100%; height: 100%; min-width: 150px; min-height: 150px; background-color: #ffffff; z-index: 10; }

.jrBoxContentContainer { position: relative; background-color: #ffffff; height: auto; margin: 0px auto; }

.jrBoxContent { position: relative; width: auto; height: auto; background-color: #ffffff; padding: 10px; display: block; }

.jrBoxClose       { position: absolute; right: 10px; z-index:12; display: block; width:11px; height: 11px; background-image: url(Images/close.png); background-position: top center; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }
.jrBoxClose:hover { position: absolute; right: 10px; z-index:12; display: block; width:11px; height: 11px; background-image: url(Images/close.png); background-position: bottom center; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }

.jrBoxPrev        { position: absolute;top:0px; left: 0px; z-index:11; display: block; width:26px; height:100%; background-image: url(Images/prev.png); background-position: center left; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }
.jrBoxPrev:hover  { position: absolute;top:0px; left: 0px; z-index:11; display: block; width:26px; height:100%; background-image: url(Images/prev.png); background-position: center right; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }

.jrBoxNext        { position: absolute;top:0px; right: 0px; z-index:11; display: block; width:26px; height:100%; background-image: url(Images/next.png); background-position: center right; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }
.jrBoxNext:hover  { position: absolute;top:0px; right: 0px; z-index:11; display: block; width:26px; height:100%; background-image: url(Images/next.png); background-position: center left; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }

.jrBoxTitleContainer { position: relative; width:auto; height: auto; padding: 0px 10px 10px 10px; margin: 0px; color: #222222; text-shadow: none; text-align: left; font-weight: bold; font-size: 11px; z-index: 11; background-color: #ffffff; display: block; }

.jrBoxTitleContainer .jrBoxTitle { font-size: 12px; font-weight: bold; color: #000000; }
.jrBoxTitleContainer .jrBoxImgCount { font-size: 11px; font-weight: bold; color: #222222; }
.jrBoxTitleContainer .jrBoxImgTitle { font-size: 11px; font-weight: bold; color: #097cbf; }