.head 	{
				background-color:#00ffff;
				width:100%;
				padding:5px;
				border:1px;
				border-style:solid;
		}
	
.mmtb {
			display:inline-block;
			text-align:left;
			vertical-align:top;
			padding-left:5px;

		}

.mmh1	{
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:xx-large;
		font-weight:600;
		text-align:left;
		}
		
.mmh2	{
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:medium;
		font-weight:600;
		text-align:left;
		}

.mmtm	{
			font-family: arial, verdana, helvetica, sans-serif;
			font-size:large;
			font-weight:600;
		}		
				
.topmenu 	{
				margin-left:0px;
				padding-left:0px;
				text-align:left;
				list-style-type:none;
			}

.mli		{	display:inline;
				text-align:left;
			 }

.back		{
				padding-top:10px;
				padding-left:40px;
			}
			 
			 
.mmbody		{
				padding-top:10px;
			}
			
.maintitle 	{
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:medium;
				font-weight:600;
				color:#000000;
			}
			
.links	{
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:small;
				font-weight:400;
				color:#000000;
			}
			
.xlinks	{
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:medium;
				font-weight:400;
				color:#000000;
			}				

.footer 	{
				background-color:#00ffff;
				width:100%;
				padding-left:40px;
				border:1px;
				border-style:solid;
		}
	
.footfine	{
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:x-small;
				font-weight:600;
				text-align:left;
			}

.err 		{
				padding-top:10;
				padding-bottom:10;
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:medium;
				color:#ff0000;
				text-align:left;
				font-weight:400;
			}						
	
.tablebox   {
				border-color:#AAAAAA;
				border-width:1;
				border-style:solid;
				border-collapse:collapse;
				padding:10;
				background-color:#CCCCCC;
				text-align:center;
			}			
			
.formtable	{
				padding:5;
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:medium;
				font-weight:400;
				color:#000000;
				text-align:left;
			}

.formhead	{
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:large;
				font-weight:600;
				color:#000000;
				text-align:center;
			}

.formspace 	{
				padding-left:55px;
				padding-right:30px;
			}

.metric 	{
				padding-left:15px;
				text-align:right;
			}

.bmi {
				padding-left:158px;
				font-size:medium;
				font-weight:bold;
				color:black;
}

.wtlenspace {
			padding-left:78px;
}

.centilem	{
				padding-left:30px;
				font-size:medium;
				font-weight:bold;
				color:#070be6;
			}

.centilef	{
				padding-left:30px;
				font-size:medium;
				font-weight:bold;
				color:#c20ac2;
			}

.copy_button {
				padding:10px;
			}

.sexlabelm {
				color:#070be6;
			}

.sexlabelf {
				color:#c20ac2;
			}

.gr_results_f {
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:large;
				font-weight:600;
				color:#c20ac2;
				text-align:left;
		}

.gr_results_m {
			font-family: arial, verdana, helvetica, sans-serif;
			font-size:large;
			font-weight:600;
			color:#070be6;
			text-align:left;
	}
			
.tab2x2		{
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:x-large;
				font-weight:600;
				color:#000000;
			}


.style3		{
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:medium;
				font-weight:600;
				color:#000000;
				text-align:left;
			}		

							
.tab0	{
		vertical-align:top; 
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:small;
		font-weight:bold;
		color:green;
		padding-right:3px;
		}
			
.tab1	{
		font-family:times, serif;
		font-size:medium;
		}

.tab2  {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:small;
		}		
			
			

		
		
			
.mainlogin 	{
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:11;
				font-weight:400;
				color:#009900;
			}				
			

.listhead	{
				text-align:left;
			}
			

						

.formdata	{
				padding-right:8;
			}			

			
.result		{
				font-family: arial, verdana, helvetica, sans-serif;
				font-size:14;
				font-weight:600;
				color:#000000;
				text-align:center;
			}

.form	{
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:10pt;
		text-align:left;
		}


.title {
		font-family: arial, verdana, helvetica, sans-serif;
		text-align:center;
		font-style:italic;
		font-size:12pt;
		font-weight:600;
		}



.regular {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:12pt;
		font-weight:400;
		align:left;
		text-align:left;
		}

.displaytable {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:12pt;
		font-weight:400;
		align:left;
		text-align:left;
		background-color:'#ffffff';
		border-style:solid;
		border-color:'#dddddd';
		}

.alert	{
		text-align:center;
		vertical-align:center;
		}
			
.statusbar {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:14pt;
		font-weight:600;
		text-align:center;
		}
		
.notice {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:12pt;
		font-weight:400;
		text-align:center;
		border-style:solid;
		border-color:red;
		border-width:2;
		}

.gamecanvas {
		background-color:white;
		font-style: arial;
		font-size: medium;
	}
		
.gametable {
		margin-left: auto;
		margin-right: auto; 
		background-color: white;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		font-size: large;
		border: 1px solid black;
		margin-bottom: 20px;
		}

.rheader {
	font-style: normal;
	font-weight: normal;
}
		
.gamecell {
			border: 1px solid black;
			background-color: lightgray;
			text-align: center;
		}

.hidecell {
	border: none;
	background-color: white;
	font-weight: normal;
}

.resultcell {
	border: 1px solid black;
	background-color: white;
	text-align: center;
}
		
#choicetable {
			margin-left: auto;
			margin-right: auto; 
			background-color: white;
			font-family: verdana, arial, helvetica, sans-serif;
			font-weight: bold;
			font-size: large;
			border: 1px solid black;
			text-align: center;
		 }

.choicecell {
			border: 1px solid black;
			background-color: lightgray;
			margin: 5px;
			text-align: center;
}
		
.k1 {
			color: red;
			text-align: center;
			padding: 2px;
	}
		
.k2 {
			color: orange;
			text-align: center;
			padding: 2px;
		}
		
.k3 {
			color: yellow;
			text-align: center;
			padding: 2px;
		}
		
.k4 {
			color: green;
			text-align: center;
			padding: 2px;
		}
		
.k5 {
			color: rgb(5, 66, 233);
			text-align: center;
			padding: 2px;
		}
		
.k6 {
			color: purple;
			text-align: center;
			padding: 2px;
		}

.r1 {
			color: red;
			text-align: center;
			padding: 2px;
		}

.r2 {
			color: black;
			text-align: center;
			padding: 2px;
		}
		
.guess_button {
			margin-left: auto;
			margin-right: auto; 
			text-align: center;
			font-size: large;
			font-weight: bold;
		}	
		
.newgamebutton {
	margin-left: auto;
			margin-right: auto; 
			text-align: center;
			font-size: medium;
}

.endgame {
			max-width: 400px;
			margin-left: auto;
			margin-right: auto; 
			background-color: white;
			font-family: verdana, arial, helvetica, sans-serif;
			font-style: bold;
			font-size: medium;
			color: purple;
			text-align: center;
			padding: 3px;
}

/*
 The Following code formats the drug search autocomplete pop-up list 
*/

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}