.context-cost-of-justice #panels{
      width: 920px;
      margin-bottom: 20px;
}

.context-cost-of-justice .panel{
      padding: 10px;
}

.context-updates p, 
.context-newsletter p {
  text-align: justify;
}

/*.context-supporters .zone-content, .context-attributions .zone-content, .context-contact-us .zone-content, .context-sitemap .zone-content {
  margin-top: -60px !important;
  }*/

#zone-content {
  margin-top: -50px;
  margin-top: -40px\9 !important;
  }

.page-home #zone-content, .page-confirm-subscribe #zone-content {
  margin-top: -30px !important;
  margin-top: -20px\9 !important;
}

.node-type-clearinghouse #zone-content .panels-flexible-column-first {
   display: block;
   }
   
.node-type-clearinghouse #zone-content .panels-flexible-column-last{
   width: 60%;
   }
   
/******************************************************/
/* HEADER */

.logo img {
  width: auto;
  height: auto;
}

/*top text*/
    .upper-header{
      display: block;
      font-size: 8pt;
      color: #999999;
      padding-top: 30px;
      }

 /*Search bar*/
    #basicsearch {
      width: 135px;
      margin-left: 0px;
      }
    /* actual bar */
    #basicsearch .form-text {
      width: 100px;
    }

    #basicsearch #search-block-form .form-submit {
      width: 20px;
      }
      
      
  /*Newsletter button*/
    #newsletterbtn {
      font-size: 8pt;
      margin: 10px 0px 10px 0px;
      letter-spacing: 0.01em;
    }

  /*Social Network Boxes*/
    .social_network_boxes {
      display: block;
      margin-right: 30px;
      }
      
    #twitter-box-icon {
      background-color: #999999;
      width: 25px;
      height: 25px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin-left: 5px;
      float: right;
      }
      
     #linkedin-box-icon {
      background-color: #007BB5;
      width: 25px;
      height: 25px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      float: right;
      }

      #linkedin-box-icon:hover {
      cursor: pointer;
      box-shadow: 2px 2px 10px #00578C inset;
      -moz-box-shadow: 2px 2px 10px #00578C inset;
      -webkit-box-shadow: 2px 2px 10px #00578C inset;
      zoom: 1\9;
      filter: progid:DXImageTransform.Microsoft.Shadow(color='#00578C', Direction=135, Strength=3)\9;
      }

    #twitter-box-icon:hover {
      cursor: pointer;
      box-shadow: 2px 2px 10px #666666 inset;
      -moz-box-shadow: 2px 2px 10px #666666 inset;
      -webkit-box-shadow: 2px 2px 10px #666666 inset;
      zoom: 1\9;
      filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3)\9;
      }
      
    #facebook-box-icon {
      float: right;
      margin-left: 5px;
      opacity: 0.8;
      filter: alpha(opacity = 80)/9;
    }
    
    #facebook-box-icon:hover {
      cursor: pointer;
      filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3)\9;
      opacity: 1;
      filter: alpha(opacity = 100)/9;
    }
    
/******************************************************/
/* MENU */
.qtip {
  visibility: visible;
  }

  /*Main MENU*/
  .block-system-main-menu {
    text-transform: uppercase;
    padding: 5px 0px 5px 0px;
    color: #808080;
    font-size: 0.88em;
    font-family: 'Gotham A', 'Gotham B', gotham, Verdana;
    font-weight: 500;
    display: inline !important;
    }
    
  .block-system-main-menu .leaf {
    line-height: 16px !important; 
    }
  
  .block-system-main-menu .menu li a{
    text-decoration: none !important;
    padding-left: 8% !important;
    padding-right: 8% !important;
    padding-bottom: 17px !important;
    margin-right: -12px !important;
    color: #808080;
    background: none;
    background-color: #B3B3B3;
    background-image: url('../../../../../sites/default/files/misc/menubars.png') !important;
    background-repeat: repeat-x;
    background-position: 0px 0px;
    text-align: center;
    white-space: nowrap;
    display: inline;
    }
    
    .block-system-main-menu li.resources a, .block-system-main-menu li.inventory-of-reforms a, .block-system-main-menu li.events a, .block-system-main-menu li.newsroom a{
    margin-right: -12px !important;
    }

  .block-system-main-menu li a:hover {
    color:#005CAB !important;
    background-color: #9E9E9E !important;
    }
  
  .block-system-main-menu li a.active {
    color:#000000 !important;
    background-color: #005CAB !important;
    }
  
  /* Submenus
    .perm-sm = static menus that appear on their respective pages
    .submenus, .qtip = menus that appear on hover
  */
  .perm-sm {
    margin-top: 0px !important;
    }
    
  .qtip {
    width: 100% !important;
    background-color: #ffffff !important;
    border: 2px solid #999999 !important;
    margin-top: 0px !important;
    margin-top: 0px\9 !important;
    }
    
  /* for the blank submenus, like Home */
  .qtip-cream {
    border: 2px solid #ffffff !important;
    }
  
  .qtip-cream .qtip-content {
    background-color: #ffffff !important;
    }

