.cell { 
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   border: 0px;
   text-align: left;
   padding: 1px;
}

.photo_cell { 
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   border: 1px solid black;
   text-align: center;
   float: left;
   width: 100%;
   overflow: hidden;
}

.member { width: 100%; }
.status { width: 100%; }
.email { width: 100%; }
.phone { width: 100%; }
	
.table_row:hover { background-color: #99ff99;}
.tan_table_row:hover { background-color: #99ff99;}
	
.table_row { 
   margin: 0px;
   max-width: 900px;
   border: 1px solid black;
}	
						  
.tan_table_row {
   margin: 0px;
   max-width: 900px;
   background-color: #ffffcc;
   border: 1px solid black;
}

.photo_row { 
   margin: 0px;
   border: 0px;
   max-width: 690px;
   width: 66%;
}	 
	
#table_header { 
   display: none; 
   background-color: #99ff99; 
}

.table { max-width: 901px;
   margin-bottom: 0;
   margin-top: 0;
   margin-left: auto;
   margin-right: auto;}
	
#mowing_schedule {
   color:#09F;
   font-size:16px;
   margin-bottom: 0;
   margin-top: 0;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   text-align: center;
}

.center {
	     margin-bottom: 0;
	     margin-top: 0;
	     margin-left: auto;
	     margin-right: auto;
		 text-align: center; }
         
/* The popup form - hiddenby default */
.form-popup {
  display: none;
  background-color:  #CDFFFF;
  z-index: 9;
}

/* Styles for the members login form */
.form-container {
  max-width: 350px;
  padding: 10px;
  background-color: #74A4E2;
  border: 3px solid #f1f1f1;
}

.form-container .btn {
  background-image: linear-gradient(to bottom, #CDFFFF, #74A4E2);
  color: white;
  text-align: center;
  text-shadow: 2px 2px 4px black;
  padding: 5px;
  text-decoration: none;
  background-color: #9DCFCF;
  border-radius: 3px;
  border: 1px solid black;
  cursor: pointer;
  width: 30%;
  margin-bottom: 10px;
}

.form-container p {
    font-family:arial, verdana, san-serif; 
	color:#000; 
	font-size:14pt; 
	font-weight:bold;
    text-align: center;
    line-height: 20px;
}

/* Add some hover effects to buttons */
.form-container .btn:hover {
  background-color:  #74A4E2
} 

.form-container #combo-textbox
{
   margin: 10px;
   width: 60%
}

/* Style changes for medium screens */
@media only screen and (min-width: 600px) {
   .cell { 
      border: 1px solid black; 
	  padding: 5px;
    }
	.member { width: 26%; }
	.status { width: 18%; }
	.email { width: 40%; }
	.phone { width: 16%; }
	.photo_cell {width: 33.33%; 
                 font-size: 8pt;}
	.table_row { border: 0px; }
	.tan_table_row { border: 0px; }
	.photo_row { border: 2px solid black; }	
	#table_header { display: block; }
    #mowing_schedule { font-size:17px; }
}	

/* Style changes for large screens */
@media only screen and (min-width: 768px) {
    #mowing_schedule { font-size:18px; }
    .photo_cell { font-size: 9pt; }
}