/* CSS DOCUMENT */


/* TOP BAR
--------------------------------------------------------------------------------------*/

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:40.0625em)/";
  /* width: 40.0625em; */
}

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  /* moved to content.css
  background-color: #333333; 
  */
}
  
  .contain-to-grid .top-bar {
    margin-bottom: 0; }

/* causes navigation bar to not move as page is scrolled */
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  left: 0; }
  
  .fixed.expanded:not(.top-bar) {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    width: 100%; }
	
    .fixed.expanded:not(.top-bar) .title-area {
      position: fixed;
      width: 100%;
      z-index: 99; }
	  
    .fixed.expanded:not(.top-bar) .top-bar-section {
      /* margin-top: 2.8125rem; */
      z-index: 98; }

.top-bar {
	/* moved to content.css
 	background-color: gray;
	*/
  	height: 2.8125rem;
  	line-height: 2.8125rem;
  	margin-bottom: 0;
  	overflow: hidden;
  	position: relative; 
	/* margin-left: auto;
	margin-right: auto; */
}  

  .top-bar ul {
    list-style: none;
    margin-bottom: 0; }
	
  .top-bar .row {
    max-width: none; }
	
  .top-bar form,
  .top-bar input,
  .top-bar select {
    margin-bottom: 0; }
	
  .top-bar input,
  .top-bar select {
    font-size: 0.75rem;
    height: 1.75rem;
    padding-bottom: .35rem;
    padding-top: .35rem; }
	
  .top-bar .button, .top-bar button {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-bottom: 0.4125rem;
    padding-top: 0.4125rem; }
	
    @media only screen and (max-width: 40em) {
		
      .top-bar .button, .top-bar button {
        position: relative;
        top: -1px; } 
		
	}
	
  .top-bar .title-area {
    margin: 0;
    position: relative; }
	
  .top-bar .name {
    font-size: 16px;
    height: 2.8125rem;
    margin: 0; }
	
    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
      font-size: 1.0625rem;
      line-height: 2.8125rem;
      margin: 0; }
	  
      .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
        color: #FFFFFF;
        display: block;
        font-weight: normal;
        padding: 0 0.9375rem;
        /* width: 75%; */
	   }
		
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
	
    .top-bar .toggle-topbar a {
      color: #FFFFFF;
      display: block;
      font-size: 0.8125rem;
      font-weight: bold;
      height: 2.8125rem;
      line-height: 2.8125rem;
      padding: 0 0.9375rem;
      position: relative;
      text-transform: uppercase; }
	  
    .top-bar .toggle-topbar.menu-icon {
      margin-top: -16px;
      top: 50%; }
	  
      .top-bar .toggle-topbar.menu-icon a {
        color: #FFFFFF;
        height: 34px;
        line-height: 33px;
        padding: 0 2.5rem 0 0.9375rem;
        position: relative; }
		
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          display: block;
          height: 0;
          position: absolute;
          margin-top: -8px;
          top: 50%;
          right: 0.9375rem;
          box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
          width: 16px; }
		  
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
		  
  .top-bar.expanded {
    /* background-color: transparent; */
    height: auto; }
	
    .top-bar.expanded .title-area {
      /* background-color: gray; */}
	  
    .top-bar.expanded .toggle-topbar a {
      /* color: #888888; */ }
	  
      .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
		
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
		
      .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
      .top-bar.expanded .top-bar-section .dropdown {
        clip: initial; }
		
      .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
        padding: 0; }
		
	}

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  
  .top-bar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%; }
	
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }
	
  .top-bar-section ul li {
    /* background-color: gray; */ }
	
	/*  non-selected font */
    .top-bar-section ul li > a {
      /*  moved to content.css
	  color:#333333
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 0.8125rem;
      font-weight: normal;
	  */
      display: block;
      padding-left: 0.9375rem;
      padding: 12px 0 12px 0.9375rem;
      text-transform: none;
      width: 100%; }
	  
      .top-bar-section ul li > a.button {
        font-size: 0.8125rem;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        /* background-color: #008CBA;
        border-color: #007095;
        color: #FFFFFF; */ }
		
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          /* background-color: #007095; */ }
		  
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: #FFFFFF; }
		  
      .top-bar-section ul li > a.button.secondary {
        /* background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: gray; */ }
		
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          /* background-color: #b9b9b9; */ }
		  
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          /* color: gray; */ }
		  
      .top-bar-section ul li > a.button.success {
        /* background-color: #43AC6A;
        border-color: #368a55;
        color: #FFFFFF; */ }
		
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          /* background-color: #368a55; */ }
		  
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          /* color: #FFFFFF; */ }
		  
      .top-bar-section ul li > a.button.alert {
        /* background-color: #f04124;
        border-color: #cf2a0e;
        color: #FFFFFF; */ }
		
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          /* background-color: #cf2a0e; */ }
		  
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          /* color: #FFFFFF; */ }
		  
      .top-bar-section ul li > a.button.warning {
        /* background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF; */ }
		
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          /* background-color: #cf6e0e; */ }
		  
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          /* color: #FFFFFF; */ }
		  
      .top-bar-section ul li > a.button.info {
        /* background-color: #a0d3e8;
        border-color: #61b6d9;
        color: gray; */ }
		
        .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
          /* background-color: #61b6d9; */ }
		  
        .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
          /* color: #FFFFFF; */ }
		  
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      /* padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      background-color: #008CBA;
      border-color: #007095;
      color: #FFFFFF; */ }
	  
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        /* background-color: #007095; */ }
		
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        /* color: #FFFFFF; */ }
		
      .top-bar-section ul li > button.secondary {
        /* background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: gray; */ }
		
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          /* background-color: #b9b9b9; */ }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          /* color: gray; */ }
      .top-bar-section ul li > button.success {
        /* background-color: #43AC6A;
        border-color: #368a55;
        color: #FFFFFF; */ }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          /* background-color: #368a55; */ }
		  
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          /* color: #FFFFFF; */ }
		  
      .top-bar-section ul li > button.alert {
        /* background-color: #f04124;
        border-color: #cf2a0e;
        color: #FFFFFF; */ }
		
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          /* background-color: #cf2a0e; */ }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          /* color: #FFFFFF; */ }
		  
      .top-bar-section ul li > button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF; }
		
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          background-color: #cf6e0e; }
		  
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          color: #FFFFFF; }
		  
      .top-bar-section ul li > button.info {
        /* background-color: #a0d3e8;
        border-color: #61b6d9;
        color: gray; */ }
		
        .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
          /* background-color: #61b6d9; */ }
		  
        .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
          /* color: #FFFFFF; */ }
		  
    /* moved to content.css
	.top-bar-section ul li:hover:not(.has-form) > a {
      	color: #FFFFFF;
      	background-color: yellow; }
	*/
	  
    .top-bar-section ul li.active > a {
      background-color: #008CBA;
      color: #FFFFFF; }
	  
	.top-bar-section ul li.active > a:hover {
        /* background-color: #0078a0;
        color: #FFFFFF; */ }
		
  .top-bar-section .has-form {
    padding: 0.9375rem; }
	
  .top-bar-section .has-dropdown {
    position: relative; }
	
    .top-bar-section .has-dropdown > a:after {
      border: inset 5px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 0.9375rem;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
	  
    .top-bar-section .has-dropdown.moved {
      position: static; }
	  
      .top-bar-section .has-dropdown.moved > .dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important;
        width: 100%; }
		
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
		
  .top-bar-section .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 100%; }
	
    .top-bar-section .dropdown li {
      height: auto;
      width: 100%; }
	  
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 0.9375rem; }
		
        .top-bar-section .dropdown li a.parent-link {
          font-weight: normal; }
		  
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 1.125rem; }
		
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
          color: #FFFFFF;
          display: block; }
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
            /* background-color: none; */ }
			
      .top-bar-section .dropdown li.has-form {

        padding: 8px 0.9375rem; }
		
      .top-bar-section .dropdown li .button,
      .top-bar-section .dropdown li button {
        top: auto; }
		
    .top-bar-section .dropdown label {
      color: #777777;
      font-size: 0.625rem;
      font-weight: bold;
      margin-bottom: 0;
      padding: 8px 0.9375rem 2px;
      text-transform: uppercase; }

