input {

  outline: none;

}

.pointer {

  cursor: pointer;

}

.col-container {

  display: table;
  width: 100%;
  height:30px;
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  color: white;

}

.col {

  display: table-cell;
  padding: 2px;
  border: 2px ;

}


.registerArea,.loginArea {

  border: 1px solid black;
  border-radius: 10px;
  text-align: left;
  font-size: 18px;
  font-family:Arial, Helvetica, sans-serif;
  color: black;
  width: 90%;
  margin: 0 auto;

}

.forgotArea {

  border-radius: 10px;
  text-align: left;
  font-size: 18px;
  font-family:Arial, Helvetica, sans-serif;
  color: black;
  width: 80%;
  margin: 0 auto;

}


.loginAreaM {

  width: 49.8%;
  float: left;
  border-radius: 10px;

}

.fldRow {

  float: left;
  width: 100%;
  margin: 0 0 5px 0;

}

.txtLabel {

 float: left;
 width: 54%;
 padding-left: 2px;

}

.borderFrame {

 padding-bottom:5px;

}

.fldHldr {


  float: left;
  width: 45%;

}

.fldEntry{
    width:95%;
    font-size: 18px;

}

.pageTop{
    margin-top: 7px;

}


@media only screen and (max-width: 768px) {

.loginAreaM {
    width: 100%;

  }

}

.fieldHolder {

    width: 100%;
    min-height: 55px;
    height: auto;
    overflow: auto;
    margin-top: 15px;
}

.fieldLayout {

    width: 100%;
    text-align: left;
    height: 20px;
    margin-top: 3px;
}

.fieldLabel {

    font-size: 0.9em;
    font-weight: 600;

}

.fieldWidth {

    width: 70%;
    margin: 0 auto;
    overflow: auto;
}

.fieldLoginHeight {

  min-height: 242px;

}

.fieldRegHeight {

  min-height: 320px;

}

.textEntry {

    width: 97.2%;
    height: 20px;


}

.mveRight {

    text-align: right;
    margin-top: 7px;

}

.buttonHolder {

  width: 70%;
  margin: 0 auto;

}

.buttonHldrWide {

  width: 98% !important;

}

.loginFieldHolder {

  margin: 0 auto;
  width: 90%;

}

.passdReset {

  width: 70%;
  margin: 0 auto;
  overflow: auto;
}

.resetEmail {

  text-align: center;
  font-size: 1.1em;
  margin: 20px 0 5px 0;
}

.loginErrMsg {

  text-align: center;
  font-size: 1.1em;
  margin: 20px 0 5px 0;

}

.help{

  color: black;
  margin-top:6px;
  margin-left: 92px;
}

.padBot{

  padding-bottom:5px;

}


.Button{

  border-radius:5px;
  background-color:#02437d;
  color:white;
  padding:15px 0px;
  text-align:center;
  text-decoration:none;
  display:inline-block;
  font-size:18px;
  font-family:Arial, Helvetica, sans-serif;
  color:white;
  margin:10px 0px;
  margin-top: 20px;
  cursor: pointer;
  width:100%;

}

.bold{

  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  color:black;
  text-align:center;

}

/*
.footer {
   position:fixed;
   left:0;
   bottom:0;
   width:100%;
   font-size:20px;
   background-color:#f8f8f8;
   color:white;
   text-align:center;
}
*/

.hidden {
  display: none;
}

@media only screen and (max-width: 768px) {


.fieldWidth {

    width: 90%;
    margin: 0 auto;
    overflow: auto;
}

  .right {

    width:100%;

  }
  .fldHldr {

    width: 100%;

  }

  .txtLabel {

    width: 100%;
    font-size: 1.1em;

  }

  .fldRow {

width: 98%;
    margin: 0px 0px 10px 3px;

  }

  .entryRow {

    width: 99%;

  }
  .registerArea {

    padding: 0px;
    margin: 10px;
    margin: auto;
    font-size: 18px;
    font-family:Arial, Helvetica, sans-serif;
    width:99.3%;

  }

  .ButtonHolder {

    width: 90%;
    margin: 0 auto;

  }

}