html,body{margin:0;  padding:0;  height:100%;}
#lightbox,#lightbox-overlay{position:absolute;  top:0px;  left:0px;  bottom:auto;  right:auto;  z-index:100;  width:100%;  height:auto;  text-align:center;  color:#333333;
/* stop stupid conflicts */
margin:0px;  padding:0px;  border:none;  outline:none;  line-height:0;
/* general conflict stopper */
text-decoration:none;  background:none;  word-spacing:normal;  letter-spacing:normal;  float:none;  clear:none;  display:block;}
#lightbox a,#lightbox a:link,#lightbox a:visited,#lightbox a:hover{text-decoration:underline;  color:#999999;}
#lightbox-overlay{z-index:90;  background-color:#000000;  height:100%;  position:fixed;}
#lightbox-overlay-text{text-align:right;  margin-right:20px;  margin-top:20px;  color:white;  font-size:12px;  cursor:default;  line-height:normal;}
#lightbox-overlay-text a,#lightbox-overlay-text a:hover,#lightbox-overlay-text a:visited,#lightbox-overlay-text a:link{color:white;}
#lightbox-overlay-text span{padding-left:5px;  padding-right:5px;}
#lightbox img,#lightbox a img,#lightbox a{border:none;  outline:none;}
#lightbox-imageBox{position:relative;  border:0;  background-color:#666;  width:400px;  height:400px;  margin:0 auto;}
#lightbox-imageContainer{padding:1px;}
#lightbox-loading{position:absolute;  top:40%;  left:0%;  height:25%;  width:100%;  text-align:center;  line-height:0;}
#lightbox-nav{position:absolute;  top:0;  left:0;  height:100%;  width:100%;  z-index:10;}
/* #lightbox-imageBox > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
*/
#lightbox-nav-btnprev,#lightbox-nav-btnnext{display:block;  width:49%;  height:100%;  background:transparent url("../images/blank.gif") no-repeat;
/* Trick IE into showing hover */
/* cursor:pointer;*/
zoom:1;
/* who knows why? */
padding:0px;  margin:0px;}
#lightbox-nav-btnPrev{left:0;  right:auto;  float:left;}
#lightbox-nav-btnNext{left:auto;  right:0;  float:right;}
/*.preload_largeLink,#prevLink:hover,#prevLink:visited:hover{background:url("../images/prev.gif") left 45% no-repeat;}
.preload_nextLink,#nextLink:hover,#nextLink:visited:hover{background:url("../images/next.gif") right 45% no-repeat;}
*/
#lightbox-infobox{font:10px verdana,helvetica,sans-serif;  background-color:#666;  margin:0 auto;  padding:0px;
/* width:100%;  padding:0 10px 0;*/
}
#lightbox-infocontainer{padding-left:10px;  padding-right:10px;  padding-top:5px;  padding-bottom:5px;  color:#666;  line-height:normal;
/* height:30px;*/
}
#lightbox-infoHeader{width:100%;  text-align:left;}
#lightbox-caption{text-align:left;}
#lightbox-caption-title{font-weight:bold;}
#lightbox-caption-description{font-weight:normal;}
#lightbox-infoFooter{margin-top:3px;  color:#999999;}
#lightbox-currentNumber{display:block;  width:49%;  float:left;  text-align:left;}
#lightbox-close{display:block;  width:20%;  float:right;  text-align:right;}
#lightbox-close-button{padding-right:5px;
/* ########################################################################################################################### */
/* SPW:added styles */
text-align:right;  display:block;  float:right;
/* ########################################################################################################################### */
}
#lightbox-close-button:hover{color:#666666;}
#lightbox-infoContainer-clear{clear:both;  visibility:hidden;}
/* ########################################################################################################################### */
/* SPW:added styles */
#playlink{
/* Edit here for a different image! Add width & height here if needed*/
background:transparent url(../images/play.gif) no-repeat center;  display:block;  float:right;
/* Set these two to the actual dimensions of your images! If they differ in size you have to set them seperately!*/
width:26px;  height:26px;
/* End*/
margin-left:1.0em;}
#pauselink{
/* Edit here for a different image! Add width & height here if needed*/
background:transparent url(../images/pause.gif) no-repeat center;  display:block;  float:right;
/* Set these two to the actual dimensions of your images! If they differ in size you have to set them seperately!*/
width:26px;  height:26px;
/* End*/
margin-left:1.0em;}
#savelink{
/* Edit here for a different image! Add width & height here if needed*/
background:transparent url(../images/save.gif) no-repeat center;  display:block;  float:right;
/* Set these two to the actual dimensions of your images! If they differ in size you have to set them seperately!*/
width:26px;  height:26px;
/* End*/
margin-left:1.0em;}
#lightbox-currentNumber{display:block;  margin-bottom:0.1em;}
#lightbox-currentNumber a{color:#666;  margin-right:1.0em;}
#lightbox-currentNumber a.act{font-weight:bold;  color:#fff;  background:#777;  border-right:0.2em solid #777;  border-bottom:0.1em solid #777;  border-left:0.4em solid #777;}
/* ########################################################################################################################### */