/*html5 reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

* { position: relative;
	}

#preloader {
    position: absolute;
    left: -999px;
    width:0px;
    height: 0px;
    overflow: auto;
}



body {
	font-size: 11pt;
	font-family: 'Ubuntu', sans-serif;
	background: #bac8d3;
	}
header {
	padding-right: 3%;
	text-align: center;
	}

a:link, a:visited {
	color: #0865a6;
	text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
		}
p {
	margin: 15px 0;
	}
ul {
	margin: 5px;
	}
li {
	padding: 5px 0;
	}
.error {
	color: red;
	font-weight:bold;
	background: #FFEFEF;
	padding: 15px;
	}
.success {
	color: #037F0C;
	font-weight:bold;
	background: #E2FFE0;
	padding: 15px;
	}

h1 {
	color: #A31801; /*#7c1134; */
	letter-spacing: -4px;
	font-weight: normal;
	font-size: 2.8em;
	text-align:center;
	margin-bottom: 30px;
	text-shadow: 1px 1px 1px #B2B2B2;
	padding-top: 11px;
	}
h1.pageTemplate {
	font-size:1.8em;
	margin-bottom:  5px;
	padding-top: 0px;
	letter-spacing:-3px;
	}
h2 {
	letter-spacing: -2px;
	font-size: 1.7em;
	margin-bottom: 30px;
	text-align:left;
	color: #a31801;
	text-shadow: 1px 1px 2px #FDFFCC;
	border-bottom: 1px dotted #C8D1D8;
	padding-bottom: 10px;
	}
	h2 a:link, h2 a:visited {
		color: #a31801;
		text-decoration: none;
		}
		h2 a:hover {
			text-decoration: underline;
			}

h3 {
	color: #000;
	margin: 0 15px 15px 15px;
	font-size: 1.3em;
	text-align:right;
	color: #a31801;
	text-shadow: 1px 1px 1px #9396BA;
	}
td {
	padding: 4px;
	}

fieldset {
    border: 2px solid silver;
    margin: 10px 0;
    padding: 11px;
    }
    legend {
	background: none repeat scroll 0 0 silver;
	color: #FFFFFF;
	margin-left: 4px;
	padding: 5px 10px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #555;
    }

#title {
    max-width:100%;
    }

#topTools {
	}

#quickLinks {
	clear:both;
	padding: 10px 0 3px 10px;
	font-size: .9em;
	color: #afafaf;
	}
	#quickLinks a {
		}

#topform {
	clear:both;
	}
	#aboutThisSite {
		display: none;
		padding: 15px;
		position: absolute;
		border: gray;
		background: #F4F4F4;
		border-radius: 4px;
		text-align:left;
		z-index: 100;
		border: 1px solid #777;
		box-shadow: 5px 5px 20px gray;
		width: 80%;
		right: 5px;
		top:  -70px;
		}
	#searchtext {
		margin: 10px;
		background: #fff;
		border-radius: 8px;

		}
		#searchtext input {
		font-family: Ubuntu, sans-serif;
		font-style: italic;
		border: 0px;
		margin: 5px;
		width: 75%;
		background: transparent;
		color: #aeaeae;
		}
		#searchtext input:focus {
			font-style: normal;
			letter-spacing: normal;
			color: #333;
			}
		#searchArrow {
			top: 6px;
			left:6px;
			}
#social {
	opacity: .62;
	margin: 15px 0 0 11px;
	z-index: 99;
	max-height: 50px;
	overflow: hidden;
}
#social:hover {
	opacity:  1;
}
#social iframe {
}

.ui-grid {
	display: none !important;
}
.fb-like {
	top: -3px !important;
	margin-right: 20px;
}
#fb-root {
    display: none;
}

#menuwrap {

}