/******************************************************/  
/* HOME PAGE */
 
  /* Boxes/Bars/Panes */
      .homepanes {
      padding: 79px 0px 0px 0px;
      height: 79px;
      background-position: 0px -2px;
      background-size: auto;
      }
      
      
    .news_events .pane-content {
      margin-top: -15px;
    }

/******************************************************/  
/* FOOTER */
  #block-panels-mini-footer {
    margin-top: 100px;
  }
 
/******************************************************/    
/* BUTTONS */
/* Read More button */
  .node-readmore a {
    font-weight: normal;
    font-size: 9pt;
    }
  
  .node-readmore {
    padding: 6pt !important;
    }
  
  
/******************************************************/  
/* HEAD - IMAGE - TEXT - LIST COLUMNS */
  /* lists - two columns */
    /*align text left*/
    .field-name-field-list-columns p {
      text-align: left;
      }
    
    /* For each column */
    .field-name-field-list-columns .field-item {
      width: 45%;
      float: left;
      margin-top: 15px;
      }
    
    /* For the columns on the left (even) */
    .field-name-field-list-columns .field-item.even {
      margin-right: 5%;
      clear: left;
      }
      
    .node-type-head-images-text .title {
      display: none;
    }
  
    .node-type-head-images-text .node-type-head-images-text-images {
      margin-top: 0px !important;
    }
    
    .node-type-head-images-text .node-type-head-images-text-images img {
      width: 268px;
      height: 268px;
      float: left;
      border: 15px solid #ffffff;
      }
    
    .node-type-head-images-text .node-type-head-images-text-images .field-items .field-item {
       width: 300px;
       height: 300px;
       border: 1px solid #c9c9c9;
       float: left;
       margin-bottom: 25px;
      }
    
    .node-type-head-images-text .node-type-head-images-text-images .field-items .field-item.odd {
      margin-right: 15px;
      margin-left: 15px;
      }
      
    .node-type-head-images-text .panel-pane {
      clear: both;
      }
  
     .field-name-field-head .blueboxborder {
      margin-bottom: 0px;
      }
      
      #first_under_heading {
        margin-top: -15px !important;
        }
        
/******************************************************/  
/* IMAGE GALLERY - attributions page */
.context-attributions .field-name-field-thumbs-gall a img {
  width: 60px;
  height: auto;
  }
  
[title="Government of Ontario"] {
  clear: left;
}
  
/******************************************************/  

.view-empty {
  padding-top: 30px;
  }
  
.view-content {
  margin-top: 30px !important;
  }

.alpha-resize-indicator {
  display: none;
  }

#zone-menu {
  padding-bottom: 20px;
  }

#zone-branding {
  height: 90px !important;
  }
  
  blockquote {
  padding: 10px 50px 10px 50px;
  background-color: #efefef;
  }

/******************************************************/  
/* PROJECTS */
.bluebox {
  padding-right: 30%;
  }
  
.context-projects .bluebox,
.context-past-projects .bluebox {
  padding-right: 70%;
  }

.page-action-committee .bluebox {
  padding-right: 50%;
}

 fieldset.collapsible {
  margin-bottom: 20px !important;
}

 
    
/******************************************************/
/* PUBLICATIONS */
  .ct-projects .panels-flexible-region.publications {
    width: 30%;
    }
  
  .page-action-committee .panels-flexible-region.publications {
    width: 100% !important;
    }
    
  .context-cost-of-justice #zone-content .panels-flexible-region-first,
  .context-alberta-legal-services #zone-content .panels-flexible-region-first {
    width: 70%;
    }
    
    .context-cost-of-justice-publications #zone-content .panels-flexible-region-first,
    .context-alberta-legal-services-publications #zone-content .panels-flexible-region-first {
    width: 100%;
    }
    
     .context-collaborations-page .collaborations-half {
    padding: 2%;
    width: 41%;
    margin: 2%;
    border: 1px solid #999999;
    border-radius: 5px;
    }
    
   .context-collaborations-page #zone-content .final-reports {
    width: 100% !important;
  }
  
  .context-collaborations-page #zone-content .press {
    width: 100% !important;
  }
  
  .context-collaborations-page .collab-image {
    width: 100px !important;
    }
    
    .context-collaborations-page .collab-text {
      width: 99% !important;
      }
  
  .context-collaborations-page .panels-flexible-row-29-1-middle {
    margin-left: 100px;
    }

