/* Provides full screen dimmer
---------------------------------*/

#lightbox-bkg {
	position: fixed;
	top: 0; left: 0;
	opacity: .6;
	filter:alpha(opacity=60);
	background: #000;
	width: 100%; height: 100%;
	z-index:1000;
}

#lightbox {
	position: fixed;
	top: 50%; left: 50%;
	width: 400px; 
	z-index: 1010;
	color: #333;
}

#lightbox .content { 
	position: relative; 
	margin: 0 -2px -2px;
	padding: 47px 20px 15px 20px; 
	zoom: 1;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#lightbox td  {
	background: url(/i/lightbox.png);
}
#lightbox .tc { height: 12px; background-position: -12px 0;}
#lightbox .bc { height: 12px; background-position: -12px bottom;}
#lightbox .ml { width: 12px;  background-position: left -12px;}
#lightbox .mr { width: 12px; background-position: right -12px;}
#lightbox .tl { background-position: 0 0;}
#lightbox .tr { background-position: right top;}
#lightbox .bl { background-position: bottom left;}
#lightbox .br { background-position: bottom right;}
#lightbox .mm { background: #fff;}

#lightbox h3 {
	position: absolute;
	top: -2px;
	right: -2px;
	left: -2px;
	padding: 7px 12px;
	font-size: 16px;
	background: #151419;
	color: #fff;
	margin: 0 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

#lightbox .ico-close {
  position: absolute;
  top: 9px;
  right: 10px;
	z-index: 99;
	width: 12px;
	height: 12px;
	background: url(/i/sprite.png) 0 -51px ;
	cursor: pointer;
}

#lightbox .subhead {
	font-size: 16px;
	margin: -10px 0 20px;
}

#lightbox .content {
	font-size: 13px;
}
#lightbox .content h5 {
	color: #333;
	margin-bottom: 5px;
	font-size: 13px;
}


#lightbox.headless .content {
	padding-top: 18px;
}
#lightbox.headless h4 {
	font-size: 18px;
	margin-bottom: 10px;
}


#lightbox.tourbox {
	position: absolute;
	width: 300px;
	display:block;
}

#lightbox a {
	color: #2b6e99;
}
#lightbox a.btn {
	background: #2b6e99;
	color: #fff;
}
#lightbox a.btn:hover {
	background: #1E1E23;
}
#lightbox .buttons {
	margin-top: 20px;
}

#lightbox.tourbox .content{
	padding-top: 15px;
}
#lightbox.tourbox .tour-steps{
	font-size: 11px;
	color: #999;
	font-weight: normal;
}
#lightbox.tourbox .tourbox-arrow {
	width: 111px;
	height: 88px;
	background: url(/i/lightbox-tour-arrows.png);
	position: absolute;
}
#lightbox.tourbox .tourbox-arrow.top-left {
	top: -90px; left: -54px;
	background-position: 0 0;
}
#lightbox.tourbox .tourbox-arrow.top-right {
	top: -90px; right: -54px;
	background-position: -111px 0;
}
#lightbox.tourbox .tourbox-arrow.bot-left {
	bottom: -88px; left: -54px;
	background-position: 0 -88px;
}
#lightbox.tourbox .tourbox-arrow.bot-right {
	bottom: -88px; right: -54px;
	background-position: -111px -88px;
}

.tour-active {
	z-index: 1001;
}

/* Hoverbox */

.hoverbox-data { display: none;}

#lightbox.hoverbox {
	position: absolute;
	width: 300px;
	display:block;
}
#lightbox.hoverbox .content{
	font-size: 11px;
	line-height: 15px;
	padding: 6px 10px 10px 10px;
}
#lightbox.hoverbox .content p{
	font-size: 11px;
	margin-bottom: 3px;
}
#lightbox.hoverbox .content .badge-large{
	float: left;
	margin-right: 7px;
}
#lightbox.hoverbox .hoverbox-arrow {
	height: 17px;
	width: 23px;
	background: url(/i/lightbox-hoverbox-arrows.png) ;
	position: absolute;
}
#lightbox.hoverbox .hoverbox-arrow.top-left {
	top: -19px; left:  20px;
	background-position: 0 0;
}
#lightbox.hoverbox .hoverbox-arrow.top-right {
	top: -19px; right:  20px;
	background-position: 0 0;
}
#lightbox.hoverbox .hoverbox-arrow.bot-right {
	bottom: -17px; right: 20px;
	background-position: 0 -17px;
}
#lightbox.hoverbox .hoverbox-arrow.bot-left {
	bottom: -17px; left: 20px; 
	background-position: 0 -17px;
}
#lightbox.hoverbox .content .item-info {
	overflow:auto;
	padding-left: 7px;
}
#lightbox.hoverbox .content h5 {
	margin-bottom: 0;
}
#lightbox.hoverbox .content .avatar {
	float: left;
	margin-bottom: 5px;
}