input[type="text"], textarea {

  background-color : #f5f5dc;
  //background: transparent;
  border: none;
  border-bottom: 1px solid #000000;
  //background-color : #d1d1d1; 

}

input[type="number"], textarea {

  background-color : #f5f5dc;
  border: none;
  border-bottom: 1px solid #000000;
  //background-color : #d1d1d1; 

}

{box-sizing: border-box;}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}



table.join td {
 // border: 1px solid black;
 text-align:right;
}



/* The popup form - hidden by default 3px solid #f1f1f1   right 15px  bottom 5*/
.form-joinpopup {
  display: none;
  position: fixed;
  border: none;
  z-index: 900000000000;
}

.form-joinpopuptable {
  display: none;
  position: fixed;
  border: none;
  z-index: 900000000000;
}

/* Add styles to the form container */
.form-joincontainer {
  max-width: 1280px;
  padding: 10px;
  background-image: url('../images/newbackground.jpg');
}

.form-jointablecontainer {
  max-width: 1280px;
  padding: 10px;
  background-image: url('../images/newbackground.jpg');
}

/* Full-width input fields */
.form-joincontainer input[type=text], .form-joincontainer input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

.form-jointablecontainer input[type=text], .form-jointablecontainer input[type=password] {
 // width: 100%;
  height: 10px;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-joincontainer input[type=text]:focus, .form-joincontainer input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

.form-jointablecontainer input[type=text]:focus, .form-jointablecontainer input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button #4CAF50*/
.form-joincontainer .btn {
  background-color: #EE4C7C;
  color: blue;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

.form-jointablecontainer .btn {
  background-color: #EE4C7C;
  color: blue;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

#popjoinfooter{

width: 100%;
cursor: move;
background: transparent;
outline: none;
border: none;
padding: none;
margin: none;
height: 15px;
position: relative;
top: -35px;

}

#popjointablefooter{

width: 100%;
cursor: move;
background: transparent;
outline: none;
border: none;
padding: none;
margin: none;
height: 15px;
position: relative;
top: -35px;

}


.myLinks:link{

color:  rgba(0,255,255,1);
text-decoration: none;


}

.myLinks:visited{

color:  green;
text-decoration: none;


}

.myLinks:hover{

color: purple;

}

.myLinks:active{

color: red;

}

/* Add a red background color to the cancel button red*/
.form-joincontainer .cancel {
  background-color: #AC3B61;
}

.form-jointablecontainer .cancel {
  background-color: #AC3B61;
}

/* Add some hover effects to buttons */
.form-joincontainer .btn:hover, .open-button:hover {
  opacity: 1;
}

.form-jointablecontainer .btn:hover, .open-button:hover {
  opacity: 1;
}

/*Draggable Div Header*/

#popjoinheader {

cursor: move;

}

#popjointableheader {

cursor: move;

}

#popjoin {

//cursor: move;

}

#popjointable {

//cursor: move;

}

#jointablelink {

text-decoration: none;

}

#joinlink {

text-decoration: none;

}

label:hover{

color: blue;

}

label.lcheck:hover{

color: purple;

}