﻿<style type="text/css">
  .hide {
    display: none;
  }

  a[href$="DOCX"]:after,
  main li a[href$="DOC"]:after,
  main li a[href$="doc"]:after,
  main li a[href$="docx"]:after {
    content: "\f1c2";
    color: #2c5898;
    padding-right: 96px;
    right: -18px;
    top: 1px;
  }

  main li a[href$="PDF"]:after,
  main li a[href$="pdf"]:after {
    content: "\f1c1";
    color: #312522;
    padding-right: 91px;
    right: -18px;
    top: 1px;
  }

  .outsidelooking,
  .directiontitle {
    max-width: 240px;
    display: block;
  }
  .widgetdiv {
    display: inline-block;
    margin: 10px;
  }
  .containter1 {
    max-width: 520px;
    display: inline-block;
    min-width: 320px;
    float: left;
  }
  .infocontainter {
    display: inline-block;
    max-width: 320px;
    float: left;
  }
  .infotable {
    display: inline-table;
    max-width: 320px;
    min-width: 280px;
    float: left;
    margin-bottom: 10px;
  }
  .infotable tr th {
    text-align: left;
    font-size: 18px;
    color: #6699ff;
  }
  .infotable tr td:first-child {
    width: 165px;
  }

  .infocontainter2 {
    display: inline-block;
    max-width: 520px;
    float: left;
  }
  .EquipmentTable {
    display: inline-table;
    max-width: 520px;
    min-width: 300px;
    float: left;
    margin-bottom: 10px;
  }
  .FileLogging {
    display: inline-table;
    max-width: 520px;
    min-width: 300px;
    float: left;
  }
  .EquipmentTable tr th,
  .FileLogging tr th {
    text-align: left;
    font-size: 18px;
    color: #6699ff;
  }
  .EquipmentTable tr td:first-child {
    min-width: 170px;
  }
  .linkblock {
    display: inline-block;
    max-width: 300px;
    float: left;
  }
  .linkblock tr th {
    text-align: left;
    font-size: 18px;
    color: #6699ff;
  }
</style>

<script type="text/javascript">
  jQuery(document).ready(function() {
    // sort dropdown list by name
    var my_options = $(".selectlocation option");
    var selected = $(".selectlocation").val();

    my_options.sort(function(a, b) {
      if (a.text > b.text) return 1;
      if (a.text < b.text) return -1;
      return 0;
    });

    $(".selectlocation")
      .empty()
      .append(my_options);
    $(".selectlocation option:first-child").attr("selected", "selected");

    // unhide default value
    jQuery("#" + jQuery(".selectlocation").val()).removeClass("hide");
  });

  jQuery(document).on("change", ".selectlocation", function() {
    // hide all rows
    jQuery(".inforow").addClass("hide");
    // get the current row value
    var pickid = jQuery(".selectlocation").val();
    // unhide the row
    jQuery("#" + pickid).removeClass("hide");
  });
</script>
