BODY{
	scrollbar-3d-light-color: #FFFFFF;
	scrollbar-arrow-color: #D0DAE3;
	scrollbar-base-color: #D0DAE3;
	scrollbar-dark-shadow-color: #D0DAE3;
	scrollbar-face-color: #000033;
	scrollbar-highlight-color: #000033;
	scrollbar-shadow-color: #D0DAE3;
}
	color:#000000;
	font-family : Calibri;
	font-size: 20px;
}
A:link {
	color: #3300FF;
	text-decoration: none;
}
A:visited {
	color: #3300FF;
	text-decoration: none;
}
A:active {
	color: #3300FF;
	text-decoration: none;
}
A:hover {
	color: #006600;
	text-decoration: none;
}
A.dark:link {
	color: #FFFFFF;
	text-decoration: none;
}
A.dark:visited {
	color: #FFFFFF;
	text-decoration: none;
}
A.dark:active {
	color: #FFFFFF;
	text-decoration: none;
}
A.dark:hover {
	color: #00CC00;
	text-decoration: none;
}
TD {
	font-size: 20px;
	font-family : Calibri;
	color : #000000;
}
P {
	font-size: 20px;
	font-family : Calibri;
	color : #000000;
}
h1 {
	font-size: 14px;
	font-family : Calibri;
	color : #2c5871;
}
h2 {
	font-size: 14px;
	font-family : Calibri;
	color : #000000;
}
h3 {
	font-size: 14px;
	font-family : Calibri;
	color : #000000;
}
SELECT {
	font-size: 16px;
	font-family : Calibri;
	color : #FF0000;
}
TD.bigger {
	font-size: 28px;
	font-family : Calibri;
	color : #2c5871;
}
P.bigger {
	font-size: 28px;
	font-family : Calibri;
; color: #2c5871;
}
TD.huge {
	font-size: 30px;
	font-family : Calibri;
; color: #2c5871;
}
P.huge {
	font-size: 30px;
	font-family : Calibri;
; color: #2c5871;
}
TD.smaller {
	font-size: 16px;
	font-family : Calibri;
	color : #000000;
}
P.smaller {
	font-size: 16px;
	font-family : Calibri;
	color : #000000;
}
Input {	
	border-color: #003366;
	font-family : Calibri;
	font-size: 20px;
	color : #000000;
	background-color: #E7EAEF;
}
Input.noborder {
	border-width: 1px;
	border-color: #003366;
	font-family : Calibri;
	font-size: 20px;
	color : #000000;
	background-color: #FFFFFF;
}
Textarea {
	border-width: 1px;
	border-color: #003366;
	font-family : Calibri;
	color : #000000;
	font-size: 20px;
	background-color: #E7EAEF;
}
Select {
	border-width: 1px;
	border-color: #003366;
	font-family : Calibri;
	color : #000000;
	font-size: 20px;
	background-color: #E7EAEF;
}
HR {
	color: #6600CC;
	height: 1px;
}
.form-error {
 background-color: lightyellow;
 border: 1px dotted #aaa;
 padding: 10px;
 width: 60%;
}

body {
	font-size: 20px;
	font-family : Calibri;
	color : #000000;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 10px auto;
  padding: 10px;
  background: #fff;
  border: 5px solid rgba(63,63,63,2);
  border-radius: 5px;
  width: 50%;
  position: relative;
}

.popup .close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;8
  color: #333;
}

.popup2 {
  margin: 160px auto;
  padding: 10px;
  background: #fff;
  border: 2px solid rgba(63,63,63,2);
  border-radius: 5px;
  width: 30%;
  position: relative;
}

.popup2 .close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.popup3 {
  margin: 30px auto;
  padding: 0;
  background: #fff;
  border: 2px solid rgba(63,63,63,2);
  border-radius: 5px;
  width: 515px;
  position: relative;
}

.popup3 .close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;8
}

.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 300px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

* {box-sizing: border-box;}

.open-button2 {
  background-color: #ffffff; 
  border: none;
  padding:4px 0;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  color: blue;
  font-family : Calibri;
  font-size: 20px;
  cursor: pointer;
} 

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  top: 150px;
  left: 550px;  
  z-index: 9;
}

/* The popup form - hidden by default */
.form-popup2 {
  display: none;
  position: fixed;
  top: 40px;
  left: 500px;  
  z-index: 9;
}

/* The popup form - hidden by default */
.form-popup3 {
  display: none;
  position: fixed;
  top: 5px;
  left: 500px;  
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 600px;
  padding: 10px;
  background-color: #e3dddd;
  border-width: 1px;
  border-color: black;
  border-style:solid;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}