@charset "UTF-8";
/* CSS Document */

/* FONTS */

p {font-weight:normal;color:#444;font-size:15px;line-height:140%;font-family:Helvetica,Arial,Verdana;padding-top:0}
.table p {font-weight:normal;color:#444;font-size:15px;font-family:Helvetica,Arial,Verdana;padding:0}
body { color: #444; font-family: Verdana, Arial, Helvetica, Swis, SunSans-Regular; font-size: 11px; line-height: 130%;  }
h1{color:#0033cc;font-size:28px; font-family: 'Open Sans',Helvetica,Arial,Verdana;padding-top:10;font-weight:400}
h2{color:#6600cc;font-size:24px;font-family:'Open Sans',Helvetica,Arial,Verdana;padding-top:0}  /* h2=purple */
h3{color:#6600cc;font-size:18px;font-family:'Open Sans',Helvetica,Arial,Verdana;padding-top:0} /* h3=purple */
h4{color:#0033cc;font-weight:bold;font-size:18px;line-height:100%;font-family:'Open Sans',Helvetica,Arial,Verdana}  /* h4=blue */
h5{color:#6600cc;font-weight:normal;font-size:14px;line-height:100%;font-family:Helvetica,Arial,Verdana; padding-top: 8px; }/* h5=purple */
h6{color:#333;font-weight:normal;font-size:7px;line-height:130%;font-family:Helvetica,Arial}
ul,ol,li{font-weight:normal;font-size:15px;line-height:130%;font-family:Helvetica,Arial,Verdana;padding-top:0}
blockquote{font-size:13px;line-height:120%;font-family:Helvetica,Arial,Verdana;margin-right:4pc;margin-left:4pc;padding:6pt;border:1pt}
hr { color: #eeeeee; }

@font-face {
    font-family: 'Open Sans';
    src: url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic');
    src: url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic') format('embedded-opentype'),
    font-weight: bold;
    font-style: normal;

}

b{font-weight:bold}
strong{font-weight:bold}
.ad{margin:0px 0px 0px 10px}

.red { color: #cc0000;}
.blue { color: #0033cc; }
.purple { color: #6600cc;}
.green { color:#090;}
.orange { color: #F60;}
.gray {color: #888; }


/* HEADER */

.banner { 
	background: url(https://www.wpo.net/img/ObservatoryLogo.jpg) no-repeat #000;
	height: 128px;
	text-align: center;
}

.nav {
	text-align: center; font-weight:500;font-size:13px;font-family:Helvetica,Arial,Verdana;color:#333333; padding: -10px 2px -4px 2px;
	
}

.topnav {
	height: 24px;
	text-align: center; font-weight:500;font-size:13px;font-family:Helvetica,Arial,Verdana;color:#333333; padding: 0px 2px 6px 2px;
}


/* LINKS */

a:active{color:#0033cc;text-decoration:underline}
a:link{color:#0033cc;text-decoration:underline}
a:visited{color:#0033cc;text-decoration:underline}
a:hover{color:#0033cc;text-decoration:none}

.topnav a:active{color:#fff;text-decoration:none}
.topnav a:link{color:#fff;text-decoration:none}
.topnav a:visited{color:#fff;text-decoration:none}
.topnav a:hover{color:#e3e1e1;text-decoration:none}

.nav a:active{color:#fff;text-decoration:none}
.nav a:link{color:#fff;text-decoration:none}
.nav a:visited{color:#fff;text-decoration:none}
.nav a:hover{color:#e3e1e1;text-decoration:none}

.text-link a:active{color:#0033cc;text-decoration:underline}
.text-link a:link{color:#0033cc;text-decoration:underline}
.text-link a:visited{color:#0033cc;text-decoration:underline}
.text-link a:hover{color:#0033cc;text-decoration:none}

.left-nav a:active{color:#0033cc;text-decoration:underline}
.left-nav a:link{color:#0033cc;text-decoration:underline}
.left-nav a:visited{color:#0033cc;text-decoration:underline}
.left-nav a:hover{color:#0033cc;text-decoration:none}

.table a:active{color:#0033cc;text-decoration:none}
.table a:link{color:#0033cc;text-decoration:none}
.table a:visited{color:#0033cc;text-decoration:none}
.table a:hover{color:#0033cc;text-decoration:underline}





/* BUTTONS */

.blue-packages-button {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3c0fa6), color-stop(1, #4c5be6) );
	background:-moz-linear-gradient( center top, #3c0fa6 5%, #4c5be6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c0fa6', endColorstr='#4c5be6');
	background-color:#3c0fa6;
	-webkit-border-top-left-radius:9px;
	-moz-border-radius-topleft:9px;
	border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	-moz-border-radius-topright:9px;
	border-top-right-radius:9px;
	-webkit-border-bottom-right-radius:9px;
	-moz-border-radius-bottomright:9px;
	border-bottom-right-radius:9px;
	-webkit-border-bottom-left-radius:9px;
	-moz-border-radius-bottomleft:9px;
	border-bottom-left-radius:9px;
	text-indent:0;
	  padding: 15px 20px 15px 20px;

	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
}
.blue-packages-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c5be6), color-stop(1, #3c0fa6) );
	background:-moz-linear-gradient( center top, #4c5be6 5%, #3c0fa6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c5be6', endColorstr='#3c0fa6');
	background-color:#4c5be6;
}.blue-packages-button:active {
	position:relative;
	top:1px;
}



.gray-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #b4b5bf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #b4b5bf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#b4b5bf');
	background-color:#ededed;
	-webkit-border-top-left-radius:9px;
	-moz-border-radius-topleft:9px;
	border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	-moz-border-radius-topright:9px;
	border-top-right-radius:9px;
	-webkit-border-bottom-right-radius:9px;
	-moz-border-radius-bottomright:9px;
	border-bottom-right-radius:9px;
	-webkit-border-bottom-left-radius:9px;
	-moz-border-radius-bottomleft:9px;
	border-bottom-left-radius:9px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#3d3d3d;
	font-family:Arial;
	color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
	text-align:center;
	text-shadow:-11px -50px 0px #ffffff;
}
.gray-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b4b5bf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #b4b5bf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4b5bf', endColorstr='#ededed');
	background-color:#b4b5bf;
}.gray-button:active {
	position:relative;
	top:1px;
}


.green-round-button {
  background: #7ff70f;
  background-image: -webkit-linear-gradient(top, #7ff70f, #0d7a49);
  background-image: -moz-linear-gradient(top, #7ff70f, #0d7a49);
  background-image: -ms-linear-gradient(top, #7ff70f, #0d7a49);
  background-image: -o-linear-gradient(top, #7ff70f, #0d7a49);
  background-image: linear-gradient(to bottom, #7ff70f, #0d7a49);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.green-round-button:hover {
  background: #0d7a49;
  background-image: -webkit-linear-gradient(top, #0d7a49, #7ff70f);
  background-image: -moz-linear-gradient(top, #0d7a49, #7ff70f);
  background-image: -ms-linear-gradient(top, #0d7a49, #7ff70f);
  background-image: -o-linear-gradient(top, #0d7a49, #7ff70f);
  background-image: linear-gradient(to bottom, #0d7a49, #7ff70f);
  text-decoration: none;
}

.green-round-button-sm {
  background: #7ff70f;
  background-image: -webkit-linear-gradient(top, #7ff70f, #0d7a49);
  background-image: -moz-linear-gradient(top, #7ff70f, #0d7a49);
  background-image: -ms-linear-gradient(top, #7ff70f, #0d7a49);
  background-image: -o-linear-gradient(top, #7ff70f, #0d7a49);
  background-image: linear-gradient(to bottom, #7ff70f, #0d7a49);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.green-round-button-sm:hover {
  background: #0d7a49;
  background-image: -webkit-linear-gradient(top, #0d7a49, #7ff70f);
  background-image: -moz-linear-gradient(top, #0d7a49, #7ff70f);
  background-image: -ms-linear-gradient(top, #0d7a49, #7ff70f);
  background-image: -o-linear-gradient(top, #0d7a49, #7ff70f);
  background-image: linear-gradient(to bottom, #0d7a49, #7ff70f);
  text-decoration: none;
}


.blue-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:169px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}
.blue-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.blue-button:active {
	position:relative;
	top:1px;
}


.green-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:169px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.green-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.green-button:active {
	position:relative;
	top:1px;
}


.blue-square-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:normal;
	font-style:normal;
	height:64px;
	line-height:64px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}
.blue-square-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
	background-color:#80b5ea;
}.blue-square-button:active {
	position:relative;
	top:1px;
}