/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}
body{
  line-height:1;
  font-family:arial;
	background-color:rgb(248,248,250);
 }
ol,ul{
  list-style:none;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
  content:'';
  content:none;
}

/* remember to highlight inserts somehow! */
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

/*------------------------------------*\
  MAIN
\*------------------------------------*/

.transitionLanding{
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
}

.whiteBG{
	background-color:white;
	border-top:1px solid rgb(240,240,240);
	border-bottom:1px solid rgb(240,240,240);
}

.fullWidth{
	width:100%;
	margin:auto !important;
}

.textShadow{text-shadow:0 0 1px rgba(0,0,0,0.05)}

.floatRight{float:right}

.noSelect{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.topbar{
	top:0;
	width:100%;
	height:100px;
}

.midbar{
	height:298px;
	width:100%;
}

.outer{
	position:absolute;
	width:100%;
	top:0;left:0;
	height:100%;
}

	.mainstage{
		position:relative;
		margin:auto;
		margin-top:15px;
		background:white url('../images/neologomain.gif') no-repeat 30px 15px;
		width:960px;
		border-radius:7px;
		box-shadow:inset 0 0 2px rgba(0,0,0,0.4), 0 3px 15px rgba(0,0,0,0.1);
	}
	
		.topstage{
			height:85px;
		}
			.topstageInner{
				padding:50px 30px 0 0;
			}
				.topLinks{
					display:inline-block;
					margin:0 0 0 15px;
					text-decoration:none;
					padding:4px 0 0 0;
					height:18px;width:94px;
					color:rgb(90,90,90);
					text-align:center;
					font-size:12px;font-weight:bold;
					border-radius:4px;
					float:right;
					box-shadow:inset 0 0 10px rgba(0,0,0,0.2), inset 0 0 0 1px rgba(0,0,0,0.05), 0 0 4px rgba(0,0,0,0);
				}
					.topLinks:hover{
						box-shadow:inset 0 0 10px rgba(0,0,0,0.05), inset 0 0 0 1px rgba(0,0,0,0.1), 0 0 4px rgba(0,0,0,0.1);
					}
						.topLinks:active{
						box-shadow:inset 0 0 10px rgba(0,0,0,0.25), inset 0 0 0 1px rgba(0,0,0,0.1), 0 0 4px rgba(0,0,0,0);
						}
				
				.facebookConnect{
					display:inline-block;
					width:94px;
					height:22px;
					background: url('../Images/fbbutton.gif');
					text-decoration:none;
					box-shadow:inset 0 0 10px rgba(0,0,0,0.1), inset 0 0 2px rgba(0,0,0,0.05);
					border-radius:4px;					
					float:right;
				}
				
		.midstage{
			height:300px;
			padding-top:10px;
			width:968px !important;
			margin-left:-4px !important;
			margin-top:-4px !important;
			background-color:white;
			border-radius:2px;
			z-index:5;
			box-shadow:0 5px 20px rgba(0,0,0,0.15), inset 0 0 2px rgba(0,0,0,0.5);
		}
			.midstageInsideLeft{
				float:left;
				width:450px;
				margin:30px 0 0 30px;
			}
				.midstageInsideLeftTop{
					color:rgb(60,60,60);
					height:188px;
					font-family:'Crimson Text';
					font-weight:bold;
					text-align:center;
				}
					#headlineHere{
						display:block;
						height:36px;
						width:500px;
						margin-left:-24px;
						font-size:31px;
					}
				
					h1{
						font-weight:normal;
						font-family:'Crimson Text';
						font-size:22px;
						line-height:32px;
						letter-spacing:0px;
						text-align:justify;
						padding:0 5px 0 5px;
					}
					
				.midstageInsideLeftBottom{
					height:42px;
					text-align:center;
				}
					.RegisterBtn{
						color:white;
						text-decoration:none;
						cursor:pointer;
						display:inline-block;
						width:66%;
						padding:7px 0 8px 0;
						text-align:center;
						font-family:'Crimson Text';
						font-size:26px;
						background-color:rgb(220,40,40);
						margin:auto;
						border-radius:12px;
						box-shadow:0 0 2px rgba(0,0,0,0.05), inset 0 0 16px rgba(0,0,0,0.5);
					}
						.RegisterBtn:hover{
							color:rgb(250,250,250);
							box-shadow:0 0 6px rgba(0,0,0,1), inset 0 0 16px rgba(0,0,0,0);
						}
							.RegisterBtn:active{
								box-shadow:0 0 2px rgba(0,0,0,0.05), inset 0 0 16px rgba(0,0,0,0.6);
							}
			
			.midstageInsideRight{
				float:right;
				height:248px;
				width:390px;
				padding-left:30px;
				margin:25px 30px 0 0;
				border-left:1px solid rgb(245,245,245);
			}
				.midstageRightH1, .midstageRightH2{
					display:inline-block;
					height:19px;
					font-size:18px;
					font-family:'Crimson Text';
					letter-spacing:2px;
					color:rgb(100,100,100);
					padding:5px 0 5px 8px;
				}
					.midstageRightH2{
						float:right;
						text-decoration:none;
						font-size:16px;
						color:rgb(80,80,80);
						padding:3px 18px 2px 18px;
						margin:4px 4px 0 0;
						letter-spacing:0px;
						cursor:pointer;
						box-shadow:0 0 0 1px rgba(0,0,0,0.08);
						background-color:white;
						border-radius:3px 3px 0 0;
						border-top-left-radius:2px 16px;
						border-top-right-radius:2px 16px;
					}
						.midstageRightH2:hover{
							box-shadow:0 0 0 1px rgba(255,0,0,0.3);
							color:rgb(100,50,50);
						}
										
				.midstageBookSkin{
					width:350px;
					display:inline-block;
					text-decoration:none;
					background-color:rgb(255,250,250);
					height:30px;
					font-family:'Crimson Text';
					font-size:17px;
					color:rgb(80,80,80);
					padding:11px 20px 0 20px;
					cursor:pointer;text-align:center;
					border-radius:8px;
					border-top-left-radius: 4px 20px;
					border-top-right-radius: 4px 20px;
					box-shadow:inset 0 0 10px rgba(250,20,20,0.15), inset 0 0 2px rgba(0,0,0,0.25);
				}
				.midstageBookSkin:hover{
					box-shadow:inset 0 0 15px rgba(200,0,0,0.25), inset 0 0 2px rgba(0,0,0,0.45);
					-webkit-transform: scale(1.03);
					-moz-transform: scale(1.03);
					color:black;
				}
				
					.bookTitle{
						background-color:white;
						padding:0 15px 0 15px;
						border-radius:8px;
					}
				
					.blue{
						box-shadow:inset 0 0 10px rgba(20,50,250,0.15), inset 0 0 2px rgba(0,0,0,0.25);
						background-color:rgb(250,250,255);
					}
					.blue:hover{
						box-shadow:inset 0 0 15px rgba(0,50,200,0.25), inset 0 0 2px rgba(0,0,0,0.45);
					}
					
					.black{
						box-shadow:inset 0 0 10px rgba(20,20,20,0.15), inset 0 0 2px rgba(0,0,0,0.25);
						background-color:rgb(250,250,250);
					}
					.black:hover{
						box-shadow:inset 0 0 15px rgba(0,0,0,0.25), inset 0 0 2px rgba(0,0,0,0.45);
					}
					
					.green{
						box-shadow:inset 0 0 10px rgba(20,250,20,0.15), inset 0 0 2px rgba(0,0,0,0.25);
						background-color:rgb(250,255,250);
					}
					.green:hover{
						box-shadow:inset 0 0 15px rgba(0,200,0,0.25), inset 0 0 2px rgba(0,0,0,0.45);
					}
					
					
		.feedstage{
		}
		
			.BookPlugWrapper{
				padding:40px 0 30px 0;
				margin:auto;
				text-align:center;
				width:820px;
				display:block;
				height:250px;
			}
				
				.bookBox{
					height:248px;
					width:152px;
					float:left;
					display:inline-block;
					box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3), 0 0 0 rgba(0,0,0,0);
					cursor:pointer;
					border-radius:2px;
					-webkit-transition:all 0.2s linear;
					-moz-transition:all 0.2s linear;
					-o-transition:all 0.2s linear;
				}
					.bookBox:hover{
						box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3), 0 0 12px rgba(0,0,0,0.3);
						-webkit-transform:scale(1.05);
						-moz-transform:scale(1.05);
						-o-transform:scale(1.05);
					}
				
				.VolOne{
					background:white url('../images/ripped4.gif') no-repeat -152px 0 ;
				}
				
				.VolTwo{
					background:url('../images/ripped4.gif');
					margin-left:70px;
				}
				
				.VolThree{
					background:white url('../images/ripped4.gif') no-repeat -304px 0 ;
					float:right;
				}

				.VolFour{
					margin-left:70px;
					background:white url('../images/ripped4.gif') no-repeat -456px 0;
					float:right;
				}				
				
				.BookPlug{
					height:208px;
					box-shadow:inset 0 0 10px rgba(0,0,0,0.15);
					border-radius:3px;
					float:left;
					margin-left:50px;
					width:190px;
					color:rgb(80,80,80);
					text-align:center;
					font-family:'Crimson Text';
					font-size:16px;
					padding:30px 10px 10px 10px;
					display:inline-block;
				}
				
				.bookLink{text-decoration:none;font-size:30px;color:rgb(150,40,40);margin-top:15px;display:inline-block;}
				.bookLink:hover{text-decoration:underline}
				
				h4{font-size:18px}
				h3{font-size:80%;color:rgb(150,40,40);}
			
		.botstage{
			width:916px;
			height:80px;
			padding:10px 20px 20px 20px;
			border-top:1px solid rgb(230,230,230);
			border-radius: 0 0 7px 7px;
		}
		
			.botstageInner{
				position:relative;
				padding:10px 20px 0 20px;
				font-size:12px;
			}
			
				.botStageInnerRight{
					position:absolute;
					right:0;top:12px;
				}
				
				.miscLinks{
					display:inline-block;
					color:black;
					text-decoration:none;
					padding:2px 7px 2px 7px;
					cursor:pointer;
					border-radius:2px;
				}
					.miscLinks:hover{
						background-color:rgb(230,230,230);
					}
			
