#boxplus .boxplus-background {
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background-color:black;  /* fallback for browsers that do not support rgba */
background-color:rgba(0,0,0,0.6);
cursor:default;
z-index:9999;
}

#boxplus .boxplus-dialog {
position:absolute;
left:0;
top:0;
margin:20px;
border:thin solid gray;
padding:10px;
background:transparent url(loading.gif) no-repeat scroll center center;
color:black;
z-index:10000;
}

#boxplus .boxplus-rounded {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#boxplus .boxplus-dialog * {
margin:0;
border:0 none transparent;
padding:0;
}

#boxplus .boxplus-sideways {
position:absolute;
max-width:250px;
right:10px;
top:10px;
bottom:10px;
overflow:auto;
}

#boxplus .boxplus-sideways > div {
margin:10px;
}

/* Image viewer */
#boxplus .boxplus-viewer {
position:relative;
width:200px;
height:200px;
overflow:hidden;
}

#boxplus .boxplus-viewer > img {
position:absolute;
width:100%;
height:100%;
}

/* Navigation controls in viewer */
#boxplus .boxplus-viewer > .boxplus-prev {
position:absolute;
width:57px;
left:0;
height:100%;
background:transparent none no-repeat scroll left center;
}

#boxplus .boxplus-viewer > .boxplus-prev:hover {
background:transparent url(navigation.png) no-repeat scroll -57px center;
}

#boxplus .boxplus-viewer > .boxplus-next {
position:absolute;
width:57px;
right:0;
height:100%;
background:transparent none no-repeat scroll left center;
}

#boxplus .boxplus-viewer > .boxplus-next:hover {
background:transparent url(navigation.png) no-repeat scroll 0 center;
}

/* Image resizer */
#boxplus .boxplus-viewer > .boxplus-resizer > * {
position:absolute;
top:6px;
right:6px;
width:20px;
height:20px;
background:transparent url(resize.png) no-repeat scroll 0 0;
}

#boxplus .boxplus-viewer > .boxplus-resizer > .boxplus-shrink {
background-position:0 0;
}

#boxplus .boxplus-viewer > .boxplus-resizer > .boxplus-shrink:hover {
background-position:0 -20px;
}

#boxplus .boxplus-viewer > .boxplus-resizer > .boxplus-enlarge {
background-position:-20px 0;
}

#boxplus .boxplus-viewer > .boxplus-resizer > .boxplus-enlarge:hover {
background-position:-20px -20px;
}

/* Thumbnail navigation */
#boxplus .boxplus-thumbs {
display:block;
position:absolute;
width:100%;
bottom:0;
}

#boxplus .boxplus-thumbs > .boxplus-rewind {
position:absolute;
width:22px;
left:0;
height:100%;
background:transparent url(navigation-small.png) no-repeat scroll -22px center;
}

#boxplus .boxplus-thumbs > .boxplus-forward {
position:absolute;
width:22px;
right:0;
height:100%;
background:transparent url(navigation-small.png) no-repeat scroll 0 center;
}

#boxplus .boxplus-thumbs > ul {
display:table-row;
position:absolute;
bottom:0;
padding:4px 0;
list-style-type:none;
list-style-image:none;
visibility:hidden;
white-space:nowrap;
}

#boxplus .boxplus-thumbs:hover > ul {
visibility:visible;
}

#boxplus .boxplus-thumbs > ul > li {
display:table-cell;
background:transparent none no-repeat scroll 0 0 !important;
text-align:center;
vertical-align:middle;
}

#boxplus .boxplus-thumbs > ul > li > img {
margin:4px;
border:1px solid gray;
padding:1px;
max-width:60px;
max-height:60px;
vertical-align:middle;
}

#boxplus .boxplus-thumbs > ul > li > img:hover {
border:1px solid red !important;
}

/* Progress indicator */
#boxplus .boxplus-progress {
position:absolute;
width:100%;
height:100%;
background:transparent url(loading.gif) no-repeat scroll center center;
}

/* Image caption */
#boxplus .boxplus-bottom > .boxplus-caption {
position:relative;
margin:5px 0 0 0;
}

#boxplus .boxplus-bottom > .boxplus-caption {
max-height:60px;
overflow:auto;
}

#boxplus .boxplus-title {
font-weight:bold;
}

/* Navigation controls under caption */
#boxplus .boxplus-controls {
position:relative;
margin:3px 0 0 0;
}

#boxplus .boxplus-controls > * {
display:inline-block;
height:22px;
width:22px;
margin:2px;
}

#boxplus .boxplus-controls > .boxplus-hide {
display:none;
}

#boxplus .boxplus-controls > .boxplus-prev {
background:transparent url(navigation-small.png) no-repeat scroll -22px 0;
}

#boxplus .boxplus-controls > .boxplus-next {
background:transparent url(navigation-small.png) no-repeat scroll 0 0;
}

#boxplus .boxplus-controls > .boxplus-close {
background:transparent url(navigation-small.png) no-repeat scroll -88px 0;
}

#boxplus .boxplus-viewer > .boxplus-prev,
#boxplus .boxplus-viewer > .boxplus-next,
#boxplus .boxplus-thumbs,
#boxplus .boxplus-thumbs > ul {
background-image:url(transparent.gif);
}

#boxplus .boxplus-left {
text-align:left;
}

#boxplus .boxplus-center {
text-align:center;
}

#boxplus .boxplus-right {
text-align:right;
}

#boxplus .boxplus-hide {
visibility:hidden;
}

#boxplus .boxplus-disable {
display:none !important;
}