#freeServices {
}
	#freeIcons {
	    margin-left: 4%;
		}
	#freeIcons .iconSet { /*fieldset*/
		}
		#freeIcons legend {
			height:0px;
			width: 0px;
			overflow: hidden;
			}
	#freeIcons a {
		font-size: .9em;
		display: block;
		float:left;
		margin: 1%;
		padding: 4% 0;
		text-align: center;
		width: 29%;
		border: 1px solid #a7a9aa;
		text-decoration: none;
		height: 1.1em;
		background: #cfd4d9;
		line-height: .9em;
		}
		#freeIcons a:hover, #freeIcons a.current {
			color: #000;
			text-decoration: underline;
			}

p.evenMore {
	text-align: center;
	padding-top: 10px;
	clear: both;
	}
	.evenMore a:link, .evenMore a:visited {
		text-decoration:none;
		}
		.evenMore a:hover {
			color: #004773;
			}

#verticalLine {
    display: none;
    }

#contentBox {
	background: #fff;
	padding: 2%;
	margin: 4% 2px;
	}
	#contentBox p {
		overflow:auto;
		padding-bottom: 9px;
		}
		#contentBox p img {
			float:left;
			margin-right: 8px;
			/* border: 1px solid #C7D0D7;
			padding: 2px; */
			box-shadow: 2px 2px 5px gray;
			max-width:50%;

			}

#homeSlider {
	width: 200%;
	}
	#homeSlider .slide {
		width: 46%;
		height: 390px;
		margin-right: 25px;
		float:left;
		background: #fff;
		}
		.slide h2 {
			font-size: 1.5em;
			/* cursor: pointer; */
			}
		#homeSlider .connectNow,
		#homeSlider .serviceDescription,
		#homeSlider .limits,
		#homeSlider .mobileAppAvailable,
		#homeSlider .slide img {
			display: none;
			}
		#homeSlider .learnMore {
			font-weight: bold;
			text-align:right;
			}

.limits {
	background: #D7E9F7;
	color: #666;
	font-size: .9em;
	padding:10px !important;
	top: -30px;
	border-radius: 0 0 5px 5px;
	}

/*#patronlogin input[type="text"], #emailform input[type="text"], #cardsave input[type="text"]{*/
input[type="text"], input[type="email"] {
	padding: 3px;
	font-size: 1em;
	margin: 4px 0 20px;
	width: 90%;
	}
textarea {
	width: 90%;
	margin: 4px 0 20px;
	padding: 3px;
	font-family: ubuntu, sans-serif;
}

#salutation {
	display: none;
}

.required {
/*	color: #A31801; */
	font-weight: bold;
	}
	.required:after {
		content: ' *';
	}

#advancedArticleSearch input[type="text"] {
	width: 100%;
}

#regIdUploadRow {
	display: none;
	background: #FFEDD2;
	padding: 15px;
	border-radius: 5px;
	width: 89%;
	box-shadow: 1px 1px 2px #777 inset;
}

.choicesBlock {
    margin: 8px 12px 20px;
    line-height: 1.8em;
}

#secondRegQuestions {
	display:none;
	}

#cardsave {
	padding:15px;
	background:#ededed;
	border: 1px solid #e0e0e0;
	border-radius:10px
	}

#tools {
    }
    #tools ul {
	margin: 5px 0 0 4%;
    }
	#tools li {
	    list-style-type: none;
	    padding: 0px;
	    }

	#tools li a{
	    text-decoration: none;
	    float: left;
	    background: #cfd4d9;
	    font-size: .9em;
	    float:left;
	    margin: 1%;
	    padding: 4% 0;
	    text-align: center;
	    width: 29%;
	    border: 1px solid #a7a9aa;
	    text-decoration: none;
	    height: 1.1em;
	    line-height: .9em;
		}
	#tools li a img {
	    top: 10px;
	    display: none;
	    margin-right: 10px;
	    }
	#tools li a:hover, #tools .current {
		color: #000;
		text-decoration: underline;
		}

