/*****************************
Global
*****************************/
a {
text-decoration: none;
/*color: #0078AB;*/
}
a:visited {
color: blue;
/*color: #0078AB;*/
}
#global {
margin: 0 auto 0 auto;
width: 900px;
text-align:left;
}
/****************************
Images
****************************/
img.front {
display:block;
margin:0 auto;
text-align: center;
}
img.front2 {
margin:0 auto;
text-align: center;
}
img.top_logo {
margin: 0px 0px 0px 0px;
}
/*****************************
Header
*****************************/
#header {
height: 95px;
text-align: left;
margin: 0px 0px 0px 31px;
font: 26.67px Arial ;
background-color: #FFF6F1;
position: relative;
padding: 0px;
}
#header img {
border: 0px;
}
body {
position:relative;
text-align: center;
background: #FFF6F1;
}
#search {
text-align: right;
font: 16px Arial ;
float: right;
}
.hide {
position: absolute;
top: -100px;
font: 13.3px Arial;
}
/******************************
Top Menu
******************************/
.TopMenuBar {
width:900px;
}
span.TopMenu {
white-space:nowrap;
height: 40px;
line-height: 40px;
}
ul#level1Nav {
white-space:nowrap;
background: #0078AB ;
padding-left: 10%;
height: 40px;
margin: 0 0 0 0;
}
ul#level1Nav li, #level1Nav a {
text-decoration: none;
list-style: none;
background: #0078AB ;
float: left;
font: 24px Arial;
color : #FFFFFF;
}
ul#level1Nav li a:hover, ul#level1Nav li a:active, ul#level1Nav li a#level1NavSelected {
background: #FFD1B1;
text-decoration: none;
list-style: none;
float: left;
color : #000000;
font: 24px Arial;
}
/*****************************************
Breadcrumbs
*****************************************/
#BreadCrumbs {
font: 13.33px Arial ;
background-color: #FFF6F1;
margin: 2px 0px 2px 0px;
}
/*****************************************
Sidebar
*****************************************/
.SideBar {
font: 13.33px Arial ;
width: 200px;
background-color: #FFF6F1;
float: left;
}
.SideBarTitle {
margin: 0 0 0 0;
font: 16px Arial ;
color : #FFFFFF;
background: #0078AB ;
text-align: center;
}
ul.SideBarNav1 {
background: #FFF6F1;
text-decoration: none;
list-style-type: circle;
display: block;
font: 13.33px Arial ;
color :#0078AB;
margin: 0 0 0 0;
padding: 1px 1px 1px 17px;
}
.SideBar li a:hover, ul.SideBar li a:active, .SideBar li a.SideBarSelected {
background: #FFD1B1;
margin: 0 0 0 0;
padding: 0 0 0 0;
color : #000000;
display: block;
width:100%;
}
/*****************************************
Main content
*****************************************/
#MainContent{
font: 13.33px Arial ;
background-color: #fff;
width:680px;
min-height: 300px;
/* These two lines are IE hack
height: auto !important;
height: 300px;*/
padding: 10px 10px 10px 10px;
position: relative;
float: left;
overflow-x: auto;
overflow-y: hidden;
}
#MainContent table {
font: 13.33px Arial ;
}
#MainContent h2 {
font: 18.67px Arial ;
font-weight: normal;
margin: 15px 0px 5px 0px;
}
#MainContent h1 {
font: 26.67px Arial ;
font-weight: normal;
text-align: center;
}
/*****************************************
Various (to be sorted later)
*****************************************/
a.donate_button {
background-color: white;
border: 1px solid;
padding: 5px 20px;
font-size: 24px;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 20px;
}
a.donate_button:link, a.donate_button:visited {
color: #0078ab;
}
#Table01 {
font: 13.33px Arial ;
border-spacing: 20px 3px;
}
#Table01 th {
background: #0078AB ;
color : #FFFFFF;
}
#img_right {
margin: 5px 5px 5px 5px;
float: right;
}
#img_left {
margin: 5px 10px 5px 0px;
float: left;
}
#thirty
{
float: right;
margin:0px 0px 0px 10px;
text-align: center;
width: 360px;
height: 220px;
}
#update {
font: 16px Arial ;
text-align: center;
}
.highlightbox {
border: 2px solid #FF0000;
padding: 5px 5px 5px 5px;
margin: 0px 5px 5px 0px;
}
.highlightbox h3 {
margin-top: 0px;
margin-bottom: 5px;
}
.redtext {
color: red;
}
.redtext_lg {
color: red;
font: 18.67px Arial ;
}
.center_text {
text-align: center;
}
.center_text_highlight {
text-align: center;
background-color: #FFFF00;
}
.center_img {
margin-left: auto;
margin-right: auto;
display: block;
}
.image_legend {
text-align: center;
font-style: italic;
}
#warning
{
color:red;
text-align: center;
}
.panelprog{
padding: 0px 10px 0px 10px;
overflow: auto;
}
.poster {
display: table;
}
.poster p {
padding: 20px 0px 20px 10px;
display: table-cell;
vertical-align: middle;
}
.poster img {
float: left;
padding: 0px 0px 5px 0px;
}
.regionlist ol {
counter-reset: section;
list-style-type: none;
margin: 0;
margin-left: 3em;
padding: 0;
}
.regionlist ol > li {
counter-increment:section;
position: relative;
margin: 3px;
/*border: 1px solid blue;*/
}
.regionlist ol > li:before {
content: counters(section,".") " - ";
position: absolute;
top: 0;
left: -30px;
width 0.8em;
text-align: right;
}
/*****************************************
Station Pages
*****************************************/
.indiv_stat {
padding: 1px 0px 0px 0px;
display:block;
clear:right;
}
.indiv_stat h2 {
background-color: #0078AB;
color: #FFF;
}
.indiv_stat h2 a {
font: 16px Arial ;
text-decoration: underline;
background-color: #0078AB;
color: #FFF;
}
.docuheader {
}
.docuheader h3 {
margin-bottom: 0px;
font-size: 12px;
font-style: italic;
font-weight: normal;
color: #808080;
}
.plot_left {
height: 150px;
display: table;
}
.plot_left p {
display: table-cell;
vertical-align: middle;
}
.plot_left img {
float: left;
vertical-align: middle;
}
#miniMap
{
float:right;
margin:0px 0px 0px 0px;
}
#qcwarning
{
color:red;
text-align: center;
}
table.mapkey {
border-style: solid;
border-color: #0078AB;
border-width: 5px;
width: 350px;
/*background-color: #FFF6F1;*/
}
table.mapkey td {
border-width: 0px;
padding: 0px;
}
table.mapkey td#currentst {
border-width: 0px;
padding: 0px;
color: green;
}
table.mapkey td#nearrlr {
border-width: 0px;
padding: 0px;
/*color: #EFE238;*/
color: #F0BE00;
}
table.mapkey td#nearmetric {
border-width: 0px;
padding: 0px;
color: #FE776A;
}
/*****************************************
Contacts pages
*****************************************/
.concntry{
margin: 5px 0px 5px 0px;
}
.concntry a{
text-decoration: none;
color: #000;
}
.concard{
border: 1px solid #0078AB;
padding: 5px 5px 5px 5px;
margin: 0px 5px 5px 0px;
overflow: auto;
position: relative;
}
.conname{
padding-bottom: 5px;
}
.conadd{
width: 360px;
float: left;
padding-left: 20px;
position: relative;
}
.condetails {
width: 277px;
float: right;
position: relative;
}
.condetails ul {
list-style-type:none;
width:100%;
display:table-row;
}
.condetails li{
display:table-cell;
text-align:left;
}
.condetails li:first-child {
width: 57px;
}
.condate {
width: 277px;
float: right;
position: relative;
text-align: right;
color: #888;
font-style: italic;
clear: both;
}
.contacts_all{
border: 1px solid #0078AB;
margin: 5px 0px 0px 0px;
}
a.contacts_all {
text-decoration: none;
color: #000;
}
/*****************************************
RLR pages
*****************************************/
#rlr_diagram p {
line-height: 1.5;
}
#rlr_diagram h2 {
background-color: #0078AB;
color: #FFF;
}
#rlr_diagram h2 a {
font: 16px Arial ;
text-decoration: underline;
background-color: #0078AB;
color: #FFF;
}
#rlr_diagram img {
width: 660px;
display:block;
}
/*****************************************
Footer
*****************************************/
.Footer {
height: 60px;
width: 900px;
margin:10px 0px 0px 0px;
text-align: center;
font: 16px Arial ;
background-color: #FFF6F1;
position: relative;
float: right;
}
.Footer img {
border: 0px;
margin:0px 10px 0px 10px;
}
/*****************************************
Level 2 and 3 navigation styles
*****************************************/
li.deep {
list-style-type: disc;
color:#0078AB
}
ul.SideBarNav2 {
text-decoration: none;
list-style-type: circle;
background: #FFF6F1;
display: block;
font: 13.33px Arial ;
color : #0078AB;
margin: 0 0 0 0;
padding: 1px 1px 1px 15px;
}
ul.SideBarNav3 {
text-decoration: none;
list-style-type: circle;
background:#FFF6F1;
display: block;
font: 13.33px Arial ;
color : #0078AB;
margin: 0 0 0 0;
padding: 1px 1px 1px 15px;
}
/*****************************************
* Styled blue tables
* *****************************************/
table.blueTable {
background-color: #0078AB;
font-size: 10pt;
width: 100%;
text-align: left;
margin:10px 0pt 15px;
float: right;
}
table.blueTable caption {
padding: 6px;
}
table.blueTable thead tr th, table.cmeTable tfoot tr th {
background-color: #0078AB;
border: 1px solid #FFF;
text-align: left;
font-size: 8pt;
padding: 4px;
color: #FFFFFF;
}
table.blueTable tbody td {
color: #000000;
padding: 4px;
background-color: #FFF;
vertical-align: top;
}
table.blueTable tbody tr.odd td {
/*background-color:#F0F0F6;*/
background-color:#FF0000;
}
