/*
   New Perspectives on HTML and CSS
   Final Project
  
   Members Login Style Sheet
   Author: Claudia Lindsay
   Date:   10/20/2015

   Filename:         members.css
   Supporting Files: 

*/

section#login {
   display: block;
   float: left;
   margin-left: 25px;
   background-color: rgb(224, 224, 224);
   padding: 5px;
   width: 90%;
   border-width:3px;	
   border-style:groove;
   margin: 15px auto;
}

table {   
   font-size: 14px; 
   margin-top: 0px; 
   margin-bottom: 20px;
   margin-left: 5px;
   width: 90%;
  
}

th {
   background-color: blue; 
   color: white; 
   font-weight: normal;
   letter-spacing: 2px;
   padding: 5px;
}

td {
   vertical-align: top; 
   background-color: rgb(224, 224, 224);
   padding: 5px;
}

td.center {
   text-align: center;
}

td.centertwo {
	display: inline-block;
    width: 10%;
	margin-left: 20px;
}

article img {
	border: none;
	width: 40px;
	height: 60px;
	clear: both;
	float: right;
	
}

/* Validation styles */
input:focus, select:focus, textarea:focus {
   background-color: rgb(255, 255, 240);
}

input:focus:valid {
   background: rgb(225, 240, 225) url(go.png) bottom right no-repeat;
   -o-background-size: contain;
   -moz-background-size: contain;
   -webkit-background-size: contain;
   background-size: contain;
}

input:focus:invalid {
   background: rgb(240, 225, 225) url(stop.png) bottom right no-repeat;
   -o-background-size: contain;
   -moz-background-size: contain;
   -webkit-background-size: contain;
   background-size: contain;
}