html, body, form
        {
            padding:0;margin: 0;width:100%;height:100%;
        }
        /* reset the default user agent stylesheet for p */
        p
        {
            -webkit-margin-before: 0;
            -webkit-margin-after: 0;
            -webkit-margin-start: 0;
            -webkit-margin-end: 0;
        }
        /*changes position and height to fixed if on iOS7 iPad. This is necessary because in iOS7, window.innerHeight is 672 
        and window.outerHeight is 692, causing the toolbar to sit lower and the page to be 20 pixels taller than it should be.*/
        @media (orientation:landscape) {
        html.ipad.ios7 > body {
            position: fixed;
            bottom: 0;
            width:100%;
            height: 672px !important;
            }
        }
        /*form
        {
            margin: 0;
        }*/
        #zoom-viewport
        {
            position:absolute;
            top:100px;
            left:100px;
        }
        #book
        {
            margin:0px auto;
            
        }
        #book .turn-page
        {
            background-color: #ccc;
            background-size: 100% 100%;
        }
        #bookBtn
        {
            height:35px;
            position:absolute;
            top:20px;
            left:20px;
            z-index:2;
            opacity:0.50;
            display:none;
        }
        #backgroundLayer
		{
			width:100%;height:100%;
			padding:0px;margin:0px;
			background: -webkit-gradient(
				linear,
				left top,
				right bottom,
				color-stop(0, #FFFFFF),
				color-stop(0.7, <%= BackgroundColor %>)
			);
			background-image: -ms-linear-gradient(
			    left top,
				#FFFFFF,
				<%= BackgroundColor %> 70%
			
			);
			
			background: -moz-linear-gradient(
			    to bottom right,
				#FFFFFF,
				<%= BackgroundColor %> 70%
			
			);
			
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='<%= BackgroundColor %>')";
			
			overflow:hidden;
		}
		img.bgImage
		{
		    position:absolute;
			width:100%;
			height:100%;
			padding:0px;
			margin:0px;
			overflow:hidden;
        }
		.page-content
		{
			background-color:#fefefe;
			width:100%;
			height:100%;
		}
		#toolbar 
		{
		    height:40px;
		    max-height:80px;
		}
		#toolbar *
		{
		    font-family:Arial;
		    font-size:11px;
		}
		#toolbar a
		{
		    text-decoration:underline;
		    color:#fff;
		}
		#toolbar a img 
		{
		    border:0;
		}
		#toolbar div.control-box, #toolbar div.control-box2
		{
		    display:inline-block;
		    height:31px;
		    max-height:80px;
		    vertical-align:top;
		    margin-top:8px;
		}
		#toolbar div.control-box2
		{
		    height:27px;
		    margin-top:12px;
		    text-align:right;
		    padding:0;
		}
		#toolbar .button:hover
		{
		    cursor:pointer;
		}
		@font-face {
			font-family: DIN-Regular;
			src: url(Resources/Fonts/DINRg.ttf);
		}
		/*stops flickering in IE10*/
		html, #bookBtn, #bookBtnDiv {
		  filter: expression(document.execCommand("BackgroundImageCache", false, true));
		}
		#book
		{
		    z-index: 1;
		}
		
		a:link, a:visited
        {
            color: inherit;   
        }

        div.cover
        {
            margin-right: auto !important;
            margin-left:  auto !important;  
        }
        div.backcover
        {
             margin-right: auto !important;
             margin-left:  auto !important;    
        }