body {
  background-color : white;
}

.fading {
   border: 2px solid #0099FF;
   background-image: url(../images/main_back.png);
}
.void {
   border: 2px solid #0099FF;
}

.voiddark {
   border: 2px solid #003399;
}

.voidthin {
   border: 1px solid #0099FF;
}

.filled {
   border: none;
   background: #0099FF;
   color: #FFFFFF;
}

.fieldset {
   font-family: "bitstream vera sans", verdana, sans-serif;
   border: 1px solid #0099FF;
   text-decoration: none;
}

.standardButton {
   background-color: #009977;
   border-bottom-color: cyan;
   border-bottom-style: solid;
   border-left-color: cyan;
   border-left-style: outset;
   border-right-color: cyan;
   border-right-style: solid;
   border-top-color: cyan;
   border-top-style: outset;
   bottom: 5px;
   color: #CCEEFF;
   font-family: "bitstream vera sans", verdana, sans-serif;
   font-size: 14px;
   font-weight: bold;
}

.bigButton {
   background-color: #009977;
   border-bottom-color: cyan;
   border-bottom-style: solid;
   border-left-color: cyan;
   border-left-style: outset;
   border-right-color: cyan;
   border-right-style: solid;
   border-top-color: cyan;
   border-top-style: outset;
   bottom: 5px;
   color: #CCEEFF;
   font-family: "bitstream vera sans", verdana, sans-serif;
   font-size: 2.0em;
   font-weight: bold;
   height: 100px;
   width: 800px
}

.smallButton {
   background-color: #009977;
   border-bottom-color: cyan;
   border-bottom-style: solid;
   border-left-color: cyan;
   border-left-style: outset;
   border-right-color: cyan;
   border-right-style: solid;
   border-top-color: cyan;
   border-top-style: outset;
   bottom: 5px;
   color: #CCEEFF;
   font-family: "bitstream vera sans", verdana, sans-serif;
   font-size: 14px;
   height: 33px;
   left: 5px;
   position: relative;
   right: 5px;
   text-align: center;
   top: 5px;
   vertical-align: middle;
   width: 140px
}

.large {
   font: 1.3em/1.3em "bitstream vera sans", verdana, sans-serif;
}

.normal {
   font: 1.0em/1.3em "bitstream vera sans", verdana, sans-serif;
}

.small {
   font: 0.8em "bitstream vera sans", verdana, sans-serif;
}

.status {
   color: #ffffff;
   font: 0.8em/1.3em "bitstream vera sans", verdana, sans-serif
}

#loginPage table {
   background-color: #00DDEE;
   color : blue;
   font-family: "bitstream vera sans", verdana, sans-serif;
   font-weight: bold;
}

#loginPage td.big {
   font-size : 2.0em;
}

#loginPage td.medium {
   font-size : 1.5em;
}

#loginPage td.small {
   font-size : 1.0em;
}

#loginPage a {
   color : #009977;
   font-family: "bitstream vera sans", verdana, sans-serif;
   font-weight: bold;
   text-decoration: none;
   cursor: pointer;
}

#bigLoginButton {
   background-color: #009977;
   color: #00DDEE;
   font-family: "bitstream vera sans", verdana, sans-serif;
   font-size: 2.0em;
   font-weight: bold;
   height: 100px;
   width: 600px
}

#results {
   height: 450px;
   width: 100%;
   overflow : auto;
}

#results td {
   font: 0.8em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 1px solid #00DDEE;
   background: #FFFFFF;
   color: #000000;
   white-space: nowrap;
}

#results th {
   font: 0.8em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 2px solid #00DDEE;
   background: #FFFFFF;
   color: #000000;
   white-space: nowrap;
}

#results strike {
   color: #00DDEE;
}

#results a:link {
   color: #00DDEE;
   text-decoration: none;
   cursor: pointer;
}

#results a:visited {
   color: #99CCFF;
   text-decoration: none;
   cursor: pointer;
}

#results a:hover {
   color: #99CCFF;
   text-decoration: underline;
   cursor: pointer;
}

