/* 
CSS used for membership related things.
	- members login
	- member admin

*/


	
	/* The message that says if you were logged in or not. */
	.login_message{
		padding-left:2px;
		padding-right:2px;
		padding-bottom:0px;
		font-variant:small-caps;
		display:inline;
		text-align:right;
		font-size:12px;
		border:0px;
		margin:0px;	
		color: red;
	}
	/* The place holder for when there is a message. */
	.no_login_message{
		display:none;
	}
	

	
	.gem_member_container input{
		font-size:10px;
		border:0px;
		margin: 2px;
		color: white;
		background-color: #7770A6;
	}
	
	.gem_member_username_text{
		display: none;
	}
	
	.gem_member_password_text{
		display: none;		
	}
	
	/* input */
	.gem_member_username{
		background-image: url("images/student_number.jpg");
		background-repeat: no-repeat;
		background-position: top left;
		height: 13px;		
		color: black !important;
		/* font-weight: bold;*/
		text-indent: 5px;
		width: 128px;
	}
	
	/* input */	
	.gem_member_password{
		background-image: url("images/password.jpg");	
		background-repeat: no-repeat;
		background-position: top left;
		height: 13px;
		color: black !important;
		/* font-weight: bold;*/
		text-indent: 5px;
		width: 128px;
	}
	
	/* button */
	.gem_member_submit{
		font-weight: bold;
		
	}
	
	

/* MEMBER ADMIN FORM */
	/*
		This box just has the "create new member 
		card" option in it.
	*/

	.member_command_box{
		padding: 5px; 
		width: 140px; 
		border-style:solid; 
		border-color:#666666; 
		border-width:1px; 
		float: left; clear:both;
		position: relative;
	}
	
	
		/*
			This box contains the list of members 
			currently in the database for this website.
		*/
	.member_list{
		padding: 5px; 
		width: 140px;
		height: 173px; 
		margin-top: 3px; 
		border-style:solid; 
		border-color:#666666; 
		border-width:1px; 
		float: left; 
		clear: both;
		overflow: auto;
		position: relative;
	}

		/*
			This box contains the actual 
			member card for either the selected member, 
			or a blank card for a new entry.
		*/
	.member_details{
		background-color: #FFFFCC;
		padding: 5px; 
		width: auto; 
		margin-left: 155px; 
		border-style:solid; 
		border-color:#666666; 
		border-width:1px;
	}

		/* This is here so that the page doesn't appear to 
	       move around when the system displays a message.
		*/
	.no_member_admin_message{
		
	}

/* AIFC SPECIFIC */

	/* The container for the form. */
	.gem_member_container{
		position:relative;
		background-color:#E4E5F7;
		border: 1px solid #7770A6;
		margin:0px;
		padding: 10px;
		text-align: center;
		width: 140px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	
	/* The form. */
	.gem_member_login{
	
		padding: 0px;
		margin: 0px;
		
	}
	
	.gem_member_heading{
		display: block;
		text-align: center;
		font-weight: bold;
	}