.connectNow:link, .connectNow:visited , button.connectNow {
	display:block;
	clear:both;
	bottom:0px;
	right:0px;
	padding:20px;
	margin: 30px auto;
	background: #C8ED84;
	width:75%;
	height:20px;
	text-align:center;
	border-radius:10px;
	font-weight:bold;
	text-decoration:none;
	color: #000;
	border: 1px solid #B1CC68;
	}
	.connectNow:hover {
		background: #DFFF89;
		text-shadow: 3px 3px 4px #B1CC68;
		}
	button.connectNow {
		padding: 30px;
		line-height:0em;
		cursor:pointer;
		font-size: 1em;
		}
		
.accessMangol:link, .accessMangol:visited , button.accessMangol{
	display:block;
	clear:both;
	bottom:0px;
	right:0px;
	padding:20px;
	margin: 30px auto;
	background: #339933;
	width:75%;
	height:20px;
	text-align:center;
	border-radius:10px;
	font-weight:bold;
	text-decoration:none;
	color: #000;
	border: 1px solid #B1CC68;
	}
	.accessMangol:hover {
		background: #99cc33;
		text-shadow: 3px 3px 4px #B1CC68;
		}
	button.accessMangol {
		padding: 30px;
		line-height:0em;
		cursor:pointer;
		font-size: 1em;
		}
		
	.accessMangoa:link, .accessMangoa:visited , button.accessMangoa{
	display:block;
	clear:both;
	bottom:0px;
	right:0px;
	padding:20px;
	margin: 30px auto;
	background: #ff6600;
	width:75%;
	height:20px;
	text-align:center;
	border-radius:10px;
	font-weight:bold;
	text-decoration:none;
	color: #000;
	border: 1px solid #ff9900;
	}
	.accessMangoa:hover {
		background: #ffcc00;
		text-shadow: 3px 3px 4px #ff9900;
		}
	button.accessMangoa {
		padding: 30px;
		line-height:0em;
		cursor:pointer;
		font-size: 1em;
		}

.accessKanopyl:link, .accessKanopyl:visited , button.accessKanopyl{
	display:block;
	clear:both;
	bottom:0px;
	right:0px;
	padding:20px;
	margin: 30px auto;
	background: #339933;
	width:75%;
	height:20px;
	text-align:center;
	border-radius:10px;
	font-weight:bold;
	text-decoration:none;
	color: #000;
	border: 1px solid #B1CC68;
	}
	.accessKanopyl:hover {
		background: #99cc33;
		text-shadow: 3px 3px 4px #B1CC68;
		}
	button.accessKanopyl {
		padding: 30px;
		line-height:0em;
		cursor:pointer;
		font-size: 1em;
		}
		
	.accessKanopya:link, .accessKanopya:visited , button.accessKanopya{
	display:block;
	clear:both;
	bottom:0px;
	right:0px;
	padding:20px;
	margin: 30px auto;
	background: #ff9900;
	width:75%;
	height:20px;
	text-align:center;
	border-radius:10px;
	font-weight:bold;
	text-decoration:none;
	color: #000;
	border: 1px solid #ff9900;
	}
	.accessKanopya:hover {
		background: #ffcc00;
		text-shadow: 3px 3px 4px #ff9900;
		}
	button.accessKanopya {
		padding: 30px;
		line-height:0em;
		cursor:pointer;
		font-size: 1em;
		}

.serviceDescription {
	padding: 9px 9px 0;
	font-style: italic;
	color: #666;
	border-top: 1px dashed #cfcfcf;
	font-size:.9em;
	}
	.serviceDescription a:link, .serviceDescription a:visited {
		color: gray;
		}

#qpchatwidget {
	height: 400px !important;
	}

/* serials search pages */
.widget-header {
	display: none;
	}
.widget-search {
	background: transparent !important;
	}

.fields td {
	padding: 10px;
	font-size:.9em;
	line-height: 1.5em;
	}
.fields .eg {
	color: gray;
	font-size: .9em;
	font-style: italic;
	}

footer {
	clear:both;
	font-size: .8em;
	color: #414b52;
	text-align:center;
	padding: 0 0 10px;
	}
