/* 
    Document   : JoinForm
    Created on : Jan 29, 2021, 1:30:13 PM
    Author     : Hawkeye
    Description:
        Purpose of the stylesheet follows.
*/

#Content #MailView h1 {
  font-size: 26px;
  text-transform: none;
  margin: 30px 0;
  }

p.ReqPara {
  font-size: 16px;
  color: #c91426;
  font-style: italic;
  clear: both;
  padding: 10px 0;
  }

.Cmap {
  float: right;
  width: 45.45454545454545%; /* 500px / 1100px */
  max-width: 500px;
  margin: 100px 0 0 0;
  }
.Cmap img {
  display: block;
  margin: 0 auto;
  border: 0;
  }

/* ********************************************* */
/* Join Us Styles                                */
/* ********************************************* */

#MailView {
  float: left;
  width: 45.45454545454545%; /* 500px / 1100px */
  max-width: 500px;
  }

.gform {
  font-size: 18px;
  }

.gform label {
  float: left;
  clear: left;
  width: 90%;
  max-width: 125px;
  font-size: 18px;
  margin: 0 0 0 0;
  }
.gform input {
  font-size: 15px;
  float: left;
  width: 90%;
  max-width: 360px;
  margin: 0 0 5px 0;
  padding: 2px 0;
  }
.gform select {
  font-size: 15px;
  float: left;
  width: 90%;
  max-width: 360px;
  margin: 0 0 5px 0;
  padding: 2px 0;
  }
.gform textarea {
  font-size: 15px;
  float: left;
  width: 90%;
  max-width: 360px;
  margin: 0 0 10px 0;
  padding: 2px 0;
  }
.gform .ButtonPane {
  clear: both;
  margin: 0 0 0 125px;
  }
.gform .ButtonPane input {
  float: left;
  width: 100px;
  margin: 0 10px 5px 0;
  padding: 10px;
  box-sizing: border-box;
  }

/* ********************************************* */
/* Admin Styles                                  */
/* ********************************************* */

.ApplicationList {
	margin: 20px 0 0 0;
	}
.ApplicationList td {
	padding: 0 15px 5px 0;
	}

#Registration {
  margin: 0 0 50px 0;
  }

.RegistrationList {
  margin: 30px 0 0 0;
  }
.RegistrationList table {
  font-size: 14px;
  }
.RegistrationList th {
  color: #0f6499;
  font-weight: 700;
  text-align: left;
  padding: 0 30px 10px 0;
  }
.RegistrationList td {
  padding: 0 30px 5px 0;
  }

.RegistrationDetail {
  margin: 0 0 50px 0;
  }



@media screen and (max-width: 800px) {
#MailView {
  float: none;
  width: 100%;
  max-width: 100%;
  }
.Cmap {
  float: none;
  width: 100%;
  margin: 30px 0 0 0;
  max-width: 100%;
  }
}
@media screen and (max-width: 650px) {
.ApplicationList tr {
	display: block;
	margin: 0 0 20px 0;
	}
.ApplicationList td {
	display: block;
	padding: 0;
	}
}
@media screen and (max-width: 600px) {
.gform label {
  float: none;
  display: block;
  width: 100%;
  max-width: 100%;
  }
.gform input {
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0;
  }
.gform select {
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0;
  }
.gform textarea {
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0;
  }
.gform .ButtonPane {
  margin: 0;
  }
}
