/* Overlay styles */
#overlay {width: 100%; height: 100px; z-index: 1000; background: #000; position: absolute; top: 0px; left: 0px; display: none;}
/* Boxit popup container styles */
#boxit {margin: 0px; padding: 15px; position: absolute; top: 50%; left: 50%; z-index: 1005; display: none;}
/* Set frame background images and corner positions etc. */
#tL {background: transparent url(/i/lightbox/images/corners-2.png) no-repeat top left; position: absolute; top: 0px; left: 0px; width: 15px; height: 15px;}
#t {background: transparent url(/i/lightbox/images/top-bot.png) repeat-x top; position: absolute; top: 0px; left: 15px; width: 15px; height: 15px;}
#tR {background: transparent url(/i/lightbox/images/corners-2.png) no-repeat top right; position: absolute; top: 0px; right: 0px; width: 15px; height: 15px;}
#l {background: transparent url(/i/lightbox/images/left-right.png) repeat-y left; position: absolute; top: 15px; left: 0px; width: 15px; height: 15px;}
#r {background: transparent url(/i/lightbox/images/left-right.png) repeat-y right; position: absolute; top: 15px; right: 0px; width: 15px; height: 15px;}
#bL {background: transparent url(/i/lightbox/images/corners-2.png) no-repeat bottom left; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 15px;}
#b {background: transparent url(/i/lightbox/images/top-bot.png) repeat-x bottom; position: absolute; bottom: 0px; left: 15px; width: 15px; height: 15px;}
#bR {background: transparent url(/i/lightbox/images/corners-2.png) no-repeat bottom right; position: absolute; bottom: 0px; right: 0px; width: 15px; height: 15px;}
/* Set frame background to transparent png image for tooltips */
.tipStyle #tL, .tipStyle #t, .tipStyle #tR, .tipStyle #l, .tipStyle #r, .tipStyle #bL, .tipStyle #b, .tipStyle #bR {background-image: url(/i/lightbox/images/tip-Bg.png);}



/* White background for central section of container */
#outer {position: relative; display: block; width: 100px; height: 100px; background: #fff; margin: 0; padding: 0;}
#outer.loading {background: #fff url(/i/lightbox/images/loading.gif) no-repeat 50% 50%;}

/*  Content area box (content replaced dynamically) */
#inner {position: absolute; top: 15px; left: 15px; z-index: 1010; display: block; width: 100px; height: 100px; margin: 0; padding: 0;}
#external {border: 1px solid #ccc; background: #fff;}   /* Iframe and PDF */
#boxImage {display: block; padding: 0; margin: 0; background: #fff; border: 1px solid #ccc; z-index: 1020;} /* Standard image file */

/* Next/Previous button styles */
.button {display: block; text-decoration: none; width: 63px; height: 32px;}
.button img {display: block; margin: 0; padding: 0; border: 0;}
#next {position: absolute; top: 30px; right: 15px; z-index: 1030;}
#previous {position: absolute; top: 30px; left: 15px; z-index: 1030;}

/* Descriptyion styles for images/iframes and pdfs */
#desc {font-size: 0.85em; font-weight: bold; color: #333; display: block; height: 30px; margin: 0; padding: 5px; position: absolute; bottom: 5px; left: 0px; width: 100%;}

/*  Close button styles */
#close {position: absolute; bottom: 0px; right: 0px; margin: 0; padding: 0; width: 66px; height: 22px;}
#xclose {position: absolute; top: 0px; right: 0px; margin: 0; padding: 0; width: 12px; height: 12px;}
#close img, #xclose img {margin: 0; padding: 0; border: 0; display: block;}

/* Tip content styles*/
#tip_title {margin: 0; padding: 0; z-index: 1020; font-size: 0.85em; font-weight: bold;}
#tip_image {border: 1px solid #000; padding: 1px; background: #fff; margin: 5px 5px 5px 0px; float: left;}
#tip_desc {margin: 0; padding: 15px 5px 5px 0px; font-size: 0.85em; display: block;}
#tip_link {font-weight: bold; color: #D3B078; text-decoration: none; position: absolute; bottom: -2px; right: 5px; font-size: 0.85em;}
#tip_link:hover {text-decoration: underline;}
/*
<!--[if lt IE 7]>
    .tipStyle #tL, .tipStyle #t, .tipStyle #tR, .tipStyle #l, .tipStyle #r, .tipStyle #bL, .tipStyle #b, .tipStyle #bR {display: none;}
<![endif]-->*/