/*{{{ Categorised gallery listing */
/* .gallerylist {
  
  
  
} 

.gallerylist .thumbnail {
  margin:0 5px 0 0;
  padding:0;
  float:left;
  clear:left;
  border:1px solid #e1dddd;
  height:78px;
  width:78px;
  line-height:78px;
  text-align:center;
}

.gallerylist .thumbnail a {
  vertical-align:middle;
  margin-bottom:2px;
}

.gallerylist .thumbnail img {
  border:0;
  vertical-align:middle;
  margin-bottom:2px;
}

.gallerylist .summary {
  width:360px;
  float:left;
  border-bottom:1px dotted #999999;
  padding-bottom:2em;
  margin-bottom:2em;
  padding-left:.5em;
}

.gallerylist .summary h3 {
  margin-top:2px;
} */

/*}}}*/


/*{{{ Carousel slider display */
.carousel{
  
}

/*{{{ Full image Viewer */
.carousel .wrapper{
  float:left;
  width:540px;
}
.carousel .container{
  height:383px;
  line-height:383px;
  text-align:center;
  background:url(/template_images/rmv/img_frame_large.gif) top left no-repeat;
}

.carousel .container .portrait {
  padding-top:12px;
}

.carousel .imagearea.loading {
  background:url(/template_images/gallery/loading.gif) no-repeat 39% 37%;
}

.carousel .container img {
  vertical-align:middle;
  background-color:#fff;
}

.carousel h3 {
  margin-top:0.8em;
  float:left;
  padding-left:30px;
}

/* .carousel .credit {
  margin-top:1.8em;
  float:right;
  font-size:10px;
  padding-right:30px;
}  */

/* .carousel .info {
  padding:.5em 2.75em;
  } */
  
.carousel .summary {
  line-height: normal;
  padding:10px;
  color:#333;
  font-style:italic;
  }
  
.carousel .description {
  padding-top:25px;
} 

#hireslink {
   margin-top:1em;
   border:1px solid #b094a1;
   background:#e0ccd5 url(/template_images/gallery/download.gif) 5px 5px no-repeat;
   padding:5px 5px 5px 27px;
   float:left;
 }

/*}}}*/


/*{{{ Carousel slider styles */
.carousel .listwrapper {
  position:relative;
  text-align:center;
  width:540px;
}
.carousel .listwrapper .listwrappercenter {
  margin:20px auto 0 auto;
}
.carousel .listcontainer {
  float:left;
  position:relative;/* needed to fix IE 7- overflow:hidden bug */
  margin:1.75em auto;
  /* width:540px; done in XSL now*/
  overflow:hidden;
  height:57px;
  line-height:57px;
}
.carousel ol.imagelist {
  list-style-type:none;
  margin:0;
  padding:0;
}
.carousel .controls-left,
.carousel .controls-right {
  float:left;
  padding:20px 10px;
}
.carousel .controls-left button,
.carousel .controls-right button {
  background:none;
  border:none;
  overflow:visible;
  padding:0;
  margin:5px 0 0 0;
  /* doesnt work. outline:none; */
}

.carousel .controls button.inactive{
  /* opacity:.4; */
}

 /*}}}*/

 /*}}}*/


/*{{{ Full gallery browser (TILED) */
.browse {
  
}

.browse ol.imagelist {
  list-style-type:none;
  margin:0;
  padding:0;
} 
/* 
.browse .controls{
  float:none;
  clear:both;
}
 */
 
.browse .listcontrols {
  text-align:center;
  margin:0 auto;
  width:160px;
}

.browse .controls-left,
.browse .controls-right {
  float:left;
  padding:10px 10px;
}
.browse .controls-left button,
.browse .controls-right button {
  background:none;
  border:none;
  overflow:visible;
  padding:0;
  margin:5px 0 0 0;
}

/*}}}*/

.managerelateditems {
  
}
.managerelateditems img {
  border:0;
}

/*{{{ lightbox styles */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/template_images/gallery/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('/template_images/gallery/nextlabel.gif') no-repeat right 15%; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /*}}}*/


/* misc utility and common styles */

/* NOTE: some things are still hardcoded where they should be dynamically set based on config values specified in template (height, line-height, margin) */
ol.imagelist li {
  margin:0 15px 0 0;
  padding:0;padding-left:3px;padding-right:3px;
  float:left;
  height:57px;
  /* width:78px; */
  line-height:57px;
  text-align:center;
  background:url(/template_images/rmv/img_frame_thumbnail.gif) 0 0 no-repeat;
}
.browse ol.imagelist li {
  margin:0 18px 18px 0;
  padding:0;
  float:left;
  border:1px solid #58221b;
  height:70px;
  /* width:118px; */
  line-height:70px;
  background:none;
}

ol.imagelist li.activepanel{
 /*  border-bottom:1px solid #573e49 */
}

ol.imagelist li a {
  display:block;
  height:57px;
  /* width:78px; */
  line-height:57px;
  text-align:center;
  text-decoration:none;
  outline:none;
  /* overflow-y:hidden; this makes the next/prev all wacked */
}
.browse ol.imagelist li a {
  display:block;
  height:70px;
  /* width:118px; */
  line-height:70px;  
  text-align:center;
  text-decoration:none;
  overflow-y:hidden;
}


ol.imagelist li img {
  border:0;
  vertical-align:middle;
  margin:0 0 2px -4px;
}

.browse ol.imagelist li img {
  border:0;
  vertical-align:middle;
  margin:0 0 2px -4px;margin:0 0 8px -8px;/* needed for something something */margin:-10px 0 2px -3px;
}



.spacer {
  height:1px;
  padding:0;
  margin:0;
  line-height:1px;
}