@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;}


.digit {width:52px;height:36px;border-width:0;
  background-color:#fff;
  font-family:Lora,Arial,sans-serif;font-weight:bold;
  color:#c00;font-size:18pt;text-align:center;}
  
.digitcross {width:52px;height:36px;border-width:0;
  background-color:#7d7;
  font-family:Lora,Arial,sans-serif;font-weight:bold;
  color:#c00;font-size:18pt;text-align:center;}
  
.digithigh {width:52px;height:36px;border-width:0;
  background-color:#fff;
  font-family:Lora,Arial,sans-serif;font-weight:bold;
  color:#c00;font-size:18pt;text-align:center;}

.digitblink {width:52px;height:40px;margin:0 ;
  background-color:#fff;
  font-family:Lora,Arial,sans-serif;font-weight:bold;
  color:#0c0;font-size:18pt;text-align:center;
  border:0 none;
}
.digitlock {width:52px;height:36px;margin:0;
  background-color:#faa;
  font-family:Lora,Arial,sans-serif;font-weight:bold;
  color:#000;font-size:18pt;text-align:center;
  border:0 none;
}
.digitlockcross {width:52px;height:36px;margin:0;
  background-color:#6c6;
  font-family:Lora,Arial,sans-serif;font-weight:bold;
  color:#000;font-size:18pt;text-align:center;
  border:0 none;
}
.digitlockhigh {width:52px;height:36px;margin:0;
  background-color:#faa;
  font-family:Lora,Arial,sans-serif;font-weight:bold;
  color:#000;font-size:18pt;text-align:center;
  border:0;
}
.bdigit {height:30px;width:30px;padding:0;border-color:blue;border-width:1px;font-family:Lora,Arial,sans-serif;font-weight:bold;font-size:10pt;color:#c00;background-color:#aac;text-align:center;cursor:url(../images/linux-cursor-hand.cur),pointer;}

.sdigit {width:22px;height:22px;font-family:Lora,Arial,sans-serif;font-weight:bold;font-size:10pt;
  color:#000;}
  
.edigit {width:66px;height:22px;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;}

.rowht {height:39px;background:black;}

.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:0;
	left:0;
	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:0;
	background-image:url(alert.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-align:center;
	visibility:hidden;
}

#modalContainer > #alertBox {
	position:fixed;
}

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

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

#alertBox #closeBtn {
	position:relative;
	margin:2px auto;
	padding:4px 3px 4px 3px;
	border:1px 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;
}