/* Shutter */
#shDisplay div#shTitle {
	font: normal 14px/20px 'Lucida Grande', Verdana, sans-serif; /* caption font */
	color: #ffffff; /* caption colour */
	text-align: center;
	margin: 0 auto;
}

#shDisplay div#shCount {
	color: #999999;
	font: normal 10px/12px 'Lucida Grande', Verdana, sans-serif;
}

#shDisplay div#shTitle a {
	text-decoration: none;
  font-size: 12px;
	margin: 0 10px;
	width: 26px;
	color:#F2A900;
}

#shDisplay div#shTitle a:hover {
	color: #ffffff;
	border: none;
}

#shDisplay div#shNext{
	float:right;
}

#shDisplay div#shPrev {
	float:left;
}

body {
	height: 100%;
}

/*#shShutter *, #shDisplay * {
	padding: 0;
	margin: 0;
}*/

div#shShutter, div#shDisplay {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
div#shDisplay {
  background:transparent url(../images/loader.gif) no-repeat -100px -100px;
}

div#shShutter {
	height: 100%;
	z-index: 1000;
	background-color: #000000;
	opacity: 0.95;
	filter:alpha(opacity=95);
}

div#shDisplay {
	display: block;
	background-color: transparent;
	z-index: 1002;
}

div#shDisplay img#shTopImg {
	margin: 0 auto;
	border: 1px solid #555;
	background: transparent;
	display: block;
	max-width: none;
	max-height: none;
	float: none;
	padding:2px;
	cursor: pointer;
}

div#shDisplay div#shWrap {
	visibility: hidden;
}

div#shWaitBar {
	font: bold 32px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	height: 36px;
	width: 100%;
	left: 0;
	cursor: default;
	opacity: 0.999;
	filter: alpha(opacity=100);
	z-index: 1001;
	margin-top: 160px;
	color: #ae0a0a;
}
/* --- */
div#shInfo {
  margin: 0 auto;
  padding:6px 0 4px 0;
}
div#shInfo div.instruction {
  float:left;
  padding-right:2px;
	font: normal 12px 'Lucida Grande', Verdana, sans-serif;
}
div#shInfo div.close {
  float:right;
  cursor:pointer;
  color:#F2A900;
	font: normal 12px 'Lucida Grande', Verdana, sans-serif;
}
#shDisplay div#shShare {
	font: normal 10px 'Lucida Grande', Verdana, sans-serif;
  padding:20px 10px 10px 10px;
  width: 504px;
  text-align:center;
	margin: 0 auto;
}
#shDisplay div#shShare a {
	font: normal 9px 'Lucida Grande', Verdana, sans-serif;
}
#shDisplay div#shImageGrid {
  padding:10px;
  width: 570px;
  text-align:center;
	margin: 0 auto;
}
#shDisplay div#shComment {
	font: normal 12px 'Lucida Grande', Verdana, sans-serif;
  padding:20px;
  width: 504px;
	margin: 10px auto;
  background-color:#2d2d2d;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
h3#picture-comments-title {
  font-size:16px;
}
span.picture-loading {
  background:transparent url(../images/ajax-loader.gif) no-repeat center center;
  display:inline-block;
  width:16px;
  height:16px;
}
div#shName {
  padding: 0 65px 0 65px;
}
#shDisplay div#shTitle div#shName a { margin:0; }
#shDisplay div#shTitle div#shName a:hover { color:#666; text-decoration:underline; margin:0; }
#shDisplay .ngg-gallery-thumbnail-box {
  padding-bottom:20px;
}
#shDisplay .ngg-gallery-thumbnail img {
	/*background-color:#FFFFFF;*/
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

#shDisplay div#shCommentGridCont {
	margin: 0px auto;
  width:800px;
}
#shDisplay div#shImageGrid {
  padding:0 0 0 10px;
  width: 490px;
  float:left;
}
#shDisplay div#shComment {
  padding:0 10px 0 10px;
  width: 280px;
  float:left;
}
#shDisplay .ngg-gallery-thumbnail-box {
  padding-bottom:0px;
}
#shImageGrid .ngg-gallery-thumbnail img {
  width: 84%;
  height: auto;
}
#shImageGrid .ngg-gallery-thumbnail img.selected {
	background-color: #F2A900;
	border:1px solid #F2A900;
} 
