@charset "utf-8";
/*
;
; Media-related selections
;
*/
@media(max-width:767px) {

  .Hdr-Hide-Sm {
    display:none !important;
  }

  .Hdr-Button-Size-Sm {
    min-width: 190px !important;
    font: bold 15px/23px "Scada_no","Trebuchet MS",Arial,Helvetica,sans-serif !important;
  }

}

@media(min-width:768px) {

  .Hdr-Hide-Fs {
    display:none !important;
  }
}

/*
;
; Header block
;
*/
.Hdr-Header {

/* repeat-x; */

    display: block;
    font: normal 13px/21px "Scada_no","Trebuchet MS",Arial,Helvetica,sans-serif;
    color: #313131;

    position: relative;

/*
    margin: 0 0 0 -10000px;
    left: 5000px;
*/

    background: #9fc7fa;
}
/*
;
; Smart phone text title pre-header string
;
*/
.Hdr-Text-Title-Sm {

    position: relative;
    top: 1%;
    left: 0;
    height: 28px;
    max-width: 1600px;

    margin: 0 auto;
    text-align: center;
    font: bold 15px/28px "Scada_no","Trebuchet MS",Arial,Helvetica,sans-serif;

    background: #afd7fa;

/*    background: #9fb7da;
*/
    color:#503000;
}

/*
;
; Header container
;
*/
.Hdr-Container {


    position: relative;
    background: #a0c7f0 url(/Images/header-bg.jpg) no-repeat center top;


    height: 120px;

/*    min-width: 500px;
*/
    max-width: 1600px;

    margin: 0 auto;
    text-align: left;
    position: relative;
    color: #310031;
}
/*
;
; Header photo
;
*/
.Hdr-Photo {

    position: absolute;
    top: 10%;
    left: 1%;

/*      328 x 347
*/

    border: 0;
    width: 104px;
    height: 110px;


/*
    vertical-align: top;
    color: #2180d2;
    cursor: pointer;
    text-align: left;
    font: normal 13px/21px "Scada_no","Trebuchet MS",Arial,Helvetica,sans-serif;
*/
}
/*
;
; Header Idea image
;
*/
.Hdr-Idea {

    position: absolute;
    top: 50%;
    left: 40%;

    margin-left: -121px;
    margin-top: -23px;


    border: 0;

/*
    vertical-align: top;
    text-align: left;
    font: normal 13px/21px "Scada_no","Trebuchet MS",Arial,Helvetica,sans-serif;
    color: #310031;
*/
}
/*
;
; Header button #1
;
*/
.Hdr-Button-1 {

    position: absolute;
    top: 10px;
    right: 1%;

}
/*
;
; Header button #2
;
*/
.Hdr-Button-2 {

    position: absolute;
    top: 40%;
    right: 1%;

}
/*
;
; Header button #3
;
*/
.Hdr-Button-3 {

    position: absolute;
    bottom: 10px;
    right: 1%;

}
/*
;
; Blue buttons: common
;
*/
.Button-Blue {

  min-width: 250px;

  text-decoration: none !important;
  vertical-align: middle;
  padding: 0 4px;
  color: #0f71b5 !important;

  border-color: #74b1c9;
  border-right-color: rgb(118, 177, 203) !important;
  border-left-color: rgb(118, 177, 203) !important;
  border-bottom-color: #6190a3 !important;
  border-top-color: #84cde8 !important;

  background: linear-gradient(to bottom, #fffffF 0, #90d0e5 100%);


  display: inline-block;
  letter-spacing: normal;
  overflow: hidden;
  text-overflow: ellipsis;

/*  position: relative;
*/

  white-space: nowrap;
  text-align: center;
  height: 23px;
  font: bold 16px/24px "Scada_no","Trebuchet MS",Arial,Helvetica,sans-serif;
  border: 1px solid #fff;
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
  -webkit-border-radius: 3px;

  -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3);
  cursor: pointer;

  outline: 0;

  float: right;

/*
  text-transform: uppercase;
*/

}
/*
;
; Blue buttons: hover
;
*/
.Button-Blue:hover {

  background: #e1f4fa;
  background: linear-gradient(to bottom, #e1f4fa 0, #b2dcec 100%);
}