/* Reset default browser CSS. Based on work by Eric Meyer: 
 * http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;} :focus {outline:0;}body {background: #fff;line-height: 1;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {font-weight: normal;text-align: left;}blockquote:before, blockquote:after, q:before, q:after {content: "";}blockquote, q {quotes: "" "";}a img {border: 0;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} a{text-decoration: none;}

/* i-Blio digital magazine design */

body {
	font-family : arial, sans, sans-serif ;
	padding : 0px ;
	margin : 0px ;
/*	background-image : url("../img/library.jpg") ;*/
	background-color : #222 ;
}

.config {
	display : none ;
}

#topbar {
	height : 50px ;
}

#content {
	position : relative ;
	margin : auto ;
	overflow : hidden ;
}

#browseleft {
	position : absolute ;
	top : 50% ;
	margin-top : -25px ;
	cursor : pointer ;
	display : none ;
}

#browseright {
	position : absolute ;
	top : 50% ;
	margin-top : -25px ;
	cursor : pointer ;
	display : none ;
}

#bottombar {
	color : gray ;
	font-size : 12px ;
	height : 50px ;
	text-align : center ;
}

#current {
	padding-top : 16px ;
	padding-bottom : 0px ;
}

#current input {
	background-color : #8e8e8e ;
	border : 1px solid black ;
	color : #e0e0e0 ;
}

#flipbook {
	left : 50px ;
}

#flipbook .page {
	background-color : white ;
}

.scale-me {
	display : none ;
	position : absolute ;
}

.slider .scale-me {
	position : relative ;
}

.under-the-hood {
	display : none ;
}

#other-pages {
	display : none ;
}

.scroll-pane {
	width : 100% ;
	overflow : auto ;
}

.slider {
	display : none ;
	overflow : hidden ;
}

.master {
	display : none ;
}

.click-area a {
	background-image : url("../img/ca.png") ;
	width : 100% ;
	height : 100% ;
	display : block ;
}

.flex-direction-nav .flex-prev {
	left : 10px ;
}

.flex-direction-nav .flex-next {
	right : 10px ;
}

.flex-direction-nav a {
	opacity : 1 ;
}

.flex-direction-nav a:before {
	color : white ;
	text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.3) ;
}