/******************************************************/
/* SITEMAP *//
#sitemap-format ul ul li {
    width: 300px !important;
    }

/******************************************************/  
/* UPDATES & NEWSLETTER */
/* Making the text and such push to the right from the picture */
.context-updates .node-article .field-type-text-with-summary, .context-newsletter .node-article .field-type-text-with-summary, 
.context-updates .node-article .field-name-field-tags, .context-newsletter .node-article .field-name-field-tags, 
.context-updates .node-article ul.links, .context-newsletter .node-article ul.links {
  margin-left: 240px;
  }

/* Remove the inline property on the read more button */
.context-updates .node-article ul.links {
  display: block !important;
}

/* Has text move to the right of the image */
.node-article img {
  float: left;
  margin-right: 15px;
  }

.context-newsletter .newsletterbackground {
  padding-right: 70%;
   }
/******************************************************/ 
/* ABOUT US - STAFF */
.node-type-profiles p {
  text-align: left;
  }
  
.node-type-profiles .field-collection-view, .node-type-profiles .field-collection-container {
  border: none !important;
  }
  
.context-staff .field-name-field-profile .even .field-collection-view {
  margin-right: 50px;
}

.context-staff.node-type-profiles .field-collection-view {
  width: 43%;
  float: left;
  }
  
.context-staff.node-type-profiles .even .field-collection-view {
  clear: left;
  }

.context-staff .field-name-field-profile-image {
  float: left;
  }

.context-staff .field-name-field-profile-description {
  min-height: 200px !important;
  padding-bottom: 20px !important;
  font-size: 8pt;
  margin-left: 135px;
  }
  
.context-staff .field-collection-view-links {
  z-index: -9999;
  margin-bottom: 20px !important;
}

.page-node-edit.node-type-profiles .field-collection-view,  
.page-node-edit.node-type-profiles .field-name-field-profile-image,
.page-node-edit.node-type-profiles .field-name-field-profile-description {
  width: auto;
  float: none;
  padding: 0px;
  margin: 0px;
  }

/******************************************************/
/* IMAGE - TEXT COLUMN */
.field-name-field-image-column-01, .field-name-field-text-column-01 {
  float: left;
  width: 50%;
  }
  
.page-node-edit .field-name-field-image-column-01, .page-node-edit .field-name-field-text-column-01 {
  float: none;
  width: auto;
}

.field-name-field-image-column-01 {
  text-align: right;
  }

.field-name-field-image-column-01 img {
  width: auto;
  max-width: 95%;
  height: auto;
  margin-right: 30px;
  }
  
.page-node-edit .field-name-field-image-column-01 {
  text-align: left;
  }
  
.page-node-edit .field-name-field-image-column-01 img {
  width: auto;
  margin-right: 0px;
  }


/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */


#zone-content {
  margin-top: -30px;
  margin-top: -20px\9 !important;
  }
  
#zone-branding {
  height: 100px;
  }
  
#inv_box {
    padding: 0px 20px 0px 20px;
    }

.inv_subjects img {
    width: 79px;
    height: 79px;
    }

.inv_subjects a {
  font-size: 7pt !important;
  }

.inv_child_box {
    padding: 0px 0px 0px 0px;
    }

.inv_child_box ul li {
      list-style-type: none;
      display: inline;
      margin-left: auto;
      margin-right: 25px;
      line-height: 55pt;
      }
      
.node-type-head-images-text .node-type-head-images-text-images img {
      width: 268px;
      height: 268px;
      }
    
    .node-type-head-images-text .node-type-head-images-text-images .field-items .field-item {
       width: 300px;
       height: 300px;
      }
    
    .node-type-head-images-text .node-type-head-images-text-images .field-items .field-item.odd {
      margin-right: 15px;
      margin-left: 15px;
      }

.field-name-field-image-column-01, .field-name-field-text-column-01 {
  float: left;
  width: 50%;
  }
  
.upper-header{
  font-size: 8pt;
  }

#zone-branding {
  height: 90px;
  }

.block-system-main-menu li a{
  padding-left: 3% !important;
  padding-right: 3% !important;
  }

