.phenobox {
    border: 1px solid gray;
    position: relative;
    background: #ffffff;
    width: 100%;
}

.phenobox .boxtitle {
    #background: #fff5ee;
    color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
    background: #003366;
    width: 100%;
}

.phenobox .boxcontents {
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.datalabel, .parentcatlabel, .childlabel, .endchildlabel {
    font-weight: bold;
    padding: 0 0 0 0;
    white-space: nowrap;
}

.datavalue SELECT {
    width: 225px;
}

#phenolist {
    border: 1px solid gray;
    background: #ffffff;
}

#phenolist TH {
    border-bottom: 1px solid gray;
    color: #ffffff;
    background: #003366;
}

.parentcattext {
    #background: #fff5ee;
    background: #ffffff;
}

.childlabel, .parentcatlabel {
    background-image: url("vertical.gif");
    background-repeat: repeat-y;
}

.childcat .datalabel {
#    width: 110px;
}

#phenoinfo {
    width: 50%;
}

#phenoinfo .datalabel {
    width: 50%;
}

#phenoinfo .datavalue {
    width: 50%;
}

#alleleinfo {
    width: 100%;
}

#alleleinfo .datalabel {
    width: 25%;
}

#alleleinfo .datavalue {
    width: 25%;
}

#ontologytable {
    width: 100%;
}

#ontologytable TD {
    width: 50%;
}

.ontologynested {
    width: 100%;
}

.ontologynested .datalabel, .ontologynested .parentcatlabel {
    width: 30%;
}

.ontologynested .datavalue {
    width: 70%;
}

.content-page {
    width: 800px;
}

div#date1, div#date2 {
    display: none;
}