/* !-- Lightbox -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


	.lightbox { font-size:1.6rem; }
	.lightbox .header { text-align:center; color:#fff; }
	.lightbox .header h1 { font-family: "Matterhorn Serif SemiBold"; font-size:3rem; padding:15px 30px; margin:0; }
	.lightbox .content { padding:10px 30px !important; position:relative; }
	.lightbox .content p { color: #000; }
	
	.lightbox .button { text-align:center; margin-bottom:0; position: relative; }
	.lightbox .button a { display:inline-block; min-width:200px; height:50px; background-color:#39b54a; border-radius:10px; -webkit-border-radius:10px; padding: 0 20px; margin:12px 10px; font-family: "Matterhorn"; font-size:2rem; line-height:5rem; color:#fff; text-shadow:1px 1px 1px #000000; text-align:center; text-decoration:none; white-space: nowrap; }
	.lightbox .button a:hover { background-color:#3fc952; }
	
	.lightbox .button #purchase-tokens { padding-left: 50px; position: relative; background-color:#f2efef; color: #000; text-shadow:1px 1px 1px #fff; }
	.lightbox .button #purchase-tokens:hover { background-color:#e1dede; }
	.lightbox .button #purchase-tokens .icon { width: 35px; height: 35px; display: block; position: absolute; left: 10px; top: 8px; background: url(../img/interface/menu-item-icons@2x.png) 0 -70px no-repeat; background-size: 100% 100%; }


/*----- select input ------------*/
	
	.lightbox select, .lightbox input { background-color:transparent; font-family: "Matterhorn"; font-size:1.6rem; line-height:1.6rem; border:0 none; padding:8px 10px; margin-right:15px; }
	.lightbox input { padding:9px 10px; }
	.lightbox input:focus { outline:0; }
	.lightbox select { width:133%; padding-right:35px; outline: 0 none; -webkit-appearance:none; position: relative; z-index: 1; }
	.lightbox .select-wrapper { background-color:#fff; border-radius:10px; -webkit-border-radius:10px; position:relative; width:175px; margin-right:15px; overflow:hidden; }
	.lightbox .select-wrapper:after { content:"["; font-family: "Web Symbols",sans-serif; font-size:3rem; position:absolute; text-align: center; width: 30px; padding-top: 3px; right: 0px; top: 5px; bottom: 5px; pointer-events: none; z-index: 1; background: #fff;
		/* IE9, iOS 3.2+ */
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
		/* Android 2.3 */
		background: -webkit-linear-gradient(left,rgba(255, 255, 255, 0) 0%,rgb(255, 255, 255) 20%);
		/* IE10+ */
		background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgb(255, 255, 255) 20%);
	}

	.lightbox input.error, .lightbox .select-wrapper.error select { border: 1px solid red; }

