/* Mixins.scss
 * Snippets of reusable CSS to develop faster and keep code readable
 * ----------------------------------------------------------------- */
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: "";
    zoom: 1; }
  .clearfix:after {
    clear: both; }

.fixed-container {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  zoom: 1; }
  .fixed-container:before, .fixed-container:after {
    display: table;
    content: "";
    zoom: 1; }
  .fixed-container:after {
    clear: both; }

.pie-element {
  behavior: url("/assets/stylesheets/PIE.htc");
  position: relative; }

.z-pie-element {
  behavior: url("/assets/stylesheets/PIE.htc"); }

@font-face {
  font-family: "MuseoSansRounded300";
  src: url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-300-webfont.eot');
  src: url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-300-webfont.eot?iefix') format('eot'), url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-300-webfont.woff') format('woff'), url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-300-webfont.ttf') format('truetype'), url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-300-webfont.svg') format('svg'); }

@font-face {
  font-family: "MuseoSansRounded500";
  src: url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-500-webfont.eot');
  src: url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-500-webfont.eot?iefix') format('eot'), url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-500-webfont.woff') format('woff'), url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-500-webfont.ttf') format('truetype'), url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-500-webfont.svg') format('svg'); }

@font-face {
  font-family: "MuseoSansRounded700";
  src: url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-700-webfont.eot');
  src: url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-700-webfont.eot?iefix') format('eot'), url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-700-webfont.woff') format('woff'), url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-700-webfont.ttf') format('truetype'), url('../Common/fonts/MuseoSansRounded/MuseoSansRounded-700-webfont.svg') format('svg'); }

@font-face {
  font-family: "Murbia";
  src: url('../Common/fonts/Murbia/murbia-webfont.eot');
  src: url('../Common/fonts/Murbia/murbia-webfont.eot?iefix') format('eot'), url('../Common/fonts/Murbia/murbia-webfont.woff') format('woff'), url('../Common/fonts/Murbia/murbia-webfont.ttf') format('truetype'), url('../Common/fonts/Murbia/murbia-webfont.svg') format('svg'); }

body {
  background-color: #f6f6f6;
  color: gray; }

a {
  color: #00a6c3; }
  a:hover {
    color: #0090a9; }

h1, h2, h3, h4, h5, h6 {
  font-family: MuseoSansRounded500, "Trebuchet MS", Arial, Sans-Serif; }
  h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong {
    font-family: MuseoSansRounded700, "Trebuchet MS", Arial, Sans-Serif; }
  h1.red, h2.red, h3.red, h4.red, h5.red, h6.red {
    color: #00bcdc; }

h3 {
  font-family: MuseoSansRounded700, "Trebuchet MS", Arial, Sans-Serif; }

#page-header .topbar-inner, #page-header .topbar .fill {
  background-color: #008cac;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#00bcdc), to(#008cac));
  background-image: -moz-linear-gradient(top, #00bcdc, #008cac);
  background-image: -ms-linear-gradient(top, #00bcdc, #008cac);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00bcdc), color-stop(100%, #008cac));
  background-image: -webkit-linear-gradient(top, #00bcdc, #008cac);
  background-image: -o-linear-gradient(top, #00bcdc, #008cac);
  background-image: linear-gradient(top, #00bcdc, #008cac);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bcdc', endColorstr='#008cac', GradientType=0);
  background-color: #00bcdc;
  border-bottom: 1px solid #007793; }
#page-header .topbar h3.brand a #global-logo {
  width: 80px;
  background: transparent url("../Common/images/global/global-header-logo-amnet.png") no-repeat 50% 50%; }

#header-nav nav.header-nav {
  border-top: 1px solid #0090a9; }
  #header-nav nav.header-nav div.nav {
    border-top: 1px solid #00b3d2; }
  #header-nav nav.header-nav .rmItem a:hover {
    background-color: #008cac;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#00bcdc), to(#008cac));
    background-image: -moz-linear-gradient(top, #00bcdc, #008cac);
    background-image: -ms-linear-gradient(top, #00bcdc, #008cac);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00bcdc), color-stop(100%, #008cac));
    background-image: -webkit-linear-gradient(top, #00bcdc, #008cac);
    background-image: -o-linear-gradient(top, #00bcdc, #008cac);
    background-image: linear-gradient(top, #00bcdc, #008cac);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bcdc', endColorstr='#008cac', GradientType=0);
    background-color: #00bcdc; }

h2.icon {
  padding: 0px 0 20px 0px; }

.subcat {
  font-family: MuseoSansRounded500, "Trebuchet MS", Arial, Sans-Serif;
  font-weight: normal; }
  .subcat h3 {
    font-size: 18px;
    line-height: 22px; }
    .subcat h3 a {
      display: block;
      padding: 10px 0 5px 0px;
      background-image: none; }
  .subcat b, .subcat strong {
    font-family: MuseoSansRounded700, "Trebuchet MS", Arial, Sans-Serif;
    font-weight: bold; }
  .subcat.red {
    color: #cc0000; }

h1 {
  font-size: 26px;
  margin-bottom: 8px; }

h2 {
  font-size: 20px;
  margin-bottom: 20px; }

h3 {
  font-weight: bold;
  font-family: MuseoSansRounded700, "Trebuchet MS", Arial, Sans-Serif;
  font-size: 18px;
  margin-bottom: 15px; }

h4 {
  font-size: 14px; }

h5, h6 {
  font-size: 13px; }

p {
  margin-bottom: 1.5em; }

b, strong {
  font-weight: bold; }

span.am {
  color: #cc0000;
  text-transform: lowercase;
  font-family: MuseoSansRounded500, "Trebuchet MS", Arial, Sans-Serif; }

#page-container {
  background-color: white;
  padding: 20px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }
  html.boxshadow #page-container {
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px;
    -o-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px; }

#page-footer {
  margin-top: 20px;
  border-top: none; }
  #page-footer h2, #page-footer h3 {
    font-size: 18px;
    color: #00a6c3;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px; }
  #page-footer h3 {
    font-size: 16px; }
  #page-footer ul {
    margin: 5px 0;
    font-size: 12px; }
    #page-footer ul li {
      list-style: none; }
      #page-footer ul li a {
        color: #9f9f9f; }
        #page-footer ul li a:hover {
          color: #cc0000; }
    #page-footer ul ul {
      margin: 2px 0 5px 5px;
      font-size: 11px; }
      #page-footer ul ul li {
        list-style: none inside;
        color: #e5e5e5; }
        #page-footer ul ul li a {
          color: #d2d2d2; }
          #page-footer ul ul li a:hover {
            color: #cc0000; }
  #page-footer #footer-copyright {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    font-size: 11px;
    color: #bbbbbb;
    text-align: center; }
    #page-footer #footer-copyright small {
      font-size: 10px; }

h1.pageTitle {
  color: #00a6c3; }

.subnav h2, .subnav h3, .subcat h2, .subcat h3 {
  color: #00a6c3; }
.subnav ul li a.active, .subcat ul li a.active {
  color: #00a6c3; }
.subnav ul li a:hover, .subcat ul li a:hover {
  color: #0090a9; }