/*CSS Document used for the Project1 assignment
Author: Volodymyr Horobchenko
Course: ITWP 1000
File: styleset.css
*/

body {
   background-color: #F8F8F8;
  }
  
p,div {
	width: 100%;
	height: auto; 
	text-align:center;		
	vertical-align: middle;
}

#main div{
	width: 800px;
}

#main p{
	text-indent: 20px;
	margin-top: 0px;
	margin-bottom: 7px;
	line-height: 1.5;
	text-align: justify;
	font-size:13pt;
}

#MenuTable {
	width: 100%;
	max-width: 100%;
	overflow: scroll;
}	
#MenuTable .td {
	text-align: center; 
	vertical-align: middle;
}
	
#MenuTable .tdselected {
	text-align: center; 
	vertical-align: middle;
    background:#d5e1df;	
}

#MenuTable td:hover {
	background:#e3eaa7;
  }
.responsive {
	max-width: 100%;
	height: auto;
	border: 1px solid #51471A;
	border-radius: 10px;
}  

/*
Tools page
*/
 table.center {
    margin-left:auto; 
    margin-right:auto;
  }
  
  th.th_tools {
  font-size: 24px; /* Set font size for table header cells */
  font-weight: bold; /* Optionally make header text bold */
}

td.td_tools {
  font-size: 18px; /* Set font size for table data cells */
  vertical-align: top; /* Optionally top-align text in data cells */
  padding: 4px; /* Add padding for better readability */
}
  
  
#tools_p {
	width: 100%;
	text-align: center;
}
  
@media only all and (max-width:550px) {
	img {
		display: none;
	}
}
  
#validation {
	text-align: center;
}