/* Media Expertise database */

body {
    background: url(/_assets/OtagoCorporate/gfx/newsroom/background.png) 0 0 repeat-x;
  }
  .titleinner img {
      display: none;
  }
  #title h1 {
      background: none;
      color: #ffffff;
      font-size: 34px;
      font-family: "Amsi Pro Condbold", "Open Sans", Helvetica, Arial, sans-serif;
      font-weight: 300;
      letter-spacing: -0.02em;
      margin-top: 0px;
      max-width: 882px;
      padding-top: 21px;
      padding-bottom: 80px;
      position: relative;
      text-rendering: optimizeLegibility;
  }
  #title h1:before {
      content: '';
      width: 57px;
      height: 3px;
      display: block;
      background: #f9c000;
      margin-top: 14px;
      margin-bottom: 7px;
  }
  #title h1:after {
      content: 'Communications office';
      position: absolute;
      bottom: 55px;
      left: 21px;
      font-size: 12px;
      color: #dae7ff;
      text-transform: uppercase;
      letter-spacing: 0.25em;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-weight: 400;
  }
  #title h1.notopimage { margin-top: 0px; position: relative; }
  .titleinner {
      background: url(/_assets/OtagoCorporate/gfx/newsroom/tessellations.png) 166px 0 no-repeat;
  }
  #content .grid3 {
      float: none;
      overflow: hidden;
  }
  #content .grid_half { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; }
  #content .grid_half a { margin-top: 3px; margin-bottom: 3px; display: inline-block; }
  #content h2 {
      border-bottom: none;
      font-size: 32px;
      margin-bottom: 14px;
      text-rendering: optimizeLegibility;
  }
  #content h3 {
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-weight: 300;
      margin-bottom: 14px;
      text-rendering: optimizeLegibility;
  }
  #content p,
  #content ul,
  #content ol,
  #content li,
  #content table,
  #content dl,
  #content dt,
  #content dd,
  #right p,
  #right li,
  #right dl {
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.6;
      font-display: swap;
      font-size: 14px;
  }
  #right li.logout { margin-top: 14px; margin-left: 0; list-style-type: none; }
  #right li.logout a { display: inline-block; border: 1px solid #dddddd; border-radius: 16px; text-align: center; padding: 4px 10px; }
  
  #content form,
  #content label,
  #content input,
  #content button {
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-weight: 400;
  }
  #content dt {
    font-weight: 700;
  }
  #content form fieldset {
      background: #f5f5f5;
      border: 1px solid #dddddd;
      border-radius: 3px;
      margin: 0;
      box-sizing: border-box;
      margin-top: 21px;
      margin-bottom: 21px;
      padding-top: 21px;
      padding-bottom: 0;
      width: 100%;
  }
  #content form input#query {
      height: 35px;
      width: 75%;
  }
  #content form input#query + p {
      width: 100%;
  }
  #content form input.submit[type="submit"] {
      background-image: url(/_assets/_gfx/circle-white-confirm.svg);
      background-position: 5px center;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-weight: 400;
      float: right;
      margin-left: 0;
      margin-right: 0;
      padding-left: 30px;
      text-align: center;
      transition: all 0.2s ease-out;
      width: auto;
  }
  #content form input.submit[type="submit"]:hover {
      background-image: url(/_assets/_gfx/circle-white-confirm.svg);
      background-position: 5px center;
  }
  #content form fieldset label {
      line-height: 1.5;
      width: auto;
      vertical-align: top;
      margin: 0 0 7px 0;
      padding: 2px 0 0 0;
      font-weight: normal;
      min-height: auto;
      display: block;
      clear: left;
  }
  #content textarea { width: 83%; }
  #content input {
      width: 85%;
      min-height: 23px;
      margin: 0 0 14px 0;
      padding: 6px 5px;
      border: 1px solid #ccc;
      border-radius: 3px;
      box-sizing: border-box;
  }
  #content input:focus {
      border: 1px solid #416ebf;
      transition: all 0.2s ease-out;
  }
  #content select {
      width: 85%;
      height: 35px;
      margin: 0 0 14px 0;
      background: #fff;
  }
  #content form fieldset p {
      width: 85%;
      font-size: 13px;
  }
  #content form fieldset input#query {
      width: 75%;
      float: left;
      border-radius: 3px 0 0 3px;
  }
  #content form fieldset hr {
      border-top: 1px solid #dddddd;
      margin-top: 21px;
      margin-bottom: 21px;
      display: block;
      clear: both;
  }
  #content form fieldset input[type="checkbox"] {
      width: 15px;
      margin-top: 6px;
      margin-right: 2%;
      clear: left;
      float: left;
  }
  #content form fieldset input[type="checkbox"] + label {
      width: 85%;
      clear: none;
      font-size: 14px;
  }
  #content form input.submit[type="submit"] {
      width: 25%;
      border-radius: 0px 16px 16px 0px;
      padding-top: 7px;
      padding-left: 25px;
      padding-bottom: 6px;
  }
  #content form button.add {
      padding-left: 30px;
      padding-right: 21px;
      background: url(/_assets/_gfx/circle-white-add.svg) no-repeat 5px center #f9c000;
      color: #333333;
      text-align: center;
      width: auto;
      border: 2px solid #dfa000;
      transition: all 0.3s ease;
      transform: scale(1);
  }
  #content form button.add:hover {
      background: url(/_assets/_gfx/circle-white-add.svg) no-repeat 5px center #dfa000;
  }
  #content form button.add:active {
      box-shadow: -2px -2px 0 #e4e4e4;
      transform: scale(0.95);
  }
  #content form#loginForm fieldset {
      padding-bottom: 14px;
  }
  #content form button#login.submit,
  #content form button.submit {
      text-align: center;
      width: auto;
      padding-left: 35px;
      padding-right: 21px;
      background-image: url(/_assets/_gfx/circle-white-confirm.svg);
      background-position: 5px center;
      transition: all 0.3s ease;
      transform: scale(1);
      float: left;
  }
  #content form button#login.submit:hover,
  #content form button.submit:hover {
      background-image: url(/_assets/_gfx/circle-white-confirm.svg);
      background-position: 5px center;
  }
  #content form button#login.submit:active,
  #content form button.submit:active {
      box-shadow: -2px -2px 0 #e4e4e4;
      transform: scale(0.95);
  }
  
  #content form label.hidden { display: none; }
  #content form input.hidden { display: none; }
  
  #content a.btn-link { margin-top: 3px; float: left; }
  
  #content dl {
      border-left: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
  }
  #content dt,
  #content dd {
      padding-top: 14px;
      padding-bottom: 14px;
      font-size: 14px;
      box-sizing: border-box;
      line-height: 1.5;
  }
  #content dl a {
      border-bottom: none;
      overflow-wrap: break-word;
      word-wrap: break-word;
  }
  #content .gridhalf dt {
      width: 50%;
  }
  #content .gridhalf dd {
      width: 50%;
  }
  #content dt {
      padding-left: 14px;
      width: 40%;
  }
  #content dd {
      padding-left: 14px;
      width: 60%;
  }
  #content dt span.smalltag {
      line-height: 1.4;
      display: block;
      font-weight: normal;
      font-style: normal;
      color: #888888;
  }
  #content dd span {
      background: #f5f5f5;
      border: 1px solid #dddddd;
      border-radius: 3px;
      margin-right: 7px;
      margin-bottom: 7px;
      display: inline;
      float: left;
      padding: 1px 5px;
  }
  #content p.floatright.smalltag {
      font-style: normal;
      float: left;
      width: 100%;
      padding-left: 14px;
      text-transform: uppercase;
      font-size: 11px;
      letter-spacing: 0.03em;
      color: #999999;
      box-sizing: border-box;
  }
  #content p.floatright.smalltag strong {
      color: #000000;
      font-weight: 700;
  }
  #content dd .grid3 {
      width: auto;
      box-sizing: border-box;
      margin-right: 0;
      float: left;
      min-height: auto;
      padding: 1px 0;
      transition: all 0.3s ease-out;
  }
  #content dl#personal {
      background: url(/_assets/_gfx/profile-head-icon.svg) no-repeat right 14px top 14px #f5f5f5;
      background-size: 30px;
      border-top: 1px solid #dddddd;
      margin-top: 21px;
      padding: 14px 0;
  }
  #content dl#personal dt,
  #content dl#personal dd {
      border-top: none;
      padding-bottom: 7px;
  }
  #content dl#personal dt {
      width: 20%;
      text-align: right;
      font-weight: 400;
      color: #888888;
      padding-top: 0;
  }
  #content dl#personal dd {
      width: 70%;
      padding-top: 0;
  }
  #content #expertise dl {
      margin-top: 0;
      margin-bottom: 0;
  }
  #content #expertise dd {
      padding-right: 14px;
  }
  #content #expertise dl + dl dt,
  #content #expertise dl + dl dd {
      border-top: none;
  }
  #content #expertise dl + h3 {
      margin-top: 35px;
  }
  
  /* Half */
  
  #content input.half {
      width: 44%;
      margin-right: 2.4%;
      margin-top: 14px;
  }
  #content a.delete {
      border-bottom: none;
      display: inline-block;
  }
  #content a.delete img {
      vertical-align: bottom;
  }
  
  /* Admin page */
  #profilelist_wrapper td:nth-of-type(1) {
      padding-left: 0;
      text-align: center;
      width: 15%;
  }
  #content table th.sorting,
  #content table.dataTable thead th {
      background-color: #ffffff;
      padding: 7px;
      line-height: 1.5;
      font-weight: normal;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      border-bottom: 1px solid #f9c000;
      vertical-align: bottom;
  }
  #content table th select {
      margin-bottom: 4px;
      height: 21px;
  }
  #content table tr {
      border-bottom: 1px solid #dddddd;
  }
  #content table.dataTable td {
      padding-top: 14px;
      padding-bottom: 14px;
      line-height: 1.4;
      vertical-align: middle;
  }
  #content table.dataTable td a {
      border-bottom: none;
  }
  #content table.dataTable td a:hover {
      border-bottom: 1px solid #c9dcff;
  }
  #content table.dataTable {
      border-collapse: collapse;
  }
  #content table tr.odd {
      background-color: #ffffff !important;
  }
  #content table tr.even td.sorting_1 {
      background: #ffffff !important;
  }
  #content table tr input[type="checkbox"] {
      margin-bottom: 0;
  }
  #content .dataTables_wrapper .dataTables_paginate a.paginate_button.current {
      border: 1px solid #dddddd;
      background: #f5f5f5;
      padding: 3px 10px;
  }
  #content .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
      background: #416ebf;
      color: #ffffff !important;
  }
  #profilelist_info {
      background: #f5f5f5;
      border: 1px solid #dddddd;
      margin-top: 10px;
      padding: 7px 6px;
      border-radius: 3px;
      color: #777777;
  }
  #profilelist_wrapper #profilelist_filter label {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-family: Georgia;
      color: #777777;
      margin-bottom: 16px;
      line-height: 1;
  }
  #profilelist_wrapper #profilelist_filter input {
      margin-top: 3px;
  }
  #content table#profilelist tr td:nth-of-type(1) {
      text-align: left;
      padding-left: 5px;
  }
  
  
  /* Help icon */
  
  #content form .help {
      left: auto;
      top: 7px;
      right: 0;
      float: right;
  }
  
  #content form .help img {
      float: right;
  }
  #content form .help img.spin {
      animation-name: spin;
      animation-duration: 1000ms;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
  }
  
  /********** ERROR AND SUCCESS STYLES **********/
  [role=alert] {
      padding: 1.0em 1.0em 1.0em 50px;
      background-repeat: no-repeat;
      background-position: 10px 6px;
      background-size: 32px;
      border-width: 1px;
      border-style: solid;
  }
  .errors { border-color: #f4c1c1; color: #790000; background-color: #FFE5E6; background-image: url(/_assets/_gfx/circle-red-cancel.svg); }
  .success { border-color: #4F8A10; color: #4F8A10; background-color: #DFF2BF; background-image: url(/_assets/_gfx/circle-green-confirm.svg); }
  div.error { width: 85%; border-radius: 3px; box-sizing: border-box; }
  
  /* Collapse success message after 2 seconds */
  #content div.collapse {
      overflow: hidden;
      animation: slideup 2s;
      animation-delay: 2s;
      -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
      animation-fill-mode: forwards;
  }
  
  
  /* Admin add a profile*/
  .ui-autocomplete { padding: 0; width: auto; overflow-x: hidden; overflow-y: scroll; max-height: 300px; border: solid 1px #1d437f; }
  .ui-menu .ui-menu-item { border: 0px; padding: 0; margin: 0 }
  .ui-menu .ui-menu-item div { border: none; margin: 5px; }
  .ui-menu .ui-state-focus { background: #1d437f; color: #fff; }
  .ui-menu .ui-state-active .smalltag { color: #fff; }
  
  /* Primary categories */
  #content ul.categories a { border-bottom: none; }
  #content ul.categories { margin-left: 0; }
  #content ul.categories li { padding: 7px 0 7px 5px; margin-bottom: 7px; list-style-type: none; }
  #content ul.categories li a.delete { clear: both; float: right; }
  #content ul.categories li.even { background-color: #eeeeee; }
  #content ul.categories li img { margin-right: 7px; width: 24px; }
  
  /* Admin users */
  #content table.adminusers td p {
      margin-top: 7px;
      margin-bottom: 7px;
      min-height: 23px;
      font-size: 13px;
      padding: 6px 5px 1px;
      background: #f9f9f9;
      border-radius: 3px;
  }
  #content table.admintitles input,
  #content table.adminusers input,
  #content table.adminusers select {
      margin-top: 7px;
      margin-bottom: 7px;
  }
  #content table.adminusers select { height: 31px; }
  #content table.admintitles a,
  #content table.adminusers a { border-bottom: none;
  }
  #content table.admintitles img,
  #content table.adminusers img {
      margin-top: 12px;
      width: 24px;
  }
  #content table.admintitles input,
  #content table.adminusers input {
      background: #f9f9f9;
  }
  #content table.admintitles td:nth-of-type(1),
  #content table.admintitles th:nth-of-type(1),
  #content table.adminusers th:nth-of-type(1),
  #content table.adminusers td:nth-of-type(1) {
      padding-left: 0;
  }
  #content table.admintitles th:nth-of-type(3),
  #content table.admintitles td:nth-of-type(3),
  #content table.adminusers th:nth-of-type(4),
  #content table.adminusers td:nth-of-type(4) {
      text-align: center;
  }
  #content table.admintitles th,
  #content table.adminusers th {
      background-color: #ffffff;
      padding: 7px;
      line-height: 1.5;
      font-weight: normal;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      border-bottom: 1px solid #f9c000;
      vertical-align: bottom;
  }
  
  
  /* Icons */
  
  #userlist a[href^='tel:'] {
      background: url(/_assets/_gfx/grey-phone-icon.svg) no-repeat 0 3px;
      background-size: 14px;
      padding-left: 20px;
  }
  #userlist a[href^='tel:']:nth-of-type(2) {
      background: url(/_assets/_gfx/grey-icon-mobile.svg) no-repeat 0 3px;
      background-size: 9px;
      padding-left: 20px;
  }
  #userlist a[href^='mailto:'] {
      background: url(/_assets/_gfx/email-icon-grey-sm.svg) no-repeat 0 7px;
      background-size: 12px;
      padding-left: 20px;
  }
  
  /* Right */
  
  #right {
    background: none;
    margin-top: 21px;
  }
  #right .relatedinfo.addme {
    background: #f5f5f5;
    padding: 14px;
    box-sizing: border-box;
    border-radius: 3px;
  }
  #right h2 {
      margin-bottom: 7px;
  }
  #right .relatedinfo.feedback h2 {
    background: url(/_assets/_gfx/chat-icon-grey.svg) no-repeat right 4px;
    background-size: 20px;
    margin-top: 7px;
  }
  #right .relatedinfo.addme p,
  #right .relatedinfo.feedback p {
    border-bottom: none;
    line-height: 1.55;
  }
  #right .relatedinfo.addme h2 {
    background: url(/_assets/_gfx/nocircle-grey-add.svg) no-repeat right 0px;
    background-size: 24px;
    padding-top: 0;
    margin-top: 0;
  }
  
  #right p,
  #right li { font-size: 12px; }
  #right ul { border-bottom: none; }
  #right li { margin-left: 11px; }
  #right dl { margin: 0 0 14px 0; font-size: 14px; line-height: 1.5; clear: both; overflow: hidden; width: 100%; }
  #right dt { width: 47%; font-weight: normal; clear: left; float: left; padding-right: 3%; padding-top: 5px; padding-bottom: 5px; color: #888; }
  #right dd { width: 50%; float: left; padding-top: 5px; padding-bottom: 5px;}
  #right dt,
  #right dd { font-size: 11px; padding: 0; margin: 4px 0; }
  
  
  /* Add icon */
  
  #right .content-button.content-add a {
      border: 1px solid #ddd;
      background: url(/_assets/_gfx/circle-blue-add.svg) no-repeat 5px center #ffffff;
      margin-top: 7px;
      padding: 4px 9px 4px 28px;
      border-radius: 16px;
      transition: all 0.2s ease-out;
      transform: scale(1);
      display: inline-block;
  }
  #right .content-button.content-add a:hover {
      box-shadow: 0 0 10px #cccccc;
  }
  #right .content-button.content-add a:active {
      transform: scale(0.95);
      border: 1px solid #aaaaaa;
  }
  
  
  
  @media only screen and (min-width: 701px) and (max-width: 1160px) {
    ul#breadcrumbs li a {
      font-size: 10px;
    }
    #contentwrapper,
    .topnavinner,
    .titleinner,
    footer.wrapper,
    div.footer_wrapper {
      width: 100%;
      box-sizing: border-box;
    }
    #contentwrapper,
      .topnavinner,
    footer.wrapper,
    div.footer_wrapper { max-width: 1114px;	}
      ul#breadcrumbs {
          width: 100%;
          max-width: 70%;
          overflow: hidden;
          margin-left: 0;
          padding-left: 232px;
          box-sizing: border-box;
      }
    #contentwrapper {
      margin: 0;
      padding: 0;
      width: 98%;
    }
      #globalsearch {
          max-width: 232px;
          width: 100%;
      }
      div#nav_holder {
          max-width: 100%;
          width: 100%;
      }
      .titleinner {
          max-width: 100%;
          padding-left: 232px;
      box-sizing: border-box;
      }
      div#nav_wrapper { left: 23px; }
      #content {
          width: 77%;
      padding: 12px 0px 46px 252px;
          box-sizing: border-box;
      }
      #right {
          box-sizing: border-box;
          padding-left: 0;
          margin-left: 0;
      float: right;
      }
  }
  
  
  
  @media only screen and (max-width: 1024px) {
    ul#breadcrumbs li {
      display: none;
    }
    #content form {
      width: 100%;
    }
    #content form fieldset legend,
    #content form fieldset { width: 100% !important; }
    #content form fieldset input { width: 100%; border-radius: 3px; }
    #content form input.submit[type="submit"] {
      width: auto;
      float: none;
      border-radius: 16px;
      margin-bottom: 7px;
    }
    #content dd {
      hyphens: auto;
      padding-right: 7px;
    }
    #content input.half {
      width: 43%;
      margin-right: 2.4%;
      margin-top: 14px;
    }
  }
  
  
  @media only screen and (max-width: 768px) {
      .topnavinner {
          max-width: 98%;
      }
      #globalsearch form input.searchinput {
          width: 80%;
      }
      #wrapper {
          width: 100%;
      }
      #title h1,
      #title h1.notopimage {
           background-size: 360px;
           padding-right: 0;
          hyphens: auto;
      }
      #right {
          border-top: none;
      }
      #right .relatedinfo,
      #right .rightwidget {
          width: 100%;
          box-sizing: border-box;
          margin-right: 0;
          padding-right: 14px;
      }
      #right .relatedinfo ul li {
          width: auto;
          float: none;
      }
      #right form,
      #right fieldset,
      #right .search {
          width: 100%;
          box-sizing: border-box;
          margin-right: 0;
      }
      div#nav_holder {
          max-width: 100%;
          width: 100%;
      }
  }
  
  
  @media only screen and (max-width: 845px) {
    #content input.half {
      width: 89%;
      margin-right: 2.4%;
      margin-top: 14px;
    }
    #content input.half:nth-of-type(3n) {
      margin-top: 0;
    }
  }
  
  
  @media only screen and (max-width: 840px) {
    #content {
      width: 97%;
    }
    #right {
      border-top: none;
      padding-left: 250px;
      width: 100%;
      margin-bottom: 35px;
    }
    #globalsearch {
      max-width: 68%;
      box-sizing: border-box;
      width: 97%;
    }
    #globalsearch form input.searchinput {
      width: 85%;
    }
  
  }
  
  
  @media only screen and (min-width: 701px) and (max-width: 768px) {
      div#nav_holder { left: 0; }
    #wrapper {
      width: 100%;
    }
  }
  
  
  @media only screen and (max-width: 700px) {
      #globalsearch {
          max-width: 100%;
      }
      div#nav_holder {
        max-width: 75%;
      }
      #content form fieldset input { width: 97%; }
      .titleinner {
          width: 100%;
          box-sizing: border-box;
          padding-left: 4%;
          background: url(/_assets/OtagoCorporate/gfx/newsroom/tessellations.png) 0 0 no-repeat;
      }
      #title h1 {
          padding-bottom: 60px;
      }
      #title h1:after {
          bottom: 35px;
          left: 2px;
        }
      #right {
          width: 97%;
          padding-left: 0;
      }
  }
  
  
  @media only screen and (max-width: 450px) {
    #title h1 {
        font-size: 24px;
    }
    #title h1:after {
      left: 2px;
    }
    #content form input.submit[type="submit"] {
      padding-left: 25px;
      width: auto;
      max-width: 100%;
    }
    #content input.half {
      width: 83%;
      margin-right: 2.4%;
      margin-top: 14px;
    }
  }
  
  /* CSS animations */
  @-webkit-keyframes slideup {
      0% { max-height: 300px; }
      100% { max-height: 0; }
  }
  @keyframes slideup {
      0% { max-height: 300px; }
      100% { max-height: 0; }
  }
  
  @-webkit-keyframes spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
  }
  @keyframes spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
  }