/* ******************************************************* */
/*                                                         */
/*             This file should not be changed.            */
/*    If changes are required - override in styles.css     */
/*                                                         */
/* ******************************************************* */

/* --------------- System Tabs  --------------- */
.tabs ul.primary {
  padding:0; 
  margin-bottom: 10px;
  margin-bottom: 1rem;
}
.tabs ul.primary li {
  padding: 0;
  margin:0 0 2px 0; /* gap between tabs */
  margin:0 0 0.2rem 0; /* gap between tabs */
  display:block;
}
.tabs ul.primary li a,
.tabs ul.primary li a:hover,
.tabs ul.primary li a:focus {
  padding:0 15px 3px; /* padding left and right on each tab */
  padding:0 1.5rem 0.3rem; /* padding left and right on each tab */
  line-height:24px;
  line-height:2.4rem;
  display:block;
  margin:0;
}
.tabs ul.primary li a:hover,
.tabs ul.primary li a:focus {
  text-decoration: none;
}
.tabs ul.secondary {
  padding:6px 0;
  padding:0.6rem 0;
}
.tabs ul.secondary li {
  display:block;
}
.tabs ul.secondary li:last-child {
  border-right:none;
}
.tabs ul.secondary li:first-child {
  padding-left:0;
}
.tabs ul.secondary li a {
  padding:3px 6px;
  padding:0.3rem 0.6rem;
}
.tabs ul.secondary li a.active {
  border-bottom:none;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-resolution: 2dppx) and (min-width: 320px) { 
  /* Mobile & Small screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 700px) {

  /* Tablet & Medium screen, non-retina */
  
  /* --------------- System Tabs  --------------- */
  .tabs ul.primary {
    border-bottom:2px solid #ccc; /* border colour below tabs - same as below */
    height:25px;
    height:2.5rem;
    padding-left: 10px;
    padding-left: 1rem;
    margin-bottom: 30px;
    margin-bottom: 3rem;
  }
  .tabs ul.primary li {
    margin:0 10px 0 0; /* gap between tabs */
    margin:0 1rem 0 0; /* gap between tabs */
    float:left;
    position: relative;
  }
  .tabs ul.primary li a,
  .tabs ul.primary li a:hover,
  .tabs ul.primary li a:focus {
    border-width: 1px;
    border-style: solid;
    border-bottom:none;
    font-weight:bold; /* tab font weight */
    height:21px;
    height:2.1rem;
    line-height:24px;
    line-height:2.4rem;
    float:left;
    margin:0;
    -khtml-border-radius-topleft:4px;
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    border-top-left-radius:4px;
    -khtml-border-radius-topright:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    border-top-right-radius:4px;
  }
  .tabs ul.primary li a:hover,
  .tabs ul.primary li a:focus {
    border-bottom:none;
  }
  .tabs ul.primary li.is-active a,
  .tabs ul.primary li.is-active a:hover,
  .tabs ul.primary li.is-active a:focus {
    border-bottom:none;
    height:23px;
    height:2.3rem;
  }
  .tabs ul.secondary {
    height:10px;
    height:1rem;
    border-bottom:none;
  }
  .tabs ul.secondary li {
    float:left;
    position: relative;
  }
  .tabs ul.secondary li:last-child {
    border-right:none;
  }
  .tabs ul.secondary li:first-child {
    padding-left:0;
  }
  .tabs ul.secondary li a {
    padding:3px 6px;
    padding:0.3rem 0.6rem;
  }
  .tabs ul.secondary li a.is-active {
    border-bottom:none;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
  }

}


@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (-o-min-device-pixel-ratio: 2/1)  and (min-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (min-resolution: 192dpi) and (min-width: 700px),
only screen and (min-resolution: 2dppx) and (min-width: 700px) { 
  /* Tablet & Medium screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 1024px) {
  /* Desktop & Large screen, non-retina */

  /* --------------- System Tabs  --------------- */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px),
only screen and (min-resolution: 192dpi) and (min-width: 1024px),
only screen and (min-resolution: 2dppx) and (min-width: 1024px) { 
  /* Desktop & Large screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 1280px) {
  /* Desktop & Extra Large screen, non-retina */

  /* --------------- System Tabs  --------------- */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1280px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (min-resolution: 192dpi) and (min-width: 1280px),
only screen and (min-resolution: 2dppx) and (min-width: 1280px) { 
  /* Desktop & Extra Large screen, retina, stuff to override above media query */

}