/* - - - - - - - - - - - - - - - - - - - - -

Title : LT_LB CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified by Altay Guvench for LibraryThing: April 6, 2006

- - - - - - - - - - - - - - - - - - - - - */


#LT_LB_overlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	cursor: pointer;
	xwidth:110%;
	xheight:100%;
	z-index:1020;
	background-color: #f8f6f4 !important;
	opacity: 0.85 !important;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
}

#LT_LB {
	position:fixed;
	top:40px;
	bottom:40px;
	left:40px;
	right:40px;


	border:3px solid #bfbcba;
	border-radius:6px;
	background:#fff;
	box-shadow: 0 0 30px 10px #fcfbf9;
	z-index:1021;
}
.unbound_lightbox_aid_402 #LT_LB {
	z-index: 1040;
}

#LT_LB_close {
	position: fixed;
	right: 40px;
	top: 42px;
	font-weight: 900;
	font-size: 38px;
	color: #666;
	padding: 23px 20px 20px 20px;
	line-height: 0;
	cursor:pointer !important;

	transition: color 1s ease 0s;
	z-index: 1022;

	font-weight: 300;

	/* overrides for LT lightbox css code */
	background-color: transparent;
	width: unset;
	height: unset;
	border-radius: unset;
	box-shadow: none;
	border: none;
}
#LT_LB_close:hover {
	color: #333;
	transition: color 0s;
	background-color: transparent;
}


#LT_LB_header {
	height: 45px;
	top:0;
	left:0;
	right:0;

	position:relative;
	background-color: #f2f2f2;
	cursor: default;

	border:3px solid #bfbcba;
	border-bottom: 1px solid #bfbcba;
	border-radius:4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;

	margin-left: -3px;
	margin-right: -3px;


	top:0;
	border:none;
	
	border-bottom: 1px solid #bfbcba;
	margin-left:0;
	margin-right:0;
}

#LT_LB_title {
	color: #444;
	font-size: 18px;
	font-weight: 800;
	text-align: left;

	position:absolute;
	top: 9px;
	left: 16px;
	right:0;
	bottom:0;
}



#LT_LB_content {
	position:fixed;


	-webkit-overflow-scrolling: touch;
	overflow:hidden;
	background:#fff;


	top:40px;
	bottom:43px;
	left:43px;
	right:43px;

	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;

	top:88px;
}
#LT_LB .iframe {
	width: auto;
	height: auto;
}
.mobile #LT_LB_content {
	xoverflow-y: scroll;
	x-webkit-overflow-scrolling: touch;
}


@media (max-width: 1200px) {
	#LT_LB {
		top:30px;
		bottom:30px;
		left:30px;
		right:30px;
	}
	#LT_LB_content {
		top: 76px;
		bottom: 33px;
		left: 33px;
		right: 33px;

		top: 73px;
	}
	#LT_LB_header {
		top:-40px;
		height: 40px;

		top:0;
	}

	#LT_LB_close {
		top: 33px;
		right: 33px;
		padding: 20px 20px 23px 20px;
	}

	.ls2 #LT_LB_close {
		top: 30px;
		right: 33px;
		padding: 20px 15px 23px 20px;
	}

}

#LT_LB_iframe {
	height:100%;
	width:100%;
	background:#fff;
}


/* ------------- LOADING ----------------- */
#LT_LB_loading {
	position: absolute;
	width:100%;
	left:0;
	top:40%;
	text-align:center;
	margin:auto;
	font-size:24px;
	z-index: 1025;
}

#LT_LB_loadingcontent {
	display:inline;
}
.LT_LB_loadinganim {
	border: 4px solid #525252;
	border-radius: 4px;
	box-shadow: 0 0 35px 50px #ffffff;
	height: 60px;
	margin-left: 10px;
	margin-top: -1px;
	vertical-align: top;
	width: 60px;
}




#LT_LB_goback {
	color: #0c699b;
	cursor: pointer;
	font-size: 14px;
	left: 25px;
	position: absolute;
	top: 12px;
	transition: color 1s ease 0s;
}

#LT_LB_goback_i {
	color: #c5c5c5;
	display: inline-block;
	font-size: 16px;
	margin-left: -19px;
	margin-right: -1px;
	margin-top: -1px;
	vertical-align: top;
	transition: color 1s ease 0s;
}

#LT_LB_goback:hover,
#LT_LB_goback:hover #LT_LB_goback_i {
	color: #111;
	transition: color 0s;
}


/* custom sized lightboxes */
/*
#LT_LB_wrapper.custom_size #LT_LB_content {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#LT_LB_wrapper.custom_size #LT_LB_close {
	position: absolute;
	right: 0;
	top: -6px;
}
*/


/* Another stab at custom LB */
/* They will still need a calc-based top/left rules on #LT_LB and #LT_LB_CONTENT */


#LT_LB_wrapper.w700h700 #LT_LB {
	width: 700px;
	height: 600px;
	top: calc(50% - 300px);
	left: calc(50% - 350px);
	box-shadow: 0 -10px 45px 15px rgba(0,0,0,0.5);
}
#LT_LB_wrapper.w700h700 #LT_LB_overlay {
	display:none;
}

#LT_LB_wrapper.w700h700 #LT_LB_content {
	width: 694px;
	height: 549px;
	top: calc(50% - 252px);
	left: calc(50% - 347px);
}
#LT_LB_wrapper.w700h700 #LT_LB_close {
	position: absolute;
	top: -5px;
	right:0;
}
/* for mobile, reset the custom locations to full screen */
@media screen and (max-width: 920px), screen and (max-height: 675px) {
	#LT_LB_wrapper.custom_size #LT_LB {
		width: unset;
		height: unset;
		top:30px;
		bottom:30px;
		left:30px;
		right:30px;
		box-shadow:none;
	}
	#LT_LB_wrapper.custom_size #LT_LB_overlay {
		display:block;
	}

	#LT_LB_wrapper.custom_size #LT_LB_content {
		top: 76px;
		bottom: 33px;
		left: 33px;
		right: 33px;
		width: unset;
		height: unset;

		top: 73px;
	}
}




/* ebookcentral */
.ebookcentral #LT_LB,
.ebookcentral.unbound_lightbox_content {
	font-family: "robotolight", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 18.48px;
	margin-bottom: 0;
}
.ebookcentral #LT_LB_overlay {
	background-color: #000 !important;
	opacity: 0.5 !important;
	filter: alpha(opacity=50);
}


.ebookcentral #LT_LB {

	border: none;

	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);

	/*
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	*/

}
.ebookcentral #LT_LB_header {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #223160;
	color: #fff !important;
	border-bottom-color: #223160;
}
.ebookcentral #LT_LB_title {
	color: #fff;
	font-weight: 100;
	top: 11px;
}
.ebookcentral #LT_LB_content {
	top: 135px;
	left: 90px;
	right: 90px;
	bottom: 90px;
}
.ebookcentral #LT_LB_close {
	font-weight: 100;
	xfont-family: Helvetica;
	font-size: 29px;
	color: #fff;
}

@media (max-width: 1200px) {
	.ebookcentral #LT_LB {
	}
	.ebookcentral #LT_LB_content {
		top: 70px;
	}
	.ebookcentral #LT_LB_header {
	}

	.ebookcentral #LT_LB_close {
		top: 30px;
	}
}

/* british lib */
.unbound_lightbox_aid_224 #LT_LB_title {
	top: -17px !important;
}

/* ls2 */
.ls2 #LT_LB_title {
	top: 7px !important;
}