html, body {	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  } 
a img { border:none; }
.fa { color:black; }
.nav { text-align:center; }

.links { text-align:center; font-size: 30px;  list-style-type: none; padding-left:0; }
.links a { color:#000000; text-decoration:none; clear: left; border-bottom-left-radius: 12px 12px; border-bottom-right-radius: 12px 12px; border-top-left-radius: 12px 12px; border-top-right-radius: 12px 12px; padding: 3px 9px; }
.links a:hover { color:#ffffff; background-color: #215A93; border-bottom-left-radius: 12px 12px; border-bottom-right-radius: 12px 12px; border-top-left-radius: 12px 12px; border-top-right-radius: 12px 12px; padding: 3px 9px; }

.book-page { margin: 0 auto; max-width: 300px; }
.book-item {  }
.book-header { font-size: 24px; color: #215A93; font-weight: bold; }
.book-title { font-size:18px; color:#000000; font-weight: bold;  }
.book-author { font-size:16px; color:#5A6F8E; }
.book-rank { font-size:25px; border:1px solid #000000; background:#5A6F8E; color:#ffffff; padding-right:5px; padding-left:5px; text-align:center; }
.book-table { width:300px; }
.book-rank-cell { text-align:right; align:right; vertical-align:top; height:20px; }
.book-data-cell { text-align:center; vertical-align:middle; }


.inputs[type="text"] {
	color: #555;
	width: 100%;
	padding: 15px 25px; font-weight: 400; font-size: 18px;
	border: 1px solid #e5e5e5;
	background: #fbfbfb;
	outline: 0;
	-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
	box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
	font: normal 12px/24px Arial, Helvetica, sans-serif; }