.js-generated {
  display: block; }

@media only screen and (min-width: 40.0625em) {
	
  .top-bar {
    /* background-color: #333333; */
    overflow: visible; }
	
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
	  
    .top-bar:after {
      clear: both; }
	  
    .top-bar .toggle-topbar {
      display: none; }
	  
    .top-bar .title-area {
      float: left; }
	  
    .top-bar .name h1 a,
    .top-bar .name h2 a,
    .top-bar .name h3 a,
    .top-bar .name h4 a,
    .top-bar .name h5 a,
    .top-bar .name h6 a {
      width: auto; }
	  
    .top-bar input,
    .top-bar select,
    .top-bar .button,
    .top-bar button {
      font-size: 0.875rem;
      height: 1.75rem;
      position: relative;
      top: 0.53125rem; }
	  
    .top-bar.expanded {
      /* background-color: #222222; */ }

  .contain-to-grid .top-bar {
    margin-bottom: 0;
    margin: 0 auto;
    /* max-width: 62.5rem; */
    }

  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
	
    .top-bar-section ul {
      display: inline;
      height: auto !important;
      width: auto; }
	  
      .top-bar-section ul li {
        float: left; }
		
        .top-bar-section ul li .js-generated {
          display: none; }
		  
    .top-bar-section li.hover > a:not(.button) {
      /* background-color: #222222;
      color: #FFFFFF; */ }
	  
    .top-bar-section li:not(.has-form) a:not(.button) {
      /* moved to content.css
	  background-color: #333333;
	  */
      line-height: 2.8125rem;
      padding: 0 0.9375rem; }
	  
      /* moved to content.css - 
	  .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #222222; }
	  */
		
	.top-bar-section li.active:not(.has-form) a:not(.button) {
      	/* moved to content.css - top navigation bar menus - selected
     	background-color: #008CBA;
	  	color: #FFFFF;
	  	*/
      	line-height: 2.8125rem;
      	padding: 0 0.9375rem; 
	}
	  
	/* moved to content.css - top navigation bar menus - selected - hover 
	.top-bar-section li.active:not(.has-form) a:not(.button):hover {
		background-color: #0078a0;
        color: #FFFFFF; 
	}
	*/	
	
    .top-bar-section .has-dropdown > a {
      padding-right: 2.1875rem !important; }
	  
      .top-bar-section .has-dropdown > a:after {
        border: inset 5px;
        content: "";
        display: block;
        height: 0;
        width: 0;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 1.40625rem; }
		
    .top-bar-section .has-dropdown.moved {
      position: relative; }
	  
      .top-bar-section .has-dropdown.moved > .dropdown {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        display: block; }
		
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
	  
    .top-bar-section .has-dropdown > a:focus + .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
	  
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 0.1875rem;
      right: 5px; }
	  
    .top-bar-section .dropdown {
      left: 0;
      /* background-color: transparent; */
      min-width: 100%;
      top: auto; }
	  
      .top-bar-section .dropdown li a {
        /* background-color: #333333;
        color: #FFFFFF; */
        line-height: 2.8125rem;
        padding: 12px 0.9375rem;
        white-space: nowrap; }
		
	  /* moved to content.css - top navigation pull down menu
	  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background-color: #333333;
        color: #FFFFFF; }
		*/
		
      /* moved to content.css - top navigation pull down menu - hover
	  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        color: #FFFFFF;
        background-color: #222222; }
		*/
		
      .top-bar-section .dropdown li label {
        /* background-color: #333333; */
        white-space: nowrap; }
		
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
		
    .top-bar-section > ul > .divider,
    .top-bar-section > ul > [role="separator"] {
      border-right: solid 1px #4e4e4e;
      border-bottom: none;
      border-top: none;
      clear: none;
      height: 2.8125rem;
      width: 0; }
	  
    .top-bar-section .has-form {
      /* background-color: #333333; */
      height: 2.8125rem;
      padding: 0 0.9375rem; }
	  
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
	  
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
		
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
	  
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    /* background-color: #333333;
    color: #FFFFFF; */ }
	
  .no-js .top-bar-section ul li:active > a {
    /* background-color: #008CBA;
    color: #FFFFFF; */ }
	
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important; }
	
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important; } }
	

