.pageholder {

  position: relative;
  
  margin: auto;

  width:  0px;
  height: 0px;

  background-color: #FFF;
  
  border:1px solid #666;
  border-right: 3px solid #666;
  border-bottom: 3px solid #666;
  
}

#pagediv {

  position: relative;
  
  width: 0px;
  height: 100%;
  
  margin: auto;
  
  z-index: 1001;
 
  left: 2px;
 
  border: 0px; 
  border-left: 1px #00E6E6 dotted;
  
  
}

.pages {

  position: absolute;
  top: 0px;
  left: 0px;

  background-color: #FFF;

  background-repeat: no-repeat;
  background-position: left top;
}

.frames {

  position: absolute;
    
  border: 1px #00E6E6 dotted;  
}

.over_frame {

  border: 2px solid red;
}

.frame_loader {

  position:absolute; 
  
  text-align:center; 
  z-index: 99999; 
  
  background-color: #FFF; 
  
  width: 100%; 
}
.frame_loader img {

  position:relative;   
  top: 43%;

}

#navbar {

  position: relative;
  width: 380px;
        
  margin: auto;  
  margin-top: 10px;


}


#navbar div {
  
  float:left;
  
  margin-left: 15px;
  
  cursor: pointer;
}

#pageindicator {

  width: 200px;
          
  padding: 2px;
 
  text-align: center;  
  
 /* border: 1px solid #E4EFF5;
   background-color: #BABEC1; */
  
  color: #919191;
  
  font-family: arial, verdana;
  font-size: 14px;
  font-weight: bold;  
}