#sb-site, .sb-site-container, .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.digital_sidebar_menu{
	padding:0;
	margin:0
}
.digital_sidebar_menu li {
  border-bottom: 1px dotted #aaa;
  list-style: outside none none;
}
.digital_sidebar_menu li:last-child {
  border-bottom: 1px solid #ddd;
}
.digital_sidebar_menu li a {
  border-left: 1px dotted;
  color: #006ca0;
  display: block;
  margin-left: 15px;
  padding: 5px;
  font-size: 16px;
}
.digital_sidebar_menu li a:hover {
  color:#000;
}
.digital_book_active{
  color:#000 !important;	
}
.digital_sidebar_menu li a h4 {
  font-size: 17px;
  font-weight: normal;
  margin: 0;
}
.digital_sidebar_menu li a p {
  margin: 0;
}
.accordion_main_menu {
  color: #006CA0;
  font-size: 18px;
}
.accordion_main_menu.accordion-open {
  background:#ddd;
}
.digital_book_title {
  border-bottom: 1px solid #ddd;
  color: darkslategrey;
  padding: 10px;
  margin: 0;
}
.digital_book_title span{
	float:right;
	color:#C10505;
}
.digital_book_title span:hover{
	color:#f00;
}

#sb-site, .sb-site-container {
	padding: 14px;
}

.sb-slidebar {
	padding: 14px;
	color: #fff;
}

html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

/* Fixed position examples */
#sb-site.top-padding {
	min-height:400px!important;
}

#fixed-top {
	width: 100%;
	z-index: 4;
	margin-top: 0px;
}

#fixed-top span.sb-toggle-left {
  border: 1px solid;
  color: #006195;
  display: block;
  font-size: 18px;
  left: 25px;
  padding: 10px;
  position: absolute;
  top: 52px;
}
#fixed-top span.sb-toggle-left:hover{
	border-color:#green;
	color:green;
}
/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden;
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 1; /* Site sits above Slidebars */
	background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
	content: ' ';
	display: table;
}

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
    clear: both;
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 888; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */
}

.sb-slidebar, .sb-slidebar * {
	-webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
  background: #f5f5f5 none repeat scroll 0 0;
  display: block;
  padding: 0;
  border-right:1px solid #ccc;
  padding-top:75px;
}

.sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 20%;
		
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}


/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transform: translate( 0px );
	   -moz-transform: translate( 0px );
	     -o-transform: translate( 0px );
	        transform: translate( 0px );
	
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition:    -moz-transform 400ms ease;
	     -o-transition:      -o-transform 400ms ease;
	        transition:         transform 400ms ease;
	
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}
.sb-toggle-left.mobile_navbar {
  border: 1px solid;
  color: #006195;
  display: block;
  font-size: 18px;
  padding: 10px;
  width:170px;
  margin:5px auto 0;
}
.header_digital_book h3{
	margin:5px 0;
}
@media only screen and (min-width: 479px) and (max-width: 1000px) {
	.sb-slidebar {
	  width: 25%;
	  top: 72px;
	  height: auto;
	  position: absolute;
	}
	.sb-slidebar.sb-active {
	  padding-top:0px;
	}
	#fixed-top {
	  margin-top: 0px;
	}
	#fixed-top span.sb-toggle-left {
	  background: green none repeat scroll 0 0;
	  border: 1px solid;
	  color: #006195;
	  display: block;
	  font-size: 18px;
	  left: 15px;
	  padding: 10px;
	  position: absolute;
	  top: 5px;
	  color: #fff;
	}
	#fixed-top span.sb-toggle-left:hover{
		color:#fff;
	}
}
@media only screen and (min-width: 479px) and (max-width: 768px) {
	.sb-slidebar {
	  width: 38%;
	}
}
@media only screen and (max-width: 480px) {
	.sb-slidebar {
	  width: 60%;
	  top: 80px;
	  height: auto;
	  position: absolute;
	}
	.sb-slidebar.sb-active {
	  padding-top:0px;
	}
	#fixed-top {
	  margin-top: 40px !important;
	}
}