.my-portlet-msg-error {
  margin: 5px 0 10px 0;
  padding: 5px;
  background-color: #fee5e2;
  /*border-left: 1px solid #FF0000;*/
  color: #b50303; }

.employee-instructions {
  margin: 0 2em;
  font-size: 12px; }

.employee-instructions li ul {
  margin: 0 2em;
  padding-top: 6px; }

.employee-instructions li ul li {
  padding-bottom: 2px; }

.createAccBtn {
  padding: 5px;
  text-shadow: none !important;
  background-color: #0C7D24 !important;
  background-image: none !important;
  color: #fff !important;
  width: 125px !important;
  border-radius: 10px !important; }

.building-title {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0 10px 0;
  color: #0C7D24; }

.building-reg-help {
  font-style: italic;
  font-size: 0.8em; }

.reg-label {
  margin-top: 12px; }

.reg-color-green {
  color: #4FA600; }

.resize {
  font-size: 14px; }

#agreedToTerms {
  margin-top: 0px; }

.error-messages {
  color: red; }

.terms-link {
  font-weight: bold;
  cursor: hand;
  cursor: pointer; }

.help-link {
  cursor: hand;
  cursor: pointer;
  margin-top: 0px;
  color: #182867; }

.modal-center {
  align: center; }

.captcha-text-verify {
  margin-top: 5px;
  margin-right: 15px;
  font-weight: bold;
  float: left; }

.terms-check-box {
  margin-top: 15px; }

/* Browse Category styling will eventually be moved to seperate file */
.top-header-nav {
  width: 100%;
  line-height: 50px;
  font-size: 20px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle; }

.top-header-doc-label {
  border-radius: 4px;
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #626469; }

.top-open-header-nav {
  margin-top: 15px;
  width: 100%;
  line-height: 50px;
  font-size: 20px;
  color: #ffffff; }

.top-header-arrow {
  float: right;
  padding-top: 16px;
  padding-right: 20px; }

.registration-already-registered {
  padding-bottom: 10px;
  font-size: 14px;
  color: #4FA600; }

.form-validation-error {
  border-color: #FF0000 !important; }

.form-validation-error-with-border {
  border: 1px solid #FF0000 !important;
  float: left;
  clear: left;
  margin: 2px;
  padding: 2px 12px 0 2px; }

.terms-and-conditions {
  margin-top: 10px; }

.successful-registration-options {
  padding: 10px; }

.successful-registration-options li {
  padding: 5px; }

.register-radio-btn {
  display: inline !important;
  margin-right: 4px; }

.radioBtnLabel {
  display: inline;
  font-size: 14px;
  padding: 0 24px 8px 0; }

.radioBtnLabel {
  position: relative;
  top: 2px; }

.safari .radioBtnLabel {
  position: relative;
  top: 4px; }

input[type="radio"], input[type="checkbox"] {
  margin-top: 1px \9; }

th td {
  padding-right: 70px !important;
  font-weight: normal; }

input[name="empPassword"], input[name="emailAddress"], input[name="sesaId"] {
  margin-bottom: 5px; }

select {
  padding: 3px !important; }

.employee-or-customer {
  font-size: 14px;
  padding: 10px 0 10px 0; }

.input-label-with-inline-help {
  color: #333;
  margin: 18px 0 4px 0;
  font-size: 14px !important;
  font-weight: normal !important; }

.registration-input-labels {
  color: #333;
  margin: 18px 0 4px 0;
  font-size: 14px !important;
  font-weight: normal !important; }

.registration-terms-conditions {
  font-size: 0.8em; }

.registration-company-id {
  display: none;
  visibility: hidden; }

.registration-one-column-div {
  clear: both;
  padding-top: 1px; }

.two-column-input {
  width: 125% !important; }

@media screen and (max-width: 979px) and (min-width: 768px) {
  .one-column-cell-select {
    width: 103% !important; }

  .first-two-column-input {
    width: 118% !important; } }
.registration-form-container {
  margin: -24px 20px 0 0; }

td.two-column-table {
  border-collapse: separate;
  padding-right: 75px; }

td.second-column-table {
  padding-right: 55px; }

.one-column-cell {
  width: 98.5% !important; }

.one-column-cell-half {
  width: 48% !important; }

.one-column-cell-select {
  width: 50%; }

input[type="text"] .first-two-column-input {
  padding-right: 0px; }

.red-star {
  color: red;
  font-size: 15px; }

@media screen and (min-width: 768px) {
  .registration-two-column-div {
    width: 89%; }

  .registration-first-column {
    float: left;
    width: 42% !important; }

  .registration-second-column {
    float: right;
    width: 42% !important; } }
/*   Tablet landscape css */
@media (min-width: 980px) and (max-width: 1200px) {
  td.second-column-table {
    padding-right: 34px; }

  td.first-column-table {
    border-collapse: separate;
    padding-right: 50px; } }
/*   Tablet potrait css */
@media screen and (min-width: 760px) and (max-width: 979px) {
  td.first-column-table {
    padding-right: 50px; }

  table.reg-table {
    width: 110% !important; } }
/* All phone css */
@media (max-width: 767px) {
  .two-column-input {
    width: 119% !important; }

  .registration-two-column-div {
    width: 89%; }

  .registration-first-column {
    float: none;
    width: 88% !important; }

  .registration-second-column {
    float: none;
    width: 88% !important; }

  .employee-or-customer {
    font-size: 11px; }

  .registration-form-container {
    margin: 0px !important;
    padding-left: 16px; }

  .registration-input-labels {
    margin: 6px 0 0px 0;
    font-size: 12px !important; }

  .one-column-cell-half, .one-column-cell {
    width: 93% !important; } }
.green-btn, .exchange-register-portlet .register-portlet-btns .submitBtn {
  font-family: Arial;
  color: #fff;
  font-size: 14px;
  background: green;
  padding: 2px 10px;
  border: solid #386380 1px;
  text-decoration: none; }

.green-btn:hover, .exchange-register-portlet .register-portlet-btns .submitBtn:hover {
  background: green;
  text-decoration: none; }

.grey-btn, .exchange-register-portlet .register-portlet-btns .cancelBtn {
  font-family: Arial;
  color: #000;
  font-size: 14px;
  background: #DCDCDC;
  padding: 2px 10px;
  border: solid #386380 1px;
  text-decoration: none; }

.grey-btn:hover, .exchange-register-portlet .register-portlet-btns .cancelBtn:hover {
  background: #ccc;
  text-decoration: none; }

.register-portlet-placeholder {
  width: 35%;
  margin-left: 3px;
  display: inline-block; }

.field-name-60 {
  width: 60% !important; }

.field-value-38 {
  width: 35% !important;
  text-align: right; }
  .field-value-38 span.text {
    display: inline-block;
    width: 14%;
    margin-right: 13px; }
  .field-value-38 span.button {
    display: inline-block;
    width: 14%; }

.exchange-register-portlet {
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.97);
  -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.97);
  box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.97);
  background-color: #DCDCDC;
  font-weight: bold;
  width: 40%;
  padding: 15px; }
  .exchange-register-portlet form {
    margin: 0; }
  @media screen and (max-width: 767px) {
    .exchange-register-portlet {
      width: 92%;
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 30px; } }
  .exchange-register-portlet .register-portlet-header {
    position: relative;
    cursor: pointer; }
    .exchange-register-portlet .register-portlet-header .header-text {
      font-size: 16px;
      margin-left: 3px; }
    .exchange-register-portlet .register-portlet-header .header-expander {
      position: absolute;
      top: 0;
      right: 0; }
  .exchange-register-portlet .register-portlet-form {
    border-top: 1px solid #cecece;
    margin-top: 15px; }
    .exchange-register-portlet .register-portlet-form .register-portlet-field {
      padding: 15px 0;
      border-bottom: 1px solid #cecece; }
      .exchange-register-portlet .register-portlet-form .register-portlet-field .field-name {
        width: 35%;
        margin-left: 3px;
        vertical-align: top;
        margin-top: 5px;
        display: inline-block; }
      .exchange-register-portlet .register-portlet-form .register-portlet-field .field-value {
        width: 60%;
        display: inline-block; }
        .exchange-register-portlet .register-portlet-form .register-portlet-field .field-value input, .exchange-register-portlet .register-portlet-form .register-portlet-field .field-value select {
          width: 100%;
          height: 25px;
          margin: 0;
          padding: 0;
          border: 2px solid #ccc;
          font-size: 12px; }
  .exchange-register-portlet .register-portlet-btns {
    width: 60%;
    display: inline-block; }
    .exchange-register-portlet .register-portlet-btns .submitBtn {
      margin-right: 10px; }
  .exchange-register-portlet .accept-register-term {
    width: 60%;
    padding: 15px 0;
    display: inline-block; }
    .exchange-register-portlet .accept-register-term a {
      color: #0077b3; }