/*{{{ Categorised gallery listing */


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

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

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



/*}}}*/


/*{{{ Carousel slider display */


/*{{{ Full image Viewer */
.carousel .wrapper{
  float:left;
  width:480px;
  background:url(/template_images/gallery/full_corner_left.jpg) top left no-repeat;
}

.carousel .container{
  border: 1px solid blue;
  height:340px;
  line-height:340px;
  text-align:center;
  background:url(/template_images/gallery/full_corner_right.jpg) top right no-repeat;
}


.container {
  width: 426px;
  height: 304px;
}
.container .portrait,
.container .fullvideo,
.container .fullimage  {
  padding: 8px;
  border: 1px solid #ddd;
}



.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 {
  height:78px;
  background:url(/template_images/gallery/full_bottom_shadow.jpg) center bottom no-repeat;
}

.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 .imagearea {
    /* float: left; */ 
 }
 
/*}}}*/

.gallerywrapper {
  /* border: 1px solid blue; */
  width: 424px;
  text-align: center;
}
.carouselwrapper {
  width: 300px !important; /* overrides gallerywrapper */ 
}

.gallerywrapper .cmsMCcontainer {
  text-align: right; 
}

/*{{{ Carousel slider styles */
.carousel .listwrapper { /*  float: left; */
  position:relative;
  text-align:center;
  width:400px;
}
.carousel .listcontainer span {
  display: none; 
}
.listcontainer {
  /* margin:0 auto; */
 
  overflow:hidden;
  height:80px;
  position:relative;
 /* left:-55px; */
 

}
.grid .listcontainer {
  overflow:visible;
  height: auto;
}



.carouselwrapper ol.imagelist,
.grid ol.imagelist,
.rotator  ol.imagelist {
  list-style-type:none;
  margin:0;
  padding:0;
  float:left;
}
.carousel .controls {
  /*
  float:right;
  margin-top:-70px
  */
}

.carousel .controls button,
.carousel-vertical .controls button{
  background:none;
  border:none;
  overflow:visible;
  padding:0;
  margin:5px 0 0 0;
}

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



 /*}}}*/

 /*}}}*/


/*{{{ Full gallery browser  */
.browse {
  
}

.browse ol.imagelist {
  list-style-type:none;
  margin:0;
  padding:0;
} 

.browse .controls{
  float:none;
  clear:both;
}

.browse .controls button{
  display:none;
}

/*}}}*/

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



/* misc utility and common styles */

ol.imagelist li {
  margin:0 6px 0 0;
  padding:0;
  float:left;
  border:1px solid #e1dddd;
  height:58px;
  width:78px;
  line-height:58px;
  text-align:center;
}

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

ol.imagelist li a {
  display:block;
  height:58px;
  width:78px;
  line-height:58px;
  text-align:center;
  text-decoration:none;
}

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


.spacer {
  height:1px;
  padding:0;
  margin:0;
  line-height:1px;
}
.gallery-title {
  text-align:left; 
  padding: 0px 0 8px 0;
}

/* vertical carousel */
.carousel-vertical {
  border: 1px solid red;
  
}

.carousel-vertical .listcontainer {
  height: 150px;
}


.carousel-container {
  overflow: hidden;
  width: 150px;
  height: 300px;
}

.carousel-container ul {
  margin: 0;
  padding: 0;
}
.carousel-container ul li {
  list-style-type: none;
}
#carousel-up,
#carousel-down,
.carousel-container ul li {
    font-size: 11px;
}

.carousel-controls {
  padding: 8px;
  border: 1px solid blue;
}


.grid ol li {
  margin-bottom: 6px;
}


/*{{{ lightbox styles */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; line-height: 0;} /* text-align: center; */
#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; } /*}}}*/

#innerImageContainer,
#innerImageNavigation {
  bordeR: 1px solid red;
  float: left;
}
#innerImageNavigation {
 clear: right;
  
}
#innerImageNavigation .image-thumbs {
  font-size: 11px; 
}


/* {{{ molokai */


.molokai .grid .portrait,
.molokai .grid .fullimage,
.molokai .rotator .portrait, 
.molokai .rotator .fullimage {
  border: 1px solid #87561c;
  background-color: #87561c;
}
.molokai .grid ol li,
.molokai .rotator ol li {
  border: 1px solid #87561c;
  background-color: #87561c;
}
/* }}} */