/* !----- Welcome ------ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.welcome.lightbox { width:980px !important; height: 595px !important; display: block; text-align:center; overflow: hidden; }
	.welcome.lightbox .content { padding:25px 30px 30px 30px; background:url(../img/interface/bg-welcome.jpg) left top no-repeat; background-color:#fff; background-size:auto 624px !important; font-family: "Matterhorn Serif Semibold"; cursor: pointer; }
	.welcome.lightbox .content div { display:inline-block; height:130px; margin:5px 0px 0 48%; }
	.welcome.lightbox .content div.center { margin-left:55%; margin-top:-10px; }
	.welcome.lightbox .content div img { float:left; display: block; }
	.welcome.lightbox .content div p { font-size:2.2rem; float:left; display:inline-block; text-align:left; width:280px; margin:36px 0 0 10px; }
	.welcome.lightbox .content div.center p { }
	.welcome.lightbox .content .button a { clear:both; margin-top:30px; width:250px; height:60px; line-height:6rem; }



/* !----- Add a Reader  /  Edit a Reader------ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.addReader.lightbox { width:700px; }
	.addReader.lightbox .content { background-color: #F2EFEF; }
	.addReader p, .addReader label { font-family: "Matterhorn Serif"; margin-bottom:8px; }
	.addReader input#name { background-color:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; width:240px; }
		.addReader input#name.disabled { background-color: transparent; }
	.addReader .name, .addReader .gender { float:left; height:85px; }
	.addReader .name label, .addReader .name input { color: #000; display:block; }
	.addReader .gender .select-wrapper { width:110px; }
	.addReader .gender select { width:170px;  }
	.addReader .date { clear:both; width:100%; height:100px; }
	.addReader .date .select-wrapper { float:left; }
	
	.addReader a.why { max-width: 180px; display:block; float:right; color:#000; font-size:1.4rem; margin-top:35px; position:relative; cursor:help; }
	.addReader a.why:hover { text-decoration:none; }
	.addReader a.why:before { content:"?"; position:absolute; width:30px; height:30px; border-radius:15px; -webkit-border-radius:15px; left:-40px; top:-5px; color:#fff; font-family: "Matterhorn SemiBold"; font-size:2.6rem; text-align:center; margin:0; padding:6px 0 0 2px; }
	.addReader .required { font-size:1.4rem; font-family: "Matterhorn"; }

	/*- Tooltip -*/
	.addReader .tooltip { display:block; background-color: #fff; position: absolute; text-align: center; top:90px; right:20px; width:260px; height: 0; opacity:0; z-index:1;
		-webkit-border-radius: 10px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.25s ease-in-out;
		   -moz-border-radius: 10px;    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);    -moz-transition: opacity 0.25s ease-in-out;
		    -ms-border-radius: 10px;     -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);     -ms-transition: opacity 0.25s ease-in-out;
		     -o-border-radius: 10px;      -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);      -o-transition: opacity 0.25s ease-in-out;
		        border-radius: 10px;         box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);         transition: opacity 0.25s ease-in-out;
	}
	.addReader .tooltip:before { content: ""; background-color: #fff; width: 20px; height: 20px; left: 33%; top: -5px; margin: 0 0 0 -5px; position: absolute; z-index:0;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(-45deg) skew(-22deg, -22deg);
		   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);    -moz-transform: rotate(-45deg) skew(-22deg, -22deg);
		    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);     -ms-transform: rotate(-45deg) skew(-22deg, -22deg);
		     -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);      -o-transform: rotate(-45deg) skew(-22deg, -22deg);
		        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);         transform: rotate(-45deg) skew(-22deg, -22deg);
	}
	.addReader .tooltip.opened { opacity:1; height: auto;
		-webkit-transition: all 0.25s ease-in-out;
		   -moz-transition: all 0.25s ease-in-out;
		    -ms-transition: all 0.25s ease-in-out;
		     -o-transition: all 0.25s ease-in-out;
		        transition: all 0.25s ease-in-out; 
	}
	.addReader .tooltip-content { background-color: #fff; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; z-index:2; }
	.addReader .tooltip-content p { font-family: "Matterhorn"; font-size:1.4rem; margin:0; }
	
	#btnDeleteReader, #btnCancel { background: red !important; }



/* !----- Change Avatar ------ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.changeAvatar.lightbox { width:700px; }
	.changeAvatar.lightbox .content { background-color: #F2EFEF; }



/* !-- Slider Add a Reader / Change Avatar -- */

	.changeAvatar .slider, 
	.addReader .slider { height:180px; padding:0 40px; }
	.changeAvatar .slider-avatar, 
	.addReader .slider-avatar { height:120px; margin-top:10px; }
	.changeAvatar .slider .avatar, 
	.addReader .slider .avatar { float:left; width:122px; height:122px; margin:8px 0 0 8px; border:4px solid transparent; border-radius: 65px; -webkit-border-radius: 65px; overflow:hidden; }
	.changeAvatar .slider .avatar img, 
	.addReader .slider .avatar img { width:114px; height:114px; text-align:center; display:inline-block; }

	.changeAvatar .slider .avatar:hover, 
	.addReader .slider .avatar:hover { border-radius: 60px; -webkit-border-radius: 60px; border-width:4px; border-style:solid; cursor:pointer; }



/* !----- Who's Reading------ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.whosReading.lightbox { width:780px; text-align:center; }
	.whosReading.lightbox .content { padding-top:25px; background-color:#fff; }
	.whosReading .readers { display:inline-block; margin:0 50px 20px 50px; }
	.whosReading .readers .avatar { width:120px; height:120px; border-radius: 65px; -webkit-border-radius: 65px; overflow:hidden; margin:10px auto; }
	.whosReading .readers .avatar.current, .whosReading .readers .avatar:hover { border-style:solid; border-width:4px;}
	.whosReading .readers .avatar img { width:120px; height:120px; }
	.whosReading .readers .avatar:hover img { margin:-4px 0 0 -4px; cursor:pointer; }
	.whosReading .readers .avatar.current:hover img { margin:0; }
	.whosReading .readers .name { font-size:2.2rem; margin:0; font-family: "Matterhorn Serif"; }
	.whosReading .readers .token {  display:inline-block; }
	.whosReading .readers .token p { font-size:1.6rem; font-family: "Matterhorn Serif Semibold"; height:28px; line-height:2.8rem; float:left; margin:0; }
	.whosReading .readers .token span { float:left; width:25px; height:28px; background:url(../img/interface/token-icon.svg) left center no-repeat; background-size: 25px auto !important; margin-right:8px; }
	.whosReading a { font-size:1.4rem; color:#7f7f7f; margin-top:20px; position:relative; }
	.whosReading a:before { content:"S"; font-family: "Web Symbols",sans-serif; font-size:1.4rem; position:absolute; left:-20px; top:0; }
	.whosReading a:hover { text-decoration:none; }




/* !----- Age Gate ------ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.ageGate.lightbox { width:600px; text-align:center; }
	.ageGate.lightbox .content { padding-top:25px; background-color:#fff; }
	.ageGate.lightbox p { font-size:2.2rem; margin:0 75px 1em 75px; }
	.ageGate.lightbox input { display:inline-block; width:170px; height:70px; background-color:#f3f3f3; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:0; margin:10px 0 20px 0; font-family: "Matterhorn Serif SemiBold"; font-size:3.8rem; line-height:5rem; color:#000; text-align:center; 
		 -webkit-box-shadow:inset 0 0 6px 1px #B5B5B5; 
			-moz-box-shadow:inset 0 0 6px 1px #B5B5B5; 
				 box-shadow:inset 0 0 6px 1px #B5B5B5; 
	}



/* !----- Reader Delete Confirmation ------ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.deleteConfirmation.lightbox { width:600px; text-align:center; }
	.deleteConfirmation.lightbox .content { padding-top:25px; background-color:#fff; }
	.deleteConfirmation.lightbox p { font-size:2.2rem; margin:10px 35px .5em 35px; }
	.deleteConfirmation.lightbox input { display:inline-block; width:170px; height:70px; background-color:#f3f3f3; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:0; margin:10px 0 20px 0; font-family: "Matterhorn Serif SemiBold"; font-size:3.8rem; line-height:5rem; color:#000; text-align:center; 
		 -webkit-box-shadow:inset 0 0 6px 1px #B5B5B5; 
			-moz-box-shadow:inset 0 0 6px 1px #B5B5B5; 
				 box-shadow:inset 0 0 6px 1px #B5B5B5; 
	}


/* !----- Manage Readers------ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.manageReaders.lightbox { width:840px; }
	.manageReaders.lightbox .content { padding-top:25px; background-color:#fff; }
	.manageReaders p { color:#000; }
	.manageReaders .mainAccount { margin:10px 10px 20px 10px; height:90px;
		background: -moz-linear-gradient(left, rgba(242,239,239,0) 0%, rgba(242,239,239,1) 15%, rgba(242,239,239,1) 85%, rgba(242,239,239,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,239,239,0)), color-stop(15%,rgba(242,239,239,1)), color-stop(85%,rgba(242,239,239,1)), color-stop(100%,rgba(242,239,239,0)));
		background: -webkit-linear-gradient(left, rgba(242,239,239,0) 0%,rgba(242,239,239,1) 15%,rgba(242,239,239,1) 85%,rgba(242,239,239,0) 100%);
		background: -o-linear-gradient(left, rgba(242,239,239,0) 0%,rgba(242,239,239,1) 15%,rgba(242,239,239,1) 85%,rgba(242,239,239,0) 100%);
		background: -ms-linear-gradient(left, rgba(242,239,239,0) 0%,rgba(242,239,239,1) 15%,rgba(242,239,239,1) 85%,rgba(242,239,239,0) 100%);
		background: linear-gradient(to right, rgba(242,239,239,0) 0%,rgba(242,239,239,1) 15%,rgba(242,239,239,1) 85%,rgba(242,239,239,0) 100%);
	}
	.manageReaders .avatar { width:77px; height:77px; border-style:solid; border-width:3px; border-radius: 65px; -webkit-border-radius: 65px; overflow:hidden; margin:6px 10px 6px 0; float:left; }
	.manageReaders .avatar img { width:74px; height:74px; }
	.manageReaders .info-avatar { float:left; margin-top:25px; }
	.manageReaders p.name { font-family: "Matterhorn Serif"; font-size:2.2rem; margin:0; }
	.manageReaders .readerAccount p.name { font-size:1.6rem; }
	.manageReaders p.ace { color:#f26522; font-style:italic; }
	.manageReaders .mainAccount p.ace { font-size:1.6rem; margin:-5px 0 0 0; }
	.manageReaders .readerAccount p.ace { font-size:1.4rem; margin:0; }
	.manageReaders .right { float:right; position: relative; }
	.manageReaders .right .disabled { opacity: .5; cursor: default; }
	.manageReaders .mainAccount p.number { font-size:4rem; line-height:9rem; float:left; }
	.manageReaders span.token { float:left; width:45px; height:90px; background:url(../img/interface/token-icon.svg) center center no-repeat; background-size: 44px auto !important; margin:0 5px 0 10px; }
	.manageReaders a.button { float:left; height:50px; border-radius:10px; -webkit-border-radius:10px; padding:0; margin:20px 0 0 12px; font-size:2rem; line-height:4.8rem; color:#fff; text-shadow:1px 1px 1px #000000; text-align:center; text-decoration:none; 
		-webkit-transition: opacity 0.25s ease-in-out;
	       -moz-transition: opacity 0.25s ease-in-out;
	            transition: opacity 0.25s ease-in-out;
	}
	.manageReaders .edit.button { width:140px; margin-left:25px; }
	.manageReaders .add.button, .manageReaders .substract.button { font-size:3rem; width:50px;  position: relative; }
	.manageReaders .mainAccount + p { font-family: "Matterhorn Serif"; font-size:2rem; text-align:center; clear:both; position:relative; margin:0; padding-bottom:20px; }
	.manageReaders p.note { font-size:1.4rem; color:#979797; text-align:center; margin-top:20px; }
	
	.manageReaders .readerAccount { margin:0 10px; height:90px; position:relative; }
	.manageReaders .readerAccount:after, .manageReaders .mainAccount + p:after { content:""; position:absolute; height:1px; right:0; bottom:0px; left:0;
		background: -moz-linear-gradient(left, rgba(242,239,239,0) 0%, rgba(242,239,239,1) 15%, rgba(242,239,239,1) 85%, rgba(242,239,239,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,239,239,0)), color-stop(15%,rgba(242,239,239,1)), color-stop(85%,rgba(242,239,239,1)), color-stop(100%,rgba(242,239,239,0)));
		background: -webkit-linear-gradient(left, rgba(242,239,239,0) 0%,rgba(242,239,239,1) 15%,rgba(242,239,239,1) 85%,rgba(242,239,239,0) 100%);
		background:  -o-linear-gradient(left, rgba(242,239,239,0) 0%,rgba(242,239,239,1) 15%,rgba(242,239,239,1) 85%,rgba(242,239,239,0) 100%);
		background: -ms-linear-gradient(left, rgba(242,239,239,0) 0%,rgba(242,239,239,1) 15%,rgba(242,239,239,1) 85%,rgba(242,239,239,0) 100%);
		background: linear-gradient(to right, rgba(242,239,239,0) 0%,rgba(242,239,239,1) 15%,rgba(242,239,239,1) 85%,rgba(242,239,239,0) 100%);
		}
	.manageReaders .readerAccount .number { float:left; width:90px; height:70px; /*background-color:#f3f3f3; border-radius:10px; -webkit-border-radius:10px;*/ padding:0; margin:20px 0 0 3px; font-size:3rem; line-height:5rem; color:#000; text-align:center; /*-webkit-box-shadow:inset 0 0 6px 1px #B5B5B5; box-shadow:inset 0 0 6px 1px #B5B5B5;*/ }
	.manageReaders .readerAccount span.token { font-size:1.8rem; line-height:9rem; width:78px; text-align:right; }
	.manageReaders .adding { height:70px; clear:both; margin-bottom:20px; }
	.manageReaders .adding .add.button { font-size:4rem; line-height:4.2rem; }
	.manageReaders .adding p { font-size:2rem; font-family: "Matterhorn Serif"; float:left; margin:20px 0 0 10px; line-height:5rem; cursor: pointer; }
	
	
	.toolTipNewUser { display:block; background-color: #fff; position: absolute; cursor: default; text-align: center; top:85px; left: 93px; width:260px; height: 0; opacity:0; z-index:1; text-shadow: none; color: #000;
		-webkit-border-radius: 10px; -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.25s ease-in-out;
		   -moz-border-radius: 10px;    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);    -moz-transition: opacity 0.25s ease-in-out;
		        border-radius: 10px;         box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);         transition: opacity 0.25s ease-in-out;
	}
	.toolTipNewUser:before { content: ""; background-color: #fff; width: 34px; height: 34px; left: 50%; top: -10px; margin: 0 0 0 -17px; position: absolute; z-index:0;
		-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(-45deg) skew(-15deg, -15deg);
		   -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);    -moz-transform: rotate(-45deg) skew(-15deg, -15deg);
				box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);         transform: rotate(-45deg) skew(-15deg, -15deg);
	}

	.toolTipNewUser.opened { opacity:1; height: auto; z-index:520;
	-webkit-transition: all 0.25s ease-in-out; -webkit-animation: toolTipAnim .75s linear 10;
	   -moz-transition: all 0.25s ease-in-out;    -moz-animation: toolTipAnim .75s linear 10;
	        transition: all 0.25s ease-in-out;         animation: toolTipAnim .75s linear 10;
	}
	
	@-webkit-keyframes toolTipAnim {
		0%   { top: 85px; }
		50%  { top: 95px; }
		100% { top: 85px; }
	}
	@-moz-keyframes toolTipAnim {
		0%   { top: 85px; }
		50%  { top: 95px; }
		100% { top: 85px; }
	}
	@keyframes toolTipAnim {
		0%   { top: 85px; }
		50%  { top: 95px; }
		100% { top: 85px; }
	}
	
	
	.toolTipPurchaseToken { display:block; background-color: #fff; position: absolute; cursor: default; text-align: center; top:-85px; left: 370px; width:260px; height: 0; opacity:0; z-index:100; text-shadow: none; color: #000;
		-webkit-border-radius: 10px; -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
		   -moz-border-radius: 10px;    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
		        border-radius: 10px;         box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
	}
	.toolTipPurchaseToken:before { content: ""; background-color: #fff; width: 34px; height: 34px; left: 50%; bottom: -10px; margin: 0 0 0 -17px; position: absolute; z-index:1;
		-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(-45deg) skew(-15deg, -15deg);
		   -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);    -moz-transform: rotate(-45deg) skew(-15deg, -15deg);
				box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);         transform: rotate(-45deg) skew(-15deg, -15deg);
	}

	.toolTipPurchaseToken.opened { opacity:1; height: auto; z-index:520;
	-webkit-transition: all 0.25s ease-in-out; -webkit-animation: toolTipAnimPurchase .75s linear 10;
	   -moz-transition: all 0.25s ease-in-out;    -moz-animation: toolTipAnimPurchase .75s linear 10;
	        transition: all 0.25s ease-in-out;         animation: toolTipAnimPurchase .75s linear 10;
	}
	
	@-webkit-keyframes toolTipAnimPurchase {
		0%   { top: -85px; }
		50%  { top: -95px; }
		100% { top: -85px; }
	}
	@-moz-keyframes toolTipAnimPurchase {
		0%   { top: -85px; }
		50%  { top: -95px; }
		100% { top: -85px; }
	}
	@keyframes toolTipAnimPurchase {
		0%   { top: -85px; }
		50%  { top: -95px; }
		100% { top: -85px; }
	}
	
	.tooltip-content { display: inline-block; background-color: #fff; padding: 20px 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; z-index:2; }
	.tooltip-content p { font-family: "Matterhorn"; font-size:1.4rem; margin:0; }
	.tooltip-content p strong { font-family: "Matterhorn Bold"; font-weight: normal; }


/* !----- Unlock Item------ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#unlockItem.lightbox .content { padding-top:25px; background-color:#fff; }
	#unlockItem.lightbox { width:550px; text-align:center; }
	
	#unlockItem .intro { margin: 10px -10px; font-size:2rem; }
	
	
	#unlockItem .note { font-size:1.4rem; color:#000; margin-top:25px; }
	#unlockItem .balance { font-size:1.4rem; color:#979797; }
	
	#unlockItem .info { font-size:1.4rem; text-align:left; padding:10px 0; }
	#unlockItem .info { width:500px; margin:0 auto; }
	
	#unlockItem .info:after { content:""; display:block; clear:both; }
	
	
	#unlockItem .titleBook { font-family: "Matterhorn Serif";  }
	#unlockItem .info p { margin:0 0 5px 0; }
	#unlockItem .info img { float:left; margin:0 50px 0 20px; }
	
	#unlockItem #unlockItem-image { width: 173px; }
	#unlockItem #unlockItem-image img { width: 100%; height: auto; display: block; }
	
	#unlockItem .detail { color:#979797; font-style: italic; }
	#unlockItem .detail .readAlong:after { content: ""; width: 18px; height: 13px; margin-left: 5px; background: url(../img/interface/read-along-icon.svg) 0 0 no-repeat; background-size: 100% 100%; display: inline-block; position: relative; top: 2px; }
	
	#unlockItem .button a { margin: 12px 10px; display: inline-block; }
	#unlockItem .button a.preview { margin: 10px 0; color:#000; text-shadow:none; background-color:#f2efef; float: left; }
	#unlockItem .button a.preview:hover { background-color:#e1dede; }
	
	#unlockItem .button a.unlockTokens { padding: 3px 10px 0 45px; background-size: 27px auto !important; background: url(../img/interface/token-icon.svg) 10px 50% no-repeat #39b54a; }
	#unlockItem .button a.unlockTokens, #unlockItem .button a.unlockTokens * { line-height: 2rem; }
	#unlockItem .button a.unlockTokens:hover { background-color:#3fc952; }


/* !----- Subscriber Only------ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	#subscribePopup.lightbox .content { padding-top:25px; background-color:#fff; }
	#subscribePopup.lightbox { width:550px; text-align:center; }
	
	#subscribePopup .intro { margin: 10px -10px; font-size:2rem; }
	
	
	#subscribePopup .note { font-size:1.4rem; color:#000; margin-top:25px; }
	#subscribePopup .balance { font-size:1.4rem; color:#979797; }
	
	#subscribePopup .info { font-size:1.4rem; text-align:left; padding:10px 0; }
	#subscribePopup .info { width:500px; margin:0 auto; }
	
	#subscribePopup .info:after { content:""; display:block; clear:both; }
	
	
	#subscribePopup .titleBook { font-family: "Matterhorn Serif";  }
	#subscribePopup .info p { margin:0 0 5px 0; }
	#subscribePopup .info img { float:left; margin:0 50px 0 20px; max-width: 173px; }
	
	#subscribePopup #unlockItem-image { width: 173px; }
	#subscribePopup #unlockItem-image img { width: 100%; height: auto; display: block; }
	
	#subscribePopup .detail { color:#979797; font-style: italic; }
	#subscribePopup .detail .readAlong:after { content: ""; width: 18px; height: 13px; margin-left: 5px; background: url(../img/interface/read-along-icon.svg) 0 0 no-repeat; background-size: 100% 100%; display: inline-block; position: relative; top: 2px; }
	
	#subscribePopup .button a { margin: 12px 10px; display: inline-block; }
	#subscribePopup .button a.preview { margin: 10px 0; color:#000; text-shadow:none; background-color:#f2efef; float: left; }
	#subscribePopup .button a.preview:hover { background-color:#e1dede; }
	
	#subscribePopup .button a.unlockTokens { padding: 3px 10px 0 45px; background-size: 27px auto !important; background: url(../img/interface/token-icon.svg) 10px 50% no-repeat #39b54a; }
	#subscribePopup .button a.unlockTokens, #unlockItem .button a.unlockTokens * { line-height: 2rem; }
	#subscribePopup .button a.unlockTokens:hover { background-color:#3fc952; }
		
	
	
/* !----- Shop------ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.lightbox #productname, #userName { font-family: "Matterhorn SemiBold"; }
.lightbox .avatar-shop-purchase, .lightbox .avatar-shop-purchase img {
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
	    -ms-border-radius: 50px;
	     -o-border-radius: 50px;
	        border-radius: 50px;
}
.lightbox .avatar-shop-purchase { width: 74px; height: 74px; display: inline-block; overflow: hidden; border-width: 3px; border-style: solid; top: 25px; position: relative; }
.lightbox .avatar-shop-purchase img { width: 100%; }
.purchase .button a { font-size: 1em; }
.purchase .content p { padding: 20px 0; text-align: center; }



/*-------------Owl Carousel Navigation -------------------*/

	.lightbox .owl-theme .owl-controls { text-align: center; margin-top: 0; }
	
	/* Styling Next and Prev buttons */
	
	.lightbox .owl-theme .owl-controls .owl-buttons div {	color: #FFF; display: block; zoom: 1; border-radius: 50px; -webkit-border-radius: 50px; margin-top:-10px;}

	.lightbox .owl-theme .owl-controls .owl-buttons .owl-prev:before { content:"<"; margin-left:-3px; }
	.lightbox .owl-theme .owl-controls .owl-buttons .owl-next:before { content:">"; margin-right:-3px; }
	
	.lightbox .slider-avatar .owl-buttons { width: 560px; height:0; }
	
	.lightbox .owl-theme .owl-controls.clickable .owl-buttons div:hover {
		filter: Alpha(Opacity=100);/*IE7 fix*/
		opacity: 1;	text-decoration: none; background-color:#fff; }
	
	.lightbox .owl-theme .owl-controls .owl-buttons .owl-prev.disabled, 
	.lightbox .owl-theme .owl-controls .owl-buttons .owl-next.disabled { opacity:0.25; cursor:default; }
	
	.lightbox .owl-theme .owl-controls .owl-buttons .owl-prev, 
	.lightbox .owl-theme .owl-controls .owl-buttons .owl-prev.disabled:hover { left:-50px; }
	.lightbox .owl-theme .owl-controls .owl-buttons .owl-next, 
	.lightbox .owl-theme .owl-controls .owl-buttons .owl-next.disabled:hover { right:-50px; }
	

/*-------------Owl Carousel Pagination -------------------*/

	.lightbox .owl-theme .owl-controls .owl-page {
		display: inline-block;
		zoom: 1;
	}
	.lightbox .owl-theme .owl-controls .owl-page span {	display: block;	width: 15px; height: 15px; margin: 5px 4px;	filter: Alpha(Opacity=90);/*IE7 fix*/
		opacity: 0.99; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
	
	.lightbox .owl-theme .owl-controls.clickable .owl-page:hover span { /*opacity: 0.5;*/ }
	
	.lightbox .owl-pagination { height:34px; text-align:center; margin-top:15px; }
	.lightbox .owl-pagination span { text-indent:-9999px; display:inline-block; width:15px; height:15px; border-width:1px; border-style:solid; border-radius:7px; -webkit-border-radius:7px; margin:0 3px; }
	.owl-pagination .active span { background-color:transparent;}
	
	/* preloading images */
	.lightbox .owl-item.loading { min-height: 150px;	background: url(AjaxLoader.gif) no-repeat center center; }