@CHARSET "UTF-8";
/* this makes the nav bar a bit higher than default */
.myNavBar .ui-btn .ui-btn-inner { padding-top: 32px !important; }

/* and this makes the space for the icons a bit bigger */
.myNavBar .ui-btn .ui-icon { width: 32px!important; height: 32px!important; margin-left: -16px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; 
margin-top:-5px;
}

/* this inserts the actual custom icon, adjust size to taste */
#nav_chapter .ui-icon {
	background: url(../icons/icon-chapters.svg) 50% 50% no-repeat;
	background-size:32px 32px;
}
#nav_thumbnails .ui-icon {
	background: url(../icons/icon-thumbnails.svg) 50% 50% no-repeat;
	background-size:32px 32px;
}
#nav_links .ui-icon {
	background: url(../icons/icon-links.svg) 50% 50% no-repeat;
	background-size:32px 32px;
}
#nav_search .ui-icon {
	background: url(../icons/icon-search.svg) 50% 50% no-repeat;
	background-size:32px 32px;
}

#nav_metadata .ui-icon {
    background: url(../icons/icon-info.svg) 50% 50% no-repeat;
    background-size: 32px 32px;
}

#thumbnailList .ui-li {
    height : 125px;
}

.ui-li-thumb, .ui-li-icon {
    left: 1px;
    max-height: 120px; 
    max-width: 160px;
    position: absolute;
    top: 0;
}
#thumbnailList .ui-btn-inner {
    text-align: center;
   }