/***************  templates/moduleThemes/default/pukkaGalleries/style.viewList.css  ***************/
.edit-hotspot{
	background: #29304a;
	border: 1px solid #fff;
	bottom: 0;
	position: absolute;
	width: 300px;
	padding: 10px;
}
.edit-hotspot h4 {
  color: white;
  float: left;
  margin-top:0;
  margin-right:10px;
}
.edit-hotspot h4.data{
	color: #ccc;
	font-size: 0.8em;
	margin: 3px 0;
}
.edit-hotspot h4.add {
  background: white;
  border-radius: 50%;
  color: #29304a;
  font-weight: bold;
  height: 20px;
  padding: 1px;
  text-align: center;
  width: 20px;
}
.loggedIn .item-wrapper{
	position:relative;
}
.hotspot a.hotspot,
.item-wrapper .spot{
	position:absolute;
	height:32px;
	width:32px;
	display:block;
	cursor:pointer;
	border-radius: 50%;
	background:url(/templates/main/images/spot.png) no-repeat 0 0;
}

.loggedIn .item-wrapper .spot{
	box-shadow: 0 1px 9px #000;
}

.clipboard-display{
	border: 1px dashed #ccc;
	display: block !important;
	float: left;
	margin: 3px 0;
	padding: 4px;
}
.spot > textarea {
  margin-left: 18px;
  margin-top: 18px;
}

.fancybox-skin{ 
	padding:30px !important;
}
/* view mode */

.hotspot .block-content {
	bottom: 22px;
	left:-100px;
	display:none;
	max-height: 300px;
	overflow: hidden;
	position: absolute;
	width: 230px;
	z-index: 1;
	font-size:0.9em;
	background: #1b1b1b;
	
}

.hotspot a.hotspot{
	box-shadow: 0 1px 9px #000;
	z-index:2;
}
.loggedIn .hotspot a.hotspot{
	box-shadow:none;
}
.block-content .text {
	color: #FFFFFF;
	padding: 5px 15px 0;
	text-align: center;
}

.block-content .text h3,
.block-content .text h4{
	color:#000;
	margin-top:0;
	text-transform:uppercase;
}
.block-content .text h3{
	font-weight:bold;
}
.block-content .left-content{
	width:380px;
	height:220px;
	float:left;_display:inline;
}

.block-content .scrollable-content{
	height:340px;
	overflow:hidden;
}
a.close{
	height: 12px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 12px;
	cursor:pointer;
}
a.close:after{
	height: 12px;
    position: absolute;
    right: 5px;
    top: 7px;
    width: 12px;
	font-size:18px;
	cursor:pointer;
	content: "\e033";
	color:#fff;
	pointer-events:none;
}