/***** 
	File: /~ckim/GUI1/Assignment7/css/style.css
  COMP4610 GUI Programming I Assignment: Using the jQuery Validation Plugin with Dynamic Table
  Chhun Kim, UMASS Lowell Computer Science, chhun_kim@student.uml.edu
  Copyright (c) 2016 by Chhun Kim. All rights reserved.
  May be freely copied or excerpted for educational purposes with credit to the author.
		Created by CK on 11/14/2016 
	*****/

header, form, div, footer{
  display: block;
}

/* body with a blue background  */
body{
	min-width: 540px;
	margin-left: 5%;
	margin-right: 5%;
	background: #0469b1;
}

/* form has a skyblue color with dashed border */ 
#form{
	overflow: auto;
	border: 3px dashed black;
	background-color: rgba(255, 255, 255, .5);
	padding: 2%;
}

/* maximum width of each cell of the table */
#myTable{
	max-width:5%;
	empty-cells: hide;
}

/* centered the header */ 
header{
	text-align: center;
}

/* for the "Plesae fill in the boxes with the requirement below:" text */
h4{
	margin-left: 10px;
}

/* for the blink cell will have no color */
td.child-blink{
	text-align: center;
	background-color: rgba(222, 255, 97, .5);
	border: 2px solid black;
	padding: 10px;
	width: 15px;
	height: 15px;
	font-size: 13pt;
}

/* for the tbale header */
td.header{
	text-align: center;
	border: 2px solid black;
	padding: 10px;
	width: 15px;
	height: 15px;
	font-size: 13pt;
	background-color: white;
}

/* coloring cell */
td.color{
	text-align: center;
	border: 2px solid black;
	background-color: rgba(255, 255, 255, .5);
	padding: 10px;
	width: 15px;
	height: 15px;
	font-size: 13pt;
}

.error{
	color: red;
	font-weight: bolder;
	font-style: italic;
}

/* padding the form */
form{
	padding: 20px;
}

/* validator ul */
.validator{
		color: white;
}

/* footer */
footer{
	color: white;
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}