@media screen {

  @font-face {
    font-family: 'Roboto'; /*a name to be used later*/
    src: url('../../Fonts/Roboto-Regular.ttf'); /*URL to font*/
  }

  body {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-right: 0px;
    footer padding-bottom: 0px;
    padding-top: 00px;
    padding-bottom: 0px;
    font-size: 12px;
    color: #000000;
    font-family: Roboto, sans-serif;
    background-color: #fff;
    width: 100%;
  }

  td {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #000;
    background-color: #ffffff; /*#FFE8E4;*/
  }

  .header {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #0099FF;
    font-weight: bold;
    letter-spacing: 2px;
  }

  .content-container {
    background-color: #ffffff; /*#FFE8E4;*/
  }

  .header2 {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    color: #0099FF;
    font-weight: bold;
    letter-spacing: 2px;
  }

  .header3 {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #0099FF;
    line-height: 22px;
  }

  .header4 {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #0099FF;
    font-weight: bold;
    line-height: 25px;
  }

  .error {
    color: #ff0000;
    font-weight: bold;
  }


  .reg-container {
    border-right: #000000 0px solid;
    border-left: #000000 0px solid;
    border-bottom: #000000 0px solid;
    border-top: #000000 0px solid;
    background-color: #ffffff;
  }

  .reg-header {
    text-align: left;
    background-color: #215134;
  }

  .reg-tabs {
    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .tab {
    color: #FFFFFF;
    width: 120px;
    height: 20px;
    line-height: 20px;
  }

  .gridheader {
    font-weight: bold;
    color: #ffffff;
    background-color: #1A7288;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 13px;
  }

  a:link.tab-on {
    color: #7D7D7D;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
  }

  a:visited.tab-on {
    color: #7D7D7D;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
  }

  a:hover.tab-on {
    color: #7D7D7D;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
  }

  a:link.tab-off {
    color: #7D7D7D;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
  }

  a:link.tab-active {
    color: #7D7D7D;
    text-decoration: none;
    cursor: default;
    font-weight: bold;
    white-space: nowrap;
    background-color: #030394;
  }

  #content-holder {
    background-color: #4b2013;
  }

  .reg-content {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    width: 100%;
    background-color: #ffffff; /*#FFE8E4;*/
  }


    .reg-content:a {
      color: #ffffff;
    }


  .tmg-footer {
    font-size: 13px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    vertical-align: text-bottom;
    background-color: #003366;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    padding-left: 3px;
  }

  .footer {
    background-image: url("../../Images/footer_Banner.png");
    background-color: #197187;
    text-align: center;
    color: #ffffff;
    height: 120px;
  }

  .title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
  }

  .title2 {
    font-size: 15px;
    font-weight: bold;
    color: #000;
  }

  .fieldLabel {
    white-space: nowrap;
    text-align: right;
    padding-right: 4px;
    vertical-align: top;
    padding-top: 10px;
  }

    .fieldLabelBold {
        font-weight: bold;
    }

  .fieldLabelConf {
    white-space: nowrap;
    text-align: right;
    padding-right: 4px;
    vertical-align: top;
  }

  .fieldLabel-print {
    white-space: nowrap;
    text-align: right;
  }

  .fieldInput-print {
    white-space: nowrap;
    text-align: left;
  }

  .fieldInput {
  }

  .fieldSubLabel {
    font-size: 13px;
    font-style: italic;
  }


  .required {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ff0000;
  }

  .blue-text {
    color: #e4911b;
    font-weight: bold;
  }

  .red-text {
    color: #ec6410;
    font-weight: bold;
  }

  .green-text {
    color: #00705D;
    font-weight: bold;
  }

  .orange-text {
    color: #ffcc33;
  }

  .grid {
    border-collapse: collapse;
    border-right: #B8B9BA 1px solid;
    border-top: #B8B9BA 1px solid;
    border-left: #B8B9BA 1px solid;
    border-bottom: #B8B9BA 1px solid;
    table-layout: auto;
  }

  .grid-header {
    /*background-color: #FF6600;*/
    background-color: #197187;
    color: #ffffff;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .grid-header-white {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 5px;
  }

  .grid-sub-header {
    font-weight: bold;
  }

  .grid-row-shade {
    background-color: #FFFFFF;
  }

  .grid-col {
    border-top: solid 1px #dcdcdc;
    /*border-bottom: solid 1px #dcdcdc;*/
  }

  .grid-header-spouse {
    background-color: #0099FF;
    color: #000000;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    visibility: hidden;
    display: none;
  }

  .grid-header-white-spouse {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 5px;
  }

  .grid-col-spouse {
    border-top: solid 1px #dcdcdc;
    /*border-bottom: solid 1px #dcdcdc;*/
    visibility: hidden;
    display: none;
  }


  /* INPUT STYLES */

  input {
    font-size: 14px;
    font-family: Roboto, sans-serif;
  }

  select {
    font-size: 14px;
    font-family: Roboto, sans-serif;
  }

  textarea {
    font-size: 14px;
    font-family: Roboto, sans-serif;
  }


  .button {
    font-size: 20px;
    font-family: Roboto, sans-serif;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 18px;
    padding-right: 18px;
    border: solid 1px #000000;
    background-color: #197187;
    color: #ffffff;
    font-weight: bold;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
  }


  .buttonred {
    font-size: 20px;
    font-family: Roboto, sans-serif;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 18px;
    padding-right: 18px;
    border: solid 1px #000000;
    /*background-color: #bb0f1f;*/
    background: linear-gradient( 180deg,#bb0f1f,#830b16);
    color: #ffffff;
    font-weight: bold;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
  }

  .buttondelete {
    font-family: Roboto, sans-serif;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    border: solid 1px #000000;
    background-color: red;
    color: #000;
    font-weight: bold;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
  }

  .fu {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
  }

  a:link {
    color: #003366
  }

  a:visited {
    color: #003366
  }

  a:hover {
    color: #003366
  }

  a:active {
    color: #003366
  }


  .dvhdr1 {
    background: #dcdcdc;
    color: #000000;
    font-weight: bold;
    border: 1px solid #000000;
    padding: 5px;
    width: 600px;
  }

  .dvbdy1 {
    background: #FFFFFF;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-top: 0px solid #000000;
    padding: 5px;
    width: 600px;
  }

  .activity {
    cursor: default;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    color: #030394;
    text-decoration: underline;
  }

  .Xheader {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    color: #197187;
    font-weight: bold;
  }

  .roundeddiv {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
  }

  #total-main {
    max-width: 920px;
    float: left;
    display: block;
    clear: both;
    margin-top: 10px;
    background: none repeat scroll 0 0 #ffffff; /*#FFE8E4;*/
    box-shadow: 0 0 1px #197187;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
  }

  .Xheader2 {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    /*color: #F35001;*/
    color: #F79B8E;
    font-weight: bold;
  }

  .Xform-text-orange {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    /*color: #F35001;*/
    color: #062d34;
    font-weight: bold;
  }

  .Xerror {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #FF0000;
  }

  .Xerror2 {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #FF0000;
    font-weight: bold;
  }

  .Xsuccess2 {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
  }

  .Xsuccess {
    font-family: Roboto, sans-serif;
    font-size: 17px;
    color: #ffffff;
  }

  .success {
    padding: 15px;
    background-color: #cff28b;
    border-bottom: #386418 thin solid;
    border-left: #386418 thin solid;
    border-top: #386418 thin solid;
    border-right: #386418 thin solid;
    font-family: Tahoma;
    padding-left: 25px;
    font-weight: bold;
    text-align: center;
  }

  .error {
    padding: 15px;
    background-color: #F0F0A7;
    border-bottom: #990000 thin solid;
    border-left: #990000 thin solid;
    border-top: #990000 thin solid;
    border-right: #990000 thin solid;
    font-family: Tahoma;
    padding-left: 25px;
    font-weight: bold;
    text-align: center;
    color: Red;
  }

  a {
    color: #0000FF;
  }

    a:hover {
      color: #0000FF;
    }

    a:link {
      color: #0000FF;
    }

    a:visited {
      color: #0000FF;
    }

    a:link.Xerror {
      font-family: Roboto, sans-serif;
      font-size: 17px;
      color: #7D7D7D;
    }

    a:hover.Xerror {
      font-family: Roboto, sans-serif;
      font-size: 17px;
      color: #7D7D7D;
    }

    a:visited.Xerror {
      font-family: Roboto, sans-serif;
      font-size: 17px;
      color: #7D7D7D;
    }

    a:link.Xorange {
      color: #7D7D7D;
    }

    a:hover.Xorange {
      color: #7D7D7D;
    }

    a:visited.Xorange {
      color: #7D7D7D;
    }

  .legend-item {
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    width: 15px;
    height: 15px;
  }

  table.boothlisting {
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    border-collapse: collapse;
  }

    table.boothlisting td {
      border-width: 1px;
      border-style: inset;
      border-color: #ffffff;
      -moz-border-radius:;
    }

  .SSuccess {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    color: #F35001;
  }

  .ExCompanyName {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    color: #0F8084;
    font-weight: bolder;
  }

  .tagLine {
    font-style: italic;
    font-size: 15px;
    color: #6699cc;
  }

  .boothText {
    font-size: 14px;
    color: #000000;
  }

  .boothHold {
    background-color: Blue;
    color: White;
  }

  .boothSold {
    background-color: Red;
    color: White;
  }

  .boothAvailable {
    background-color: Green;
    color: White;
  }

  white-link {
  }


  a.white-link {
    color: #ffffff;
  }

    a.white-link:hover {
      color: #ffffff;
    }

    a.white-link:visited {
      color: #ffffff;
    }

  .badge1line {
    font-size: 26px;
    color: Black;
    font-family: Goudy Old Style;
    font-weight: bold
  }

  .badge2line {
    font-size: 18px;
    color: Black;
    font-family: Goudy Old Style;
  }

  .badge4line {
    font-size: 13px;
    color: Black;
    font-family: Goudy Old Style;
    padding: 2px;
    font-style: italic;
  }

  .grid-badge {
    border-collapse: collapse;
    border-right: #000000 2px solid;
    border-top: #000000 2px solid;
    border-left: #000000 2px solid;
    border-bottom: #000000 2px solid;
    table-layout: auto;
    background-color: #fff;
  }


  .compBadgesAlottedRemaining {
    background-color: #4267CB;
    border-color: #000000;
    border-style: solid;
    border-width: 2px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }


  .noPrint {
    display: inline
  }

  .onlyDisp {
    display: inline
  }

  .onlyPrint {
    display: none
  }

  .occupied, .available, .pending {
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 7px;
    position: absolute;
  }

  .noScreen {
    display: none;
  }
}