#results a:active {
   color: #99CCFF;
   text-decoration: underline;
   cursor: pointer;
}

#fields {
   height: 400px;
   width: 650px;
   overflow: auto; 
}


#fields td {
   font: 0.8em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 1px solid #00DDEE;
   background: #FFFFFF;
   color: #000000;

}

#fields th {
   font: 0.8em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 2px solid #00DDEE;
   background: #FFFFFF;
   color: #000000;
}

#fields a a.visited a.active {
   font: 0.8em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: none;										       
   text-decoration: none;
   color: #000000;
        
}

#plot {
   height: 600px;
   width: 750px;
   overflow: auto; 
}


#help th {
   font: 1.3em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 2px solid #00DDEE;
   background: #00DDEE;
   color: #FFFFFF;
}

#help td {
   font: 1.0em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 1px solid #00DDEE;
   background: #FFFFFF;
   color: #000000;
}

#help a a.visited a.active {
   color: #00DDEE;        
}


.helplinkwhite {
   color: #FFFFFF;
}
.helplinkorange {
   color: #0099FF;
}


#helpTable th {
   font: 0.8em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 2px solid #00DDEE;
   background: #00DDEE;
   color: #FFFFFF;
}

#helpTable td {
   font: 0.8em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 1px solid #00DDEE;
   background: #FFFFFF;
   color: #000000;

}

.keyPad th {
   font: 1.3em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 2px solid #00DDEE;
   background: #00DDEE;
   color: #FFFFFF;
}

.keyPad caption {
   font: 1.3em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 2px solid #00DDEE;
   background: #00DDEE;
   color: #FFFFFF;
}

.keyPad td {
   font: 1.0em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 1px solid #00DDEE;
   background: #FFFFFF;
   color: #000000;
   cursor: pointer;
}

.keyPad td.normal {
   background: #FFFFFF;
   color: #000000;
}

.keyPad td.highlight {
   background: #00DDEE;
   color: #FFFFFF;
}




.dataProducts table {
   width: 100%;
   margin: 5px;
}

.dataProducts caption {
   font: 1.3em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 2px solid #00DDEE;
   background: #00DDEE;
   color: #FFFFFF;
   padding: 5px;
   margin: 0px;
}

.dataProducts th {
   font: 1.0em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 0px solid #00DDEE;
   background: #FFFFFF;
   color: #00DDEE;
   text-align: left;
   padding: 5px;
   margin: 5px;
}

.dataProducts a:link {
   color: #000000;
   text-decoration: none;
   cursor: pointer;
}

.dataProducts a:visited {
   color: #000000;
   text-decoration: none;
   cursor: pointer;
}

.dataProducts a:hover {
   color: #FFFFFF;
   text-decoration: none;
   cursor: pointer;
}

.dataProducts a:active {
   color: #000000;
   text-decoration: none;
   cursor: pointer;
}


.dataProducts iframe {
   width: 100%;
   border: solid 0px #000000;
}







.saveAs table {
   width: 100%;
   margin: 5px;
}

.saveAs caption {
   font: 1.3em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 2px solid #00DDEE;
   background: #00DDEE;
   color: #FFFFFF;
   padding: 5px;
   margin: 0px;
}

.saveAs th {
   font: 1.0em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 2px solid #00DDEE;
   background: #FFFFFF;
   color: #00DDEE;
   text-align: left;
   padding: 5px;
   margin: 5px;
}

.saveAs td {
   font: 0.8em/1.0em "bitstream vera sans", verdana, sans-serif;
   border: 0px solid #00DDEE;
   background: #FFFFFF;
   color: #000000;
   padding: 5px;
   margin: 5px;
}

.saveAs span {
   color: red;
}



.buttonNormal {
   font: 1.0em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 1px solid #00DDEE;
   cursor: pointer;
   text-align: center;
   background: #CCCCDD;
   color: #000000;
}

.buttonHighlight {
   font: 1.0em/1.3em "bitstream vera sans", verdana, sans-serif;
   border: 1px solid #00DDEE;
   cursor: pointer;
   text-align: center;
   background: #00DDEE;
   color: #FFFFFF;
}