/* DROPDOWN BUTTONS
--------------------------------------------------------------------------------------*/

.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 3.5625rem; }
  
  .dropdown.button::after, button.dropdown::after {
    border-color: #FFFFFF transparent transparent transparent;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0; }
	
  .dropdown.button::after, button.dropdown::after {
    border-width: 0.375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem; }
	
  .dropdown.button::after, button.dropdown::after {
    border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.tiny, button.dropdown.tiny {
    padding-right: 2.625rem; }
	
    .dropdown.button.tiny:after, button.dropdown.tiny:after {
      border-width: 0.375rem;
      right: 1.125rem;
      margin-top: -0.125rem; }
	  
    .dropdown.button.tiny::after, button.dropdown.tiny::after {
      border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.small, button.dropdown.small {
    padding-right: 3.0625rem; }
	
    .dropdown.button.small::after, button.dropdown.small::after {
      border-width: 0.4375rem;
      right: 1.3125rem;
      margin-top: -0.15625rem; }
	  
    .dropdown.button.small::after, button.dropdown.small::after {
      border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.large, button.dropdown.large {
    padding-right: 3.625rem; }
	
    .dropdown.button.large::after, button.dropdown.large::after {
      border-width: 0.3125rem;
      right: 1.71875rem;
      margin-top: -0.15625rem; }
	  
    .dropdown.button.large::after, button.dropdown.large::after {
      border-color: #FFFFFF transparent transparent transparent; }
	  
  .dropdown.button.secondary:after, button.dropdown.secondary:after {
    border-color: #333333 transparent transparent transparent; }
	

/* PAGINATION
--------------------------------------------------------------------------------------*/

ul.pagination {
  display: block;
  margin-left: -0.3125rem;
  min-height: 1.5rem; }
  
  ul.pagination li {
    color: #222222;
    font-size: 0.875rem;
    height: 1.5rem;
    margin-left: 0.3125rem; }
	
    ul.pagination li a, ul.pagination li button {
      border-radius: 3px;
      transition: background-color 300ms ease-out;
      background-color: none;
      color: #999999;
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: inherit;
      padding: 0.0625rem 0.625rem 0.0625rem; }
	  
    ul.pagination li:hover a,
    ul.pagination li a:focus, ul.pagination li:hover button,
    ul.pagination li button:focus {
      background-color: #e6e6e6; }
	  
    ul.pagination li.unavailable a, ul.pagination li.unavailable button {
      cursor: default;
      color: #999999; }
	  
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
      background-color: transparent; }
	  
    ul.pagination li.current a, ul.pagination li.current button {
      background-color: #008CBA;
      color: #FFFFFF;
      cursor: default;
      font-weight: bold; }
	  
      ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
        background-color: #008CBA; }
		
  ul.pagination li {
    display: block;
    float: left; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  
  .pagination-centered ul.pagination li {
    display: inline-block;
    float: none; }


/* SIDE NAV
--------------------------------------------------------------------------------------*/

.side-nav {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0.875rem 0; }
  
  .side-nav li {
    font-size: 0.875rem;
    font-weight: normal;
    margin: 0 0 0.4375rem 0; }
	
    .side-nav li a:not(.button) {
      color: #008CBA;
      display: block;
      margin: 0;
      padding: 0.4375rem 0.875rem; }
	  
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
        background-color: rgba(0, 0, 0, 0.025);
        color: #1cc7ff; }
		
      .side-nav li a:not(.button):active {
        color: #1cc7ff; }
		
    .side-nav li.active > a:first-child:not(.button) {
      color: #1cc7ff;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-weight: normal; }
	  
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      list-style: none;
      padding: 0;
      border-top-color: #e6e6e6; }
	  
    .side-nav li.heading {
      color: #008CBA;
      font-size: 0.875rem;
      font-weight: bold;
      text-transform: uppercase; }


/* SPLIT BUTTON
--------------------------------------------------------------------------------------*/

.split.button {
  position: relative;
  padding-right: 5.0625rem; }
  
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
	
    .split.button span:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      top: 50%;
      left: 50%; }
	  
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
	  
  .split.button span {
    border-left-color: rgba(255, 255, 255, 0.5); }
	
  .split.button span {
    width: 3.09375rem; }
	
    .split.button span:after {
      border-top-style: solid;
      border-width: 0.375rem;
      margin-left: -0.375rem;
      top: 48%; }
	  
  .split.button span:after {
    border-color: #FFFFFF transparent transparent transparent; }
	
  .split.button.secondary span {
    border-left-color: rgba(255, 255, 255, 0.5); }
	
  .split.button.secondary span:after {
    border-color: #FFFFFF transparent transparent transparent; }
	
  .split.button.alert span {
    border-left-color: rgba(255, 255, 255, 0.5); }
	
  .split.button.success span {
    border-left-color: rgba(255, 255, 255, 0.5); }
	
  .split.button.tiny {
    padding-right: 3.75rem; }
	
    .split.button.tiny span {
      width: 2.25rem; }
	  
      .split.button.tiny span:after {
        border-top-style: solid;
        border-width: 0.375rem;
        margin-left: -0.375rem;
        top: 48%; }
		
  .split.button.small {
    padding-right: 4.375rem; }
	
    .split.button.small span {
      width: 2.625rem; }
	  
      .split.button.small span:after {
        border-top-style: solid;
        border-width: 0.4375rem;
        margin-left: -0.375rem;
        top: 48%; }
		
  .split.button.large {
    padding-right: 5.5rem; }
	
    .split.button.large span {
      width: 3.4375rem; }
	  
      .split.button.large span:after {
        border-top-style: solid;
        border-width: 0.3125rem;
        margin-left: -0.375rem;
        top: 48%; }
		
  .split.button.expand {
    padding-left: 2rem; }
	
  .split.button.secondary span:after {
    border-color: #333333 transparent transparent transparent; }
	
  .split.button.radius span {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
	
  .split.button.round span {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }
	
  .split.button.no-pip span:before {
    border-style: none; }
	
  .split.button.no-pip span:after {
    border-style: none; }
	
  .split.button.no-pip span > i {
    display: block;
    left: 50%;
    margin-left: -0.28889em;
    margin-top: -0.48889em;
    position: absolute;
    top: 50%; }

.reveal-modal-bg {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }


/* SUB NAV
--------------------------------------------------------------------------------------*/

.sub-nav {
  display: block;
  margin: -0.25rem 0 1.125rem;
  overflow: hidden;
  padding-top: 0.25rem;
  width: auto; }
  
  .sub-nav dt {
    text-transform: uppercase; }
	
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    color: #999999;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    margin-left: 1rem;
    margin-bottom: 0; }
	
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      color: #999999;
      padding: 0.1875rem 1rem;
      text-decoration: none; }
	  
      .sub-nav dt a:hover,
      .sub-nav dd a:hover,
      .sub-nav li a:hover {
        color: #737373; }
		
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      border-radius: 3px;
      background-color: #008CBA;
      color: #FFFFFF;
      cursor: default;
      font-weight: normal;
      padding: 0.1875rem 1rem; }
	  
      .sub-nav dt.active a:hover,
      .sub-nav dd.active a:hover,
      .sub-nav li.active a:hover {
        background-color: #0078a0; }


/* TAB BAR
--------------------------------------------------------------------------------------*/

.tab-bar {
  -webkit-backface-visibility: hidden;
  background-color: #333333;
  color: #FFFFFF;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative; }
  
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
    color: #FFFFFF;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0; }
	
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
    font-size: 1.125rem; }

.left-small {
  height: 2.8125rem;
  position: absolute;
  top: 0;
  width: 2.8125rem;
  border-right: solid 1px #1a1a1a;
  left: 0; }

.right-small {
  height: 2.8125rem;
  position: absolute;
  top: 0;
  width: 2.8125rem;
  border-left: solid 1px #1a1a1a;
  right: 0; }
  

.tab-bar-section {
  height: 2.8125rem;
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  top: 0; }
  
  .tab-bar-section.left {
    text-align: left; }
	
  .tab-bar-section.right {
    text-align: right; }
	
  .tab-bar-section.left {
    left: 0;
    right: 2.8125rem; }
	
  .tab-bar-section.right {
    left: 2.8125rem;
    right: 0; }
	
  .tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem; }

.tab-bar .menu-icon {
  color: #FFFFFF;
  display: block;
  height: 2.8125rem;
  padding: 0;
  position: relative;
  text-indent: 2.1875rem;
  transform: translate3d(0, 0, 0);
  width: 2.8125rem; }
  
  .tab-bar .menu-icon span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
    width: 1rem; }
	
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }


/* OFF CANVAS MENU
--------------------------------------------------------------------------------------*/

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }
  
  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch; }

.inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
	
  .inner-wrap:after {
    clear: both; }
	
.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background-color: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  transition: transform 500ms ease 0s;
  width: 15.625rem;
  z-index: 1001;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0; }
  
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background-color: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  transition: transform 500ms ease 0s;
  width: 15.625rem;
  z-index: 1001;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0; }
  
  .right-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

ul.off-canvas-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  
  ul.off-canvas-list li label {
    background-color: #444444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    display: block;
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase; }
	
  ul.off-canvas-list li a {
    border-bottom: 1px solid #262626;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    padding: 0.66667rem;
    transition: background 300ms ease; }
	
    ul.off-canvas-list li a:hover {
      background-color: #242424; }
	  
    ul.off-canvas-list li a:active {
      background-color: #242424; }

.move-right > .inner-wrap {
  -webkit-transform: translate3d(15.625rem, 0, 0);
  -moz-transform: translate3d(15.625rem, 0, 0);
  -ms-transform: translate(15.625rem, 0);
  -ms-transform: translate3d(15.625rem, 0, 0);
  -o-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0); }
  
.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  
  @media only screen and (min-width: 40.0625em) {
	  
    .move-right .exit-off-canvas:hover {
      background-color: rgba(255, 255, 255, 0.05); } 
	  
  }

.move-left > .inner-wrap {
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  -moz-transform: translate3d(-15.625rem, 0, 0);
  -ms-transform: translate(-15.625rem, 0);
  -ms-transform: translate3d(-15.625rem, 0, 0);
  -o-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0); }
  
.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  
  @media only screen and (min-width: 40.0625em) {
	  
    .move-left .exit-off-canvas:hover {
      background-color: rgba(255, 255, 255, 0.05); }
	  
  }

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
  
.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  
  @media only screen and (min-width: 40.0625em) {
	  
    .offcanvas-overlap .exit-off-canvas:hover {
      background-color: rgba(255, 255, 255, 0.05); } 
	  
  }

.offcanvas-overlap-left .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
  
.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  
  @media only screen and (min-width: 40.0625em) {
	  
    .offcanvas-overlap-left .exit-off-canvas:hover {
      background-color: rgba(255, 255, 255, 0.05); } 
	  
  }

.offcanvas-overlap-right .left-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
  
.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002; }
  
  @media only screen and (min-width: 40.0625em) {
	  
    .offcanvas-overlap-right .exit-off-canvas:hover {
      background-color: rgba(255, 255, 255, 0.05); } 
	  
  }

.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem; }
  
.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem; }
  
.no-csstransforms .move-left > .inner-wrap {
  right: 15.625rem; }
  
.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem; }

.left-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 15.625rem;
  z-index: 1002;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  
  .left-submenu * {
    -webkit-backface-visibility: hidden; }
  .left-submenu .back > a {
    background-color: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0; }
	
    .left-submenu .back > a:hover {
      background-color: #303030;
      border-bottom: none;
      border-top: 1px solid #5e5e5e; }
	  
    .left-submenu .back > a:before {
      content: "\AB";
      margin-right: .5rem;
      display: inline; }
	  
  .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate(0%, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }

.right-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 15.625rem;
  z-index: 1002;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  
  .right-submenu * {
    -webkit-backface-visibility: hidden; }
	
  .right-submenu .back > a {
    background-color: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0; }
	
    .right-submenu .back > a:hover {
      background-color: #303030;
      border-bottom: none;
      border-top: 1px solid #5e5e5e; }
	  
    .right-submenu .back > a:after {
      content: "\BB";
      margin-left: .5rem;
      display: inline; }
	  
  .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate(0%, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: .5rem;
  display: inline; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: .5rem;
  display: inline; }


/* DROPDOWNS
--------------------------------------------------------------------------------------*/

/* Foundation Dropdowns */
.f-dropdown {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background-color: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 2px;
  max-width: 200px; }
  
  .f-dropdown.open {
    display: block; }
	
  .f-dropdown > *:first-child {
    margin-top: 0; }
	
  .f-dropdown > *:last-child {
    margin-bottom: 0; }
	
  .f-dropdown:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #FFFFFF transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 89; }
	
  .f-dropdown:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 88; }
	
  .f-dropdown.right:before {
    left: auto;
    right: 10px; }
	
  .f-dropdown.right:after {
    left: auto;
    right: 9px; }
	
  .f-dropdown.drop-right {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px; }
	
    .f-dropdown.drop-right.open {
      display: block; }
	  
    .f-dropdown.drop-right > *:first-child {
      margin-top: 0; }
	  
    .f-dropdown.drop-right > *:last-child {
      margin-bottom: 0; }
	  
    .f-dropdown.drop-right:before {
      border: inset 6px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent #FFFFFF transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 10px;
      left: -12px;
      z-index: 89; }
	  
    .f-dropdown.drop-right:after {
      border: inset 7px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent #cccccc transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 9px;
      left: -14px;
      z-index: 88; }
	  
  .f-dropdown.drop-left {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px; }
	
    .f-dropdown.drop-left.open {
      display: block; }
	  
    .f-dropdown.drop-left > *:first-child {
      margin-top: 0; }
	  
    .f-dropdown.drop-left > *:last-child {
      margin-bottom: 0; }
	  
    .f-dropdown.drop-left:before {
      border: inset 6px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent transparent #FFFFFF;
      border-left-style: solid;
      position: absolute;
      top: 10px;
      right: -12px;
      left: auto;
      z-index: 89; }
	  
    .f-dropdown.drop-left:after {
      border: inset 7px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent transparent #cccccc;
      border-left-style: solid;
      position: absolute;
      top: 9px;
      right: -14px;
      left: auto;
      z-index: 88; }
	  
  .f-dropdown.drop-top {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-left: 0;
    margin-top: -2px;
    max-width: 200px; }
	
    .f-dropdown.drop-top.open {
      display: block; }
	  
    .f-dropdown.drop-top > *:first-child {
      margin-top: 0; }
	  
    .f-dropdown.drop-top > *:last-child {
      margin-bottom: 0; }
	  
    .f-dropdown.drop-top:before {
      border: inset 6px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: #FFFFFF transparent transparent transparent;
      border-top-style: solid;
      bottom: -12px;
      position: absolute;
      top: auto;
      left: 10px;
      right: auto;
      z-index: 89; }
	  
    .f-dropdown.drop-top:after {
      border: inset 7px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: #cccccc transparent transparent transparent;
      border-top-style: solid;
      bottom: -14px;
      position: absolute;
      top: auto;
      left: 9px;
      right: auto;
      z-index: 88; }
	  
  .f-dropdown li {
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin: 0; }
	
    .f-dropdown li:hover, .f-dropdown li:focus {
      background-color: #EEEEEE; }
    .f-dropdown li.radius {
      border-radius: 3px; }
	  
    .f-dropdown li a {
      display: block;
      padding: 0.5rem;
      color: #555555; }
	  
  .f-dropdown.content {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    padding: 1.25rem;
    width: 100%;
    z-index: 89;
    max-width: 200px; }
	
    .f-dropdown.content.open {
      display: block; }
	  
    .f-dropdown.content > *:first-child {
      margin-top: 0; }
	  
    .f-dropdown.content > *:last-child {
      margin-bottom: 0; }
	  
  .f-dropdown.tiny {
    max-width: 200px; }
	
  .f-dropdown.small {
    max-width: 300px; }
	
  .f-dropdown.medium {
    max-width: 500px; }
	
  .f-dropdown.large {
    max-width: 800px; }
	
  .f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important; }
	
    .f-dropdown.mega.open {
      left: 0 !important; }