.base{
    background-color : #dcdcdc;
    font-weight : bold;
    color : #2f4f4f;
}
.default{
    font-weight : normal;
    color : #2f4f4f;
}
.graph{
    background-color : #dcdcdc;
    font-weight : bold;
    color : blue;
}
.area {
    color : black;
    font-weight : bold;
}
a#data_link {
    color : blue;
    font-weight : bold;
}
a#data_link:hover{
    color : #dcdcdc; background-color:#2f4f4f; font-weight : bold;
}

.example {
    font-size : 10pt;
    font-weight : normal;
    color : #2f4f4f;
}
.query {
    font-weight : bold;
    color : #2f4f4f;
}
.result {
    font-weight : bold;
    color : #2f4f4f;
}
.count {
    color : #dc143c;
}
.alert {
    font-weight : normal;
    color : #2f4f4f;
}
.alert2 {
    font-weight : normal;
    color : #c71585;
}
.errormsg {
    font-size : 20pt;
    font-weight : bold;
    color : #c71585;
    text-align : center;
}
.tablebg {
    background-color : #8fbc8f;
}
.btnse {
	background-color : #dc143c;
    color : #ffffff;
	width:75px;
}
.btnex {
	background-color : #2e8b57;
    color : #ffffff;
	width:75px;
}
.btnrs {
	background-color : #2f4f4f;
    color : #ffffff;
	width:75px;
}
.btnplot {
	background-color : #dc143c;
    color : #ffffff;
	width:75px;
}
.btncurrent {
	background-color : #2e8b57;
    color : #2f4f4f;
	width:28px;
}
.btnnum {
	background-color : #ffffff;
    color : #2f4f4f;
	width:28px;
}
.btnpm {
	background-color : #2f4f4f;
    color : #ffffff;
    font-weight : bold;
	width:24px;
}
.btnnext {
	background-color : #2f4f4f;
    color : #ffffff;
	width:75px;
}
.btnprev {
	background-color : #2f4f4f;
    color : #ffffff;
	width:75px;
}
.btndl {
	background-color : #2f4f4f;
    color : #ffd700;
    font-size : 12pt;
}
.btn_textdl {
	background-color : #2f4f4f;
    color : #ffd700;
    font-size : 12pt;
    font-weight : normal;
}
/* background-color : #ffc0cb; */
.bg1 {
    background-color : #8fbc8f;
    color : #ffffff;
}
.bg2 {
    background-color : #dcdcdc;
    color : #ffffff;
}

p.txt_download {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 1em;
    font-size : 14pt;
    font-weight : normal;
    color : #ffffff;
}

.column{
    background-color : #dcdcdc;
    font-weight : bold;
    color : #2f4f4f;
}

# td#plotted {
#     background-color : #f0e442;
# }

h2 {
    color : #2f4f4f;
}
b { color : #2f4f4f; }
th { color : #2f4f4f; }
td { color : #2f4f4f; }

a:link    { color : #2f4f4f; font-weight : bold; }
a:visited { color : #2f4f4f; font-weight : bold; }
#a:hover   { color : #dcdcdc; background-color:#2f4f4f; font-weight : bold; }
a:active  { color : gold; font-weight : bold; }
#a[target="new"] { text-decoration:none; border-bottom:1px dashed #0000ff; }
#select10 {width:10em;}
#select15 {width:15em;}
#select20 {width:20em;}
#select30 {width:30em;}
#submit1  {background-color:#fa8072; width:75px;}
#submit2  {background-color:#f0e68c; width:75px;}
#submit3  {background-color:#9898fb; width:75px;}
#reset1   {background-color:#98fb98; width:75px;}