#triggerPopup{display:none}
#triggerPopup .outerMain{visibility:invisible !important}


.overlayBG{
	position:fixed !important;
	background-color:white;
	opacity:0.85;
	filter:alpha(opacity=85);
	cursor:pointer;
}

#loadLoginHere{display:none;margin:100px auto 0 auto;height:380px;width:500px;}
#loadRegisterHere{display:none;margin:100px auto 0 auto;height:640px;width:520px;}

#miscPageWrapper, .browseWrapper{
	position:absolute;
	top:100px;
	left:50%;margin-left:-370px;
	width:700px;
	max-height:400px;
	overflow-y:scroll;
	padding:20px;
	border-radius:3px;
	box-shadow:0 0 15px rgba(0,0,0,0.3), 0 0 2px rgba(0,0,0,0.6);
	background-color:white;
	display:none;
}

.browseWrapper{
	width:636px;
	padding:100px 100px 100px 100px;
	max-height:420px;
	height:420px;
	margin-left:-418px;
	overflow-y:hidden;
	box-shadow:0 0 15px rgba(0,0,0,0.3), 0 0 2px rgba(0,0,0,0.6);
}

.#browseInner{
	height:100%;width:100%;
}

	.bookDetail{
		margin-top:-90px !important;
		margin-left:-20px !important;
	}

	#browseInner .MainLGenres{
	font-family:'Crimson Text' !important;
	line-height:30px;
	font-size:16px;
}
		#browseInner .MainLGenresSel{
			font-family:'La Belle Aurore';
		}
		
		#browseInner #PagerInnerDiv{
			margin-top:5px;
			font-family:'Crimson Text' !important;
		}
		#browseInner .bookframeBottom{margin:5px 0 0 2px}
	
.browseWrapper #form1{margin-top:20px;}

#closeIt{cursor:pointer}

#test{display:none}

::-webkit-scrollbar {
	background-color:rgb(240,240,240);
	border-radius:5px;
	width:10px;
}

::-webkit-scrollbar-thumb{
	background-color:rgb(200,200,200);
	border-radius:4px;
}

		.tosPrivacyStyle{
			line-height:30px;
			height:100%;
			overflow:hidden !important;
			padding:0 15px 0 0;
		}
		
	.FAQbody{height:100%;width:100%;position:absolute;top:0;left:0;display:none;font-family:arial}
	
	.plusoneStyle{
		float:right !important;
		margin:20px -25px 0 0 !important;
		opacity:0.5;
		filter:alpha(opacity=50);
	}
	.plusoneStyle:hover{
		opacity:1;
		filter:alpha(opacity=100);		
	}