.validation_summary {
  background-color: #F0F0A7;
  border-bottom: #990000 thin solid;
  border-left: #990000 thin solid;
  border-top: #990000 thin solid;
  border-right: #990000 thin solid;
  font-weight: bold;
  padding: 10px;
  color: Red;
}

.warning {
  background-color: #F0F0A7;
  border-bottom: #990000 thin solid;
  border-left: #990000 thin solid;
  border-top: #990000 thin solid;
  border-right: #990000 thin solid;
  padding: 10px;
  color: Red;
  font-weight: bold;
  text-align: center;
  font-style: italic;
}

.sucess {
  background-color: #CCE7B4;
  border-bottom: #013300 thin solid;
  border-left: #013300 thin solid;
  border-top: #013300 thin solid;
  border-right: #013300 thin solid;
  padding: 10px;
  color: #013300;
  font-weight: bold;
  text-align: center;
  font-style: italic;
}

.information_area {
  background-color: #ffffff; /*#FFE8E4;*/
  border-bottom: #0F8084 thin solid;
  border-left: #0F8084 thin solid;
  border-top: #0F8084 thin solid;
  border-right: #0F8084 thin solid;
  font-weight: bold;
  padding: 10px;
  color: 0F8084;
}

hr {
  height: 1px;
  background-color: #CCC;
  color: #CCC;
  border: 0;
}

