.imageblock
    {
     position: relative;
     height: auto;
     padding: 0px;
     font-size: 0px;
     margin-top: 1px;
     z-index: 10;
     line-height: 0px;
    } 
    
   .imageblock.ui-draggable img:not([alt]), .imageblock.ui-draggable img[alt='']
    {
      outline: solid 2px orange;
      outline-offset: -2px;
    }

    .imageblock img.borderedimage
     {
      border: solid 1px black;
      box-sizing: border-box;
     }
     
   .imageblockright
     {
      float: right;
      clear: right;
      margin-left: 5px;
     }  
    
    .imagetopright
     {
      float: right;
      clear: right;
      height: 0px;
      width: 1px;
      /*background-color: red;*/
     } 
   
   .imageblockleft
     {
      float: left;
      clear: left;
      margin-right: 5px;
     }  
    
    .imagetopleft, .imagetopcenter
     {
      float: left;
      clear: left;
      height: 0px;
      width: 1px;
      /*background-color: red;*/
      /*border: solid 1px red;*/
     }
    
    .imageblockcenter
     {
      float: left;
      width: 100%;
      text-align: center;
      clear: both;
     } 
     
    .imagecontainer
     {
      position: relative;
      display: inline-block;
      margin: 0px;
      padding: 0px;
      padding-bottom: 3px;
     }
      
    .imagecaption
     {
      font-size: 8pt;
      line-height: normal;
     }
     
    #mastertoolbar, #edittoolbar, #controltoolbar, #imagetoolbar, #pagetoolbar 
     {
      position: relative;
      /*overflow: hidden;*/
     } 
 
    /*This is the image, page and control tool bars in the page editor menu*/
    #mastertoolbar, .toolbar
     {
       float: left;
     }
     
    #mastertoolbar
     {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      z-index: 1000;
      background-color: #cccccc;
      
     }  
    
    .menuspacer
     {
      margin: 5px;
      height: 30px;
      width: 2px;
      bottom: 5px;
      float: left;
      background: #888888;
     }
     
    
    
    #edittoolbar
     {
      margin: 2px;
      margin-left: 20px;
      background: #aaaaaa;
      border: solid 1px #888888;
      border-radius: 5px;
      padding: 3px;
     } 
    
    .toolbarbutton
     {
      display: inline-block;
      height: 20px;
      width: 20px;
      background-size: contain;
      background-repeat: no-repeat;
      background-color: rgba(200,200,200,50);
      border: solid 1px #444444;
      box-sizing: border-box;
     }
    
    .toolbarbuttonspacer
     {
      display: inline-block;
      height: 1px;
      width: 3px;
     }
     
     #addpagebutton
      {
       background-image: url("icons/addpage.svg");
      }
     
     #removepagebutton
      {
       background-image: url("icons/removepage.svg");
      }
      
     #pagepropertiesbutton
      {
       background-image: url("icons/properties.svg");
      }
     
     #pagepublishbutton.publish
      {
       background-image: url("icons/publish.svg");
      }
     
     #pagepublishbutton.unpublish, .deletepagewarning .unpublish
      {
       background-image: url("icons/unpublish.svg");
      }
     
     #pagebannerbutton
      {
       background-image: url("icons/setbanner.svg");
      }
     
     #menucoloursbutton
      {
       background-image: url("icons/menucolours.svg");
      }
     
     #menuorderbutton
      {
       background-image: url("icons/menuorder.svg");
      }   
    
     #backupbutton
      {
       background-image: url("icons/backup.svg");
      }
     
     #usersbutton
      {
       background-image: url("icons/user.svg");
      }
       
     #padmebutton
      {
       background-image: url("icons/padmelogo.png");
      }
      
    #mapbutton, #librarybutton, #florabutton, #checklistbutton
      {
       background-image: url("icons/edithelp.svg");
      }
      
    .showheadingbutton
      {
       background-image: url("icons/showsectionheading.svg");
      }
    
    .hideheadingbutton
      {
       background-image: url("icons/hidesectionheading.svg");
      } 
        
    .insertaftersectionbutton
      {
       background-image: url("icons/insertsectionafter.svg");
      }
     
    .insertbeforesectionbutton
      {
       background-image: url("icons/insertsectionbefore.svg");
      }
     
     .deletesectionbutton
      {
       background-image: url("icons/deletesection.svg");
      } 
      
    .imagetoolbar
     {
      display: inline-block;
     }
     
    .imagecontainer .imagetoolbar
     {
      display: none;
      position: absolute;
      z-index: 2; 
      width: 100%;
     }
    
    .imagecontainer .imagetoolbar.bottom
     {
      bottom: 0px;
     } 
     
     
    .imagetoolbar-button
     {
      float: left;
      height: 20px;
      width: 20px;
      background-size: contain;
      background-repeat: no-repeat;
      background-color: rgba(200,200,200,50);
      border: solid 1px #444444;
      box-sizing: border-box;
     }
     
    #imagetoolbar .imagetoolbar-button
     {
      float: none;
      display: inline-block;
     }
      
    .imagetoolbar.top .imagetoolbar-button
     {
      width: 33%;
     }
     
    .imagetoolbar-button.left
     {
      background-image: url("icons/imageleft.svg");
      background-position: left;
     } 
     
    .imagetoolbar-button.center
     {
      background-image: url("icons/imagecenter.svg");
      background-position: center;
     } 
    
    .imagetoolbar-button.right
     {
      background-image: url("icons/imageright.svg");
      background-position: right;
     } 
    
    .imagetoolbar-button.delete
     {
      background-image: url("icons/trash.svg");
     }
     
    .imagetoolbar-button.reframe
     {
      background-image: url("icons/reframe.svg");
     }
    
    .imagetoolbar-button.caption
     {
      background-image: url("icons/caption.svg");
     } 
    
    .imagetoolbar-button.borders
     {
      background-image: url("icons/toggleborder.svg");
     }
    
    .imagetoolbar-button.link
     {
      background-image: url("icons/link.svg");
     }
    
    .notpublishedwarning
     {
      float: right;
      color: red;
      font-size: 14pt;
      margin-right: 20px;
      margin-top: 10px;
     }
    
     
    #kcfinder
     {
      position: relative;
      width: 800px;
      height: 600px;
      background: #e0dfde;
      border: 2px solid #3687e2;
      border-radius: 6px;
      padding: 1px;
      z-index: 1001; /*Makes it above the resize handles*/
     }
    
     
    .dialog-noclose .ui-dialog-titlebar-close
     {
      display: none;
     }   
     
    .deletepagewarningcontainer
     {
      border: solid 1px #D40000;
      padding: 5px;
      border-radius: 5px;
      margin-bottom: 10px;
     } 
    
    .deletepagewarningheader, .deletepagewarning
     {
      color: #D40000;
     }
      
    .deletepagewarningheader
     {
      font-size: 2em;
      text-align: center;
      text-transform: capitalize;
     }
     
    .imagedrophover
     {
      box-shadow: inset 0px 0px 10px #cccccc; 
     }
     
   #mastertoolbar input[type=button], input[type=submit], .mycms-styledbutton
    {
     margin: 2px;
     border: 2px solid #bbbbbb;
     border-radius: 5px;
     font-family: DejaVu;
     padding-top: 2px;
     background: #eeeeee url(backgrounds/ui-bg_highlight-soft.png) repeat-x;
     background-size: contain;
    }
    
   .sectionheading
    {
     background-repeat: no-repeat;
     font-weight: bold;
     /*font-size: 1.5em;*/
     color: #5b6e85;
    }
   
   .textblock
    {
     background-repeat: no-repeat;
    }
      
   .section
    {
     position: relative;
     margin-bottom: 30px;
    }
     
   .sectionmenu
    {
     position: absolute;
     left: 0px;
     background: #cccccc;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     padding-left: 5px;
     padding-right: 5px; 
     padding-top: 3px;
     padding-bottom: 3px;
     border: 1px solid #888888; 
     z-index: 2;
    }
   
   .sectionmenu div
    {
     display: inline-block;
     margin-right: 5px;
    }  

  @media (max-width:75rem)
  {
    .imageblockright,.imageblockleft,.imageblockcenter
      {
        float: left;
        width: 100%;
        text-align: center;
        clear: both;
      } 
  }