@font-face {font-family:'Lora';
	src:url('../fonts/Lora-Regular.woff2') format('woff2'),
	url('../fonts/Lora-Regular.woff') format('woff');
	font-weight:normal;font-style:normal;}
@font-face {font-family:'Lora';
	src:url('../fonts/Lora-Italic.woff2') format('woff2'),
	url('../fonts/Lora-Italic.woff') format('woff');
	font-weight:normal;font-style:italic;}
@font-face {font-family:'Lora';
	src:url('../fonts/Lora-Bold.woff2') format('woff2'),
	url('../fonts/Lora-Bold.woff') format('woff');
	font-weight:bold;font-style:normal;}

.small {display:none;}
  
.digit {width:40px;height:40px;margin:0px;
  background-color:#fff;
  font-family:Lora,Arial,sans-serif;font-weight:bold;
  color:#c00;font-size:18pt;text-align:center;border:0px;}
  
.digithigh {width:40px;height:40px;margin:0;border:0;
  background-color:#99f;
  font-family:Lora,Arial,sans-serif;font-weight:bold;
  color:#c00;font-size:18pt;text-align:center;}

.digitblink {width:40px;height:40px;margin:0px ;
  background-color:#fff;
  font-family:Lora,Arial,sans-serif;  font-weight:bold;
  color:#0c0;font-size:18pt;text-align:center;
  border:0px;
}
.digitlock {
  width:40px;
  height:40px;
  margin:0px 0px 0px 0px;
  background-color:#faa;
  font-family:Lora,Arial,sans-serif;
  font-weight:bold;
  color:#000;
  font-size:18pt;
  text-align:center;
  border:0px;
}
.digitlockhigh {
  width:40px;
  height:40px;
  margin:0px;
  background-color:#faa;
  font-family:Lora,Arial,sans-serif;
  font-weight:bold;
  color: #000;
  font-size:18pt;
  text-align:center;
  border:0px;
}
.bdigit {width:22px;height:22px;
  font-family:Lora,Arial,sans-serif;font-weight:bold;font-size:10pt;
  color:#c00;}
  
.sdigit {width:22px;height:22px;
  font-family:Lora,Arial,sans-serif;font-weight:bold;font-size:10pt;
  color:#000;}
  
.edigit {width:66px;
  font-family:Lora,Arial,sans-serif;
  font-weight:normal;
  font-size:10pt;}
.bcontrol {width:85px;
  font-family:Lora,Arial,sans-serif;
  font-weight:normal;  font-size:10pt;
  vertical-align:middle;}
.cookie {width:120px;
  font-family:Lora,Arial,sans-serif;
  font-weight:normal;
  font-size:10pt;}
.words  {font-family:'comic sans ms',arial,sans-serif;
  font-weight:normal;font-size:11pt;color:#000;}

.heading  {font-family:'comic sans ms',arial,sans-serif;
  font-weight:bold;font-size:18pt;text-align:center;color:#000;}
.rowht {height:32px;}
.novice {
  width:65px;
  font-family:Lora,Arial,sans-serif;
  font-weight:normal;
  font-size:10pt;
  vertical-align:middle;
}

#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:250px;
	height:110px;
	margin-top:100px;
	border:0px;
	background-image:url(alert.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:center;
	visibility:hidden;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0px;
	font:bold 15px Lora,Arial,sans-serif;
	height:20px;
	background-color:transparent;
	color:#00c;
	padding:8px 0px 2px 0px;
}

#alertBox p {
	margin:0px;
	font:12px Lora,Arial,sans-serif;
	background-color:transparent;
	height:40px;
	padding:2px 15px 2px 15px;

}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:2px auto;
	padding:4px 3px 4px 3px;
	border:0px solid #aaa;
	width:70px;
	height:23px;
	font:12px Lora,Arial,sans-serif;
	text-align:center;
	vertical-align:middle;
	color:#000;
	background-image:url(button.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}