.tooltip {
    display: none;
    width: 0px;
    overflow: hidden;
}

    #pauseSlideshow {
	display:none;
	background: #EAEEF1;
	padding: 6px;
	width: 125px;
	margin-left: 12%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #333;
	overflow: hidden !important;
	}
	#pauseSlideshow img {
	    box-shadow: none !important;
	    float:none !important;
	    cursor: pointer;
	    opacity: .7;
	    filter: alpha(opacity = 70);
	    }
	    #pauseSlideshow img:hover {
		    opacity: 1;
		    filter: alpha(opacity = 100);
		    }
.mobileAppAvailable {
    background: #D7E9F7;
    padding: 3% 5%;
    border: 1px solid #c1ccd4;
    color: #333;
    font-size: .9em;
    }
    .mobileAppAvailable ul {
	list-style-type: none;
    }
    .mobileAppAvailable li {

    }
    .mobileAppAvailable li a {
	display: block;
	background: #fff;
	padding: 15px 30px;
    }


.mobileHideBlock, .mobileHideInline {
    display: none;
}



/**************TABLET *********************/
@media only screen and (min-width: 500px) { /* orig 480 */
    .mobileHideBlock {
	display: block;
    }
    .mobileHideInline {
	display: inline;
    }
    .mobileShow {
	display: none;
    }
    body {
	background: url('i/bk2.jpg');
	/* * / background: red; /* */
	}
    header {
	background: url('i/bk-top2.jpg') repeat-x;
	}
    h2 {
	font-size: 1.9em;
	2.1em;
    }

    #title {
	}
    #searchtext {
	box-shadow: 3px 3px 2px #B0B0B0 inset;
	height: 50px;
    }
    #searchtext input {
	width: 88%;
	letter-spacing: 1px;
	font-size: 1.1em;
	color: #b9b9b9;
	top: 3px;
	margin: 10px;
    }
    #aboutThisSite {
	width: 400px;
	right: 0;
    }

    #menuwrap {
	float:left;
	width: 33%;
	}
    #freeServices {
	}


	a#f-ebooks {
		background: url('i/icons/ebooks.png') no-repeat transparent;
		}
	a#f-ebooks:hover, #f-ebooks.current {
		background: url('i/icons/onebooks.png') no-repeat;
		}
	a#f-animatedkids {
		background: url('i/icons/animatedkids.png') no-repeat transparent;
		}
	a#f-animatedkids:hover, #f-animatedkids.current {
		background: url('i/icons/onanimatedkids.png') no-repeat;
		}
	a#f-family {
		background: url('i/icons/family.png') no-repeat transparent;
		}
	a#f-family:hover, #f-family.current {
		background: url('i/icons/onfamily.png') no-repeat;
		}
	/*
	a#f-music {
		background: url('i/icons/music.png') no-repeat transparent;
		}
	a#f-music:hover, #f-music.current {
		background: url('i/icons/onmusic.png') no-repeat;
		}
	*/
	a#f-audiobooks {
		background: url('i/icons/audiobooks.png') no-repeat transparent;
		}
	a#f-audiobooks:hover, #f-audiobooks.current {
		background: url('i/icons/onaudiobooks.png') no-repeat;
		}
	
	a#f-languages{
		background: url('i/icons/globe.png') no-repeat transparent;
		}
	a#f-languages:hover, #f-languages.current {
		background: url('i/icons/onlanguages.png') no-repeat;
		}

	/*
	a#f-jobs {
		background: url('i/icons/jobs.png') no-repeat transparent;
		}
	a#f-jobs:hover, #f-jobs.current {
		background: url('i/icons/onjobs.png') no-repeat;
		}
	*/
	a#f-legal-forms {
		background: url('i/icons/legal-forms.png') no-repeat transparent;
		}
	a#f-legal-forms:hover, #f-legal-forms.current {
		background: url('i/icons/onlegal-forms.png') no-repeat;
		}
	a#f-selfepub {
		background: url('i/icons/selfepub.png') no-repeat transparent;
		}
	a#f-selfepub:hover, #f-selfepub.current {
		background: url('i/icons/onselfepub.png') no-repeat;
		}
	a#f-archives {
		background: url('i/icons/archives.png') no-repeat transparent;
		}
	a#f-archives:hover, #f-archives.current {
		background: url('i/icons/onarchives.png') no-repeat;
		}
	a#f-tests {
		background: url('i/icons/tests.png') no-repeat transparent;
		}
	a#f-tests:hover, #f-tests.current {
		background: url('i/icons/ontests.png') no-repeat;
		}
	a#f-cars {
		background: url('i/icons/cars.png') no-repeat transparent;
		}
	a#f-cars:hover,#f-cars.current {
		background: url('i/icons/oncars.png') no-repeat;
		}
	a#f-awards {
		background: url('i/icons/awards.png') no-repeat transparent;
		}
	a#f-awards:hover, #f-awards.current {
		background: url('i/icons/onawards.png') no-repeat;
		}
	a#f-invest {
		background: url('i/icons/invest.png') no-repeat transparent;
		}
	a#f-invest:hover, #f-invest.current {
		background: url('i/icons/oninvest.png') no-repeat;
		}
	a#f-articles {
		background: url('i/icons/articles.png') no-repeat transparent;
		}
	a#f-articles:hover, #f-articles.current {
		background: url('i/icons/onarticles.png') no-repeat;
		}
	a#f-computer-skills {
		background: url('i/icons/computer-skills.png') no-repeat transparent;
		}
	a#f-computer-skills:hover, #f-computer-skills.current {
		background: url('i/icons/oncomputer-skills.png') no-repeat;
		}
	a#f-film {
		background: url('i/icons/film.png') no-repeat transparent;
		}
	a#f-film:hover, #f-film.current {
		background: url('i/icons/onfilm.png') no-repeat;
		}
	a#f-comicsplus {
			background: url('i/icons/comicsplus.png') no-repeat transparent;
			}
	a#f-comicsplus:hover, #f-comicsplus.current {
			background: url('i/icons/oncomicsplus.png') no-repeat;
			}

    #contentBox {
	box-shadow: 4px 4px 3px #B0B0B0 inset;
	width: 57%;
	min-height: 525px;
	border-radius: 10px;
	padding: 20px 20px 5px;
	margin: 5px;
	float:left;
	overflow: auto;
	}
	#freeIcons {
	    margin: 0 auto;
	    text-align: left;
	    padding-left: 15px;
	    overflow:visible;
	}
	#freeIcons a {
	    background-size: 35px;
	    color: #414B52;
	    width: 100%;
	    margin: 0px 4%;
	    padding: 3% 0 0 45px;
	    height: 41px;
	    line-height: 23px;
	    font-size: 1em;
	    border: none;
	    text-align: left;
	    text-shadow: 1px 1px 1px #FFFFFF;
	    }
	    #freeIcons a:hover, #freeIcons a.current {
		background-size: 35px;
	    }

    #tools {
	height: 450px;
	margin-left: 20px;
	}
    #tools ul {
	top: -10px;
	margin: 5px;
    }
    #tools li {
	padding: 0 0 10px;
	white-space: nowrap;

    }
    #tools li a{
	color: #414b52;
	font-size: 1em;
	text-shadow: 1px 1px 1px #fff;
	float: none;
	border: none;
	background: transparent;
	line-height: normal;
	    }
    #tools li a img {
	display: inline;
	}

    p.evenMore {
	border-top: 1px solid gray;
	}
    #homeSlider .slide img {
	display: block;
	}
}
/*************LAPTOP **********************/
@media only screen and (min-width: 1050px) {

    .tabletShow {
	display: none;
    }

    body {
	/* * / background: Green; /* */
    }
    header {
	min-width: 768px;
	height: 140px;
	margin-bottom: 20px;
	text-align: left;
	}
    h2 {
	font-size: 2.1em;
    }

    #quicklinks {
	float:left;
	white-space: nowrap;
	height: 1.9em;
    }
    #topTools {
	width: 45%;
	float:right;
	}
    #searchtext {
	margin: 10px;
    }
    #searchtext input {
    }
    #verticalLine {
	display: block;
	margin: 0 5px 0 10px; /*10*/
	height: 550px;
	width: 0px;
	border-left: #a7a7a7 1px solid;
	border-right: #fff 1px solid;
	float:left;
	}
    #menuwrap {
	float: none;
	width: auto;
    }
     #freeServices {
	float:left;
	width: 30%;
	max-width: 310px;
	}
	#freeIcons legend {
	    height: auto;
	    width: auto;
	    overflow: auto;
	    margin-left: 20px;
	    background: url("i/bk2.jpg");
	    padding: 4px 8px 8px;
	    border: 1px solid silver;
	    border-bottom: 1px solid gray;
	    border-right: 1px solid gray;
	    /* color: #1B2E3A; */
	    color: #000;

	    font-size: 1.1em;
	    text-decoration: none;
	    text-shadow: 1px 1px 1px #FFFFFF;
	    opacity: 0;
	    filter: alpha(opacity = 0);
	    }

    #freeIcons .iconSet { /*fieldset*/
	border-radius: 8px 8px 8px 8px;
	box-shadow: 1px 0 2px #333333 inset, -1px 0 2px #333333 inset;
	border: 1px solid silver;
	padding: 5px 5px 15px;
	background: url('i/transBack2.png');
	}
	#freeIcons .iconSet:first-child {
	    margin-bottom: 13px;
	}
	#freeIcons a {
	    background-size: auto;
	    margin: 13px 4%;
	    width: 67px;
	    line-height: 145px; /*moves text to bottom of ball */
	    text-align: center;
	    padding: 0;
	    height: 67px;
	    font-size:.8em;
	    text-shadow: none;
	    color: #626262;
	}
	    #freeIcons a:hover, #freeIcons a.current {
		background-size: auto;
	    }

    #contentBox {
	width: 385px;
	margin: 0 20px 20px 10px;
	}
    h1.pageTemplate {
	margin-bottom:15px;
	font-size:2.4em;
    }
    #tools {
	float:right;
	width: 24%;
	margin-left: 0px;
    }
    #tools ul {
	top: auto;
    }
    #tools li {
	margin-bottom: 20px;
	padding: 5px 0;
	}
	#tools li a {
	    font-size: 1.3em;
	}
	#tools li a:hover {
	    text-decoration: none;
	}

       p.evenMore {
	padding-top: 30px;
	margin-top:40px;
	}

    .connectNow:link, .connectNow:visited  {
	width:45%;
	}

    .tooltip {
	background: #EAFFD2;
	border: 2px solid #fff;
	border-radius: 5px;
	padding:0 10px;
	z-index: 100;
	width: 200px;
	box-shadow: 3px 3px 8px rgba(0,0,0,.8);
	font-size:.9em;
	overflow: visible;
	}
    .tooltipArrow {
	width: 30px;
	height: 37px;
	background: url('i/tooltipArrow.png') no-repeat;
	position: absolute;
	left: -30px;
	top: 10px;
	}

}
/*************FULL SCREEN ******************/
@media only screen and (min-width: 1200px) {
    body {
	/* * / background: yellow; /* */
    }
    header {
	min-width: 1010px;
	}
    #tools {
	width: 30%;
    }
    #contentBox {
	width: 36%;
    }


}

.message {
	margin: 1em;
	padding: .8em;
	font-size: 1.1em;
	border: 1px solid hsl(43, 100%, 68%);
	background: hsl(43, 100%, 88%);
}
.message-notification {
	padding-left: 64px;
	background-image: url('i/icons/warning.svg');
	background-position: 16px 16px;
	background-repeat: no-repeat;
	background-size: 32px;
}