/* Styling for page background */

  body {
    background-color: #666;
    
    
  }   

/* Styling for Main Body */

   .mainbody  {
     
     width: 80%;
     height: 380px;
     margin-top: 30px;
     margin-bottom: 0px;
     
     padding: 5%;
     overflow: auto;
     margin-right: auto;
     margin-left: auto;
     
     border: 0.5px dotted #ddd;
     background-color: #fff;
     color: #333;
     font-size: 22px;
     font-family: sans-serif;
     cursor: crosshair;
    
    }
    
/* new round nav arrows */

.navtable {
	margin-left: 5px;

	min-width:150px;
	width: 150px;
	padding: 0px;
	margin-top: 0px;

}

.navigation {
   background-color: #666;
   width: 50%;	
   padding: 0px;
	
	margin-left: auto;
	margin-right: auto;
	
}

/* Styling for Navigation Arrows */
  
  
    
    .navarrowright, .navarrowleft {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0px;
      float: center;
      border: none;  
       
    }
    
    .navarrows {
    	padding: 0px;
    	text-align: center;
    	background-color: #fbfbfb; 
    }
    
    .navarrows td {
    	padding: 0px;
    	background-color: #fbfbfb; 
    	border: none;
    }
    
    .navarrows img {
    	float: center;
    }
      

/* basic revision info */

.info {
	text-align: center;
	font-size: 30px;
	color: #222;
	cursor: url(info.gif), auto;
	}
strong {
	font-size: 40px;
	font-weight: bold;
	color: #000;
}

/* Basic tooltip box styling */

  span.added span {   /* By default, display is set to 'none' */
  display: none; 
  }
  span.deleted span {   /* By default, display is set to 'none' */
  display: none; 
  }
  span.same span {   /* By default, display is set to 'none' */
  display: none; 
  }

  span.info span {
  	display: none;
  	}
  	
  span:hover span {     /* When its associated span is hovered over, it displays as per rules below */
  	 display: block; /* as opposed to inline - creates line breaks */
    
    z-index: 100;
    padding: 30px;
    font-size: 35px;
    font-family: serif;
          
    background: #f0f0f0; 
    border: 4px dotted #a0a0a0;
    opacity: 0.9;
    
   }

/* revision info tooltip styling */
  	
    span.info:hover span.infobox {
    	position: absolute;
      bottom: 240px;    	
    
      opacity: 1;
      width: 30%;
    	float: left;
    	margin-top: 30px;
    	margin-left: 30px;
    	border: 1px solid #EFEFEF;
    	background-color: #fbfbfb; 
    	padding: 0px;
    }
    	span.info:hover span.infobox table {
    	
    	
    	padding: 10px;
    	border: 1px solid #ddd;
    	float: left;
     
      margin-left: auto;
      margin-right: auto;
      min-width: 100%;
    }    
    
    span.info:hover span.infobox th {
      	
    	text-align: left;
    	background-color: #F8F8F8;
    	border: 0.7px solid #f8e8f8;
    	color: #d9376F;
    	padding: 3px;
    	font-size: 35px;
    	font-family: Georgia,'Times New Roman',Times,serif;
    	
    }
    
    span.info:hover span.infobox td {
    	color: #000;
    	background-color: #fff;
    	font-size: 30px;
    	font-family: serif;
    	padding: 6px;
    }
    
/* Styling for DELETED text */
        
    
     span.deleted {color:#000;font-size:0px;}
  
    .deleted:after {
     	visibility:visible;
     	font-size: 18px;
      content:"_";
      display:inline;
      }
  
      span.deleted:hover
      {font-size:30px;visibility:visible;color:#888; font-family: serif;}


  
    
  
    span.deleted:hover span.deletedbox {
      position: absolute;
      margin-left: 50px;
      margin-top: 50px;    	
      
    	
      background: #c55; 
      border: 1px dotted #555;
      opacity: 0.9;
      color: #000;
      text-decoration: none;
    }
    
    
   
     
    
/* Styling for ADDED text */

    .added {
    	color: #000;
    	text-decoration: none;
    }
    
    span.added:hover {
    	font-size: 30px;
    	font-weight: bold;
    	font-family: serif;
    	color: #d9376F;
    }
    
      span.added:hover span.addedbox {
      position: absolute;
      margin-left: 600px; margin-top: -200px;	
    	
      background: #fff0f0; 
      border: 1px dotted #a0a0a0;
      opacity: 0.9;
      color: #d9376F;
    }
    

/* Styling for KEPT text */

   .same {
   	color: #000;
   	text-decoration: none;
   }
   
   span.same:hover {
   	font-size: 30px;
   	font-family: serif;
   	background-color: #caa;
   	color: #fff;
   	display: inline;
   	
   }
   
   span.same:hover span.samebox {
      position: absolute;;
      /* left: 240px; top: 25px;   	*/
 margin-left: 600px;
      margin-top: 30px; 
      background: #edd; 
      border: 1px dotted #a0a0a0;
      opacity: 0.9;
      color: #606060;
    }
   
   
  
  

/*
    a:hover span.same {
      background-color: f0f0f0;
      border: 1px dotted #c0c0c0;
      opacity: 0.8;
    }

*/