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:#5a5a5a;
	font-family : Calibri;
	font-size: 17px;
}
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: 17px;
	font-family : Calibri;
	color : #5a5a5a;
}
P {
	font-size: 17px;
	font-family : Calibri;
	color : #5a5a5a;
}
h1 {
	font-size: 20px;
	font-family : Calibri;
	color : #2c5871;
}
h2 {
	font-size: 20px;
	font-family : Calibri;
	color : #5a5a5a;
}
h3 {
	font-size: 20px;
	font-family : Calibri;
	color : #5a5a5a;
}
SELECT {
	font-size: 12px;
	font-family : Calibri;
	color : #FF0000;
}
TD.bigger {
	font-size: 24px;
	font-family : Calibri;
	color : #2c5871;
}
P.bigger {
	font-size: 24px;
	font-family : Calibri;
; color: #2c5871;
}
TD.huge {
	font-size: 28px;
	font-family : Calibri;
; color: #2c5871;
}
P.huge {
	font-size: 28px;
	font-family : Calibri;
; color: #2c5871;
}
TD.smaller {
	font-size: 12px;
	font-family : Calibri;
	color : #000000;
}
P.smaller {
	font-size: 12px;
	font-family : Calibri;
	color : #000000;
}
Input {	
	border-color: #003366;
	font-family : Calibri;
	font-size: 17px;
	color : #000000;
	background-color: #E7EAEF;
}
Input.noborder {
	border-width: 1px;
	border-color: #003366;
	font-family : Calibri;
	font-size: 17px;
	color : #000000;
	background-color: #FFFFFF;
}
Textarea {
	border-width: 1px;
	border-color: #003366;
	font-family : Calibri;
	color : #000000;
	font-size: 17px;
	background-color: #E7EAEF;
}
Select {
	border-width: 1px;
	border-color: #003366;
	font-family : Calibri;
	color : #000000;
	font-size: 17px;
	background-color: #E7EAEF;
}
HR {
	color: #6600CC;
	height: 1px;
}
.form-error {
 background-color: lightyellow;
 border: 1px dotted #aaa;
 padding: 10px;
 width: 60%;
}
#sites-chrome-header .sites-header-nav{overflow:hidden;margin-left:1px;padding:5px 5px 0px;text-align:left;font:14px Arial,sans-serif}
#sites-chrome-header .sites-header-nav ul{margin:0;padding:0}
#sites-chrome-header .sites-header-nav li{display:inline-block;list-style-type:none;list-style-image:none}
#sites-chrome-header .sites-header-nav a:hover{text-decoration:underline;background-color:transparent}
.sites-header-nav-container-tabs li{padding:4px 7px;margin:0 0 0 6px;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom-right-radius:0px;box-shadow:0 0 4px #777}
td{vertical-align:top;padding:1px 4px}
#sites-chrome-page-wrapper{width:90%;margin:auto;border-style:solid;border-color:#f0f0f0}
.sites-header-nav-dropdown-menu{border: 0 #ddd solid;min-width:200px;z-index:300;overflow-x:hidden;overflow-y:auto;cursor:default;font:12px Arial,sans-serif;margin:0;outline:medium none;padding:4px 0;position:absolute}
.sites-header-nav-dropdown-menuitem{float:none;line-height:22px;padding:2px 1.5em 2px 15px;text-align:left;list-style:none outside none;margin:0;white-space:nowrap.sites-header-nav-container-links .sites-header-nav-dropdown-menu}

body {
	font-size: 17px;
	font-family : Calibri;
	color : #5a5a5a;
}

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

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

.popup {
  margin: 30px auto;
  padding: 10px;
  background: #fff;
  border: 2px solid rgba(63,63,63,2);
  border-radius: 5px;
  width: 30%;
  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: 10px;
  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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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