.block-system-main-menu li:nth-child(2):after { content:"\A"; white-space:nowrap; }
.block-system-main-menu li:nth-child(4):after { content:"\A"; white-space:nowrap; }
.block-system-main-menu li:nth-child(5):after { content:"\A"; white-space:nowrap; }

#projects-sm li:nth-child(5) {
  margin-left: 0px;
  }

#projects-sm a {
  padding-right: 30px !important;
}

  
.block-system-main-menu .home a, .block-system-main-menu .about-us a, .block-system-main-menu .projects a, .block-system-main-menu .resources a, .block-system-main-menu .inventory-of-reforms a, .block-system-main-menu .events a, .block-system-main-menu .newsroom a {
  padding-left: 3% !important;
  padding-right: 3% !important;
}

.logo img {
  width: 221px;
  height: 97px;
}

.perm-sm {
height: auto;
display: none;
}

.qtip { 
height: auto;
padding-bottom: 2px;
}

.qtip-cream {
  max-width: 689px !important;
  height: 40px;
}

.qtip li, .perm-sm li {
  white-space: nowrap;
  display: inline;
  }
 
.ct-about .qtip, .ct-inventory-of-reforms .qtip, .ct-clearinghouse .qtip, 
.ct-projects .qtip, .ct-publications .qtip, .ct-events .qtip, .ct-newsroom .qtip {
  margin-top: -44px !important;
}

.homebar-first {
  width: 66.5% !important;
  clear: left;
}

.homebar-second {
  width: 33.5% !important;
  clear: right;
  margin: 0px 0px 0px 0px;
  }

.right-top {
  width: 33.5%;
  }
  
.left-top {
  width: 66.5%;
  }

  
.about-images, .staff-first {
  width: 50% !important;
  clear: left;
  }
  
.about-text, .staff-second {
  width: 50% !important;
  clear: right;
}

/***** EVENTS *****/
.ct-events .field-name-field-linkimage {
  float: left;
  margin-right: 30px;
}
.ct-events .field-name-field-linkimage img {
  width: auto;
  }
.ct-events .field-name-body {
  margin-left: 410px;
  }
  
.ct-events fieldset.collapsible {
    margin-bottom: 0px !important;  
    }
    
.ct-events fieldset.collapsed.tworow {
    margin-bottom: 0px !important;
    }
    
.node-readmore{
  background-image: none;
  background-color: #333333;
  border-radius: 0;
  moz-border-radius: 0;
  }
  
.node-readmore a{
  color: #ffffff !important;
  text-shadow: none;
  }

.projects-pane, .news_events-pane {
  width: 50%;
  }
  
  .node-type-a2j-blog .node-a2j-blog .field-name-field-author, .node-type-a2j-blog .view-content .field-name-field-author,
  .node-type-a2j-blog .node-a2j-blog .field-name-field-date, .node-type-a2j-blog .view-content .field-name-field-date,
  .node-type-a2j-blog .node-a2j-blog .field-name-body, .node-type-a2j-blog .view-content .field-name-body,
  .node-type-a2j-blog .node-a2j-blog .field-name-field-title-commentary, .node-type-a2j-blog .view-content .field-name-field-title-commentary,
  .context-a2jblog .node-a2j-blog .views-field-field-author .field-content, .context-a2jblog .view-content .views-field-field-author .field-content,
  .context-a2jblog .node-a2j-blog .views-field-body, .context-a2jblog .view-content .views-field-body {
  margin-left: 400px;  
  clear: none;
  } 
  
  .context-a2jblog #region-content .views-field-field-image {
  float: left;
  margin-right: 20px;
}

.context-board-members .views-row {
  width: auto;
}

.context-board-members .views-field-field-photo {
  float: left;
  text-align: left;
  }

.context-board-members .views-field-field-last-name {
  margin-left: 220px;
  text-align: left;
}

.context-board-members .views-field-field-bio-description {
  margin-left: 220px;
  }

.context-board-members .boardmembersbackground {
  width: 910px;
  }
  
#ac-bottomhalf ul li {
  display: inline-block;
  margin-right: 0px;
  padding-right: 0px !important;
  width: 170px !important;
  margin-bottom: 0px;
}  

.context-collaborations-page #zone-content .half-width.panels-flexible-region-first, 
.context-collaborations-page #zone-content .half-width {
  width: 50% !important;
  }


#ac-bottomhalf ul {
  clear: none;
}

.one-third {
  width: 33%;
  }
  
.two-thirds {
  width: 66.87%;
}

.one-half {
  width: 49.5%;