﻿/* reset */
    html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

    /* htmlviewer */
    html, body { height: 100%; width: 100%; }
    body { background-color: Gray; }

    
    #htmlviewer
    {
        background-color: white;
        height: 100%;
        
    }
    
    #bookContainer
    {
        width: 90%;
        height: 100%;
        white-space:nowrap !important;
        margin: 0 auto;
        position: relative;
    }
    #leftPageContainer
    {
        
        width: 50%;
        height: 100%;
        float: left;
    }
    #leftNavigate
    {
        background-color: grey;
        height: 100%;
        float: right;
        cursor: pointer;
        text-align:center;
        vertical-align:middle;
    }
    #rightPageContainer
    {
        
        width: 50%;
        height: 100%;
        float: right;
    }
    #rightNavigate
    {
        background-color: grey;
        height: 100%;
        float: left;
        cursor: pointer;
        text-align:center;
        vertical-align:middle;
    }
    #menu 
    {
        height: 20px; 
        width: 100%; 
        background-color: #eee;
        margin: 0 auto;
        border-bottom: 1px solid #000;
    }
    .leftPage
    {
        float: right;
        cursor: crosshair;
    }
    .rightPage
    {
        float: left;
        cursor:crosshair;
    }
	#zoomWindow 
	{
		display: none;
	}