input, textarea, select {
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
  -o-transition: border linear 0.2s,box-shadow linear 0.2s;
  transition: border linear 0.2s,box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

  input:focus, textarea:focus, select:focus {
    outline: 0;
    border-color: rgba(247, 155, 142, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(247, 155, 142, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(247, 155, 142, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(247, 155, 142, 0.6);
  }


/* Menu Styles */

.menubar {
  background-color: #197187 /*#165A9D*/;
}

.static-menu-item {
  background-color: #197187;
  color: White !important;
  font-weight: normal;
  font-size: 16px !important;
  display: block;
  width: 100%;
  line-height: 30px;
}

.static-menu-item-hover {
  background-color: #165A9D;
  color: White !important;
  font-weight: normal;
  font-size: 16px !important;
  display: block;
  width: 100%;
  line-height: 30px;
}

.dynamic-menu-item {
  background-color: #197187;
  color: White !important;
  font-weight: normal;
  font-size: 16px !important;
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.dynamic-menu-item-hover {
  background-color: #165A9D;
  color: White !important;
  font-weight: normal;
  font-size: 16px !important;
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.HotelReservation {
  padding: 8px;
  border-right: #333E7A 1px solid;
  border-left: #333E7A 1px solid;
  border-bottom: #333E7A 1px solid;
  border-top: #333E7A 1px solid;
  background-color: #fcf4df;
  width: 100%;
}

@media print {

  #ctl00_ContentPlaceHolder1_imgHeader {
    display: none;
  }

  #ctl00_ContentPlaceHolder1_btnClose {
    display: none;
  }

  #ctl00_Image2 {
    display: none;
  }

  #ctl00_ContentPlaceHolder3_imageTMG {
    display: none;
  }

  .noPrint {
    display: none
  }

  .onlyDisp {
    display: none
  }

  .onlyPrint {
    display: inline
  }
}