root 
{ 
    display: block;
}

.subheader
{
    color: blue;
    font-weight: bold;
    font-size: middle;
    font-family:  Arial;
    background-color: #F7FFCE;
}

.tableHeader 
{
    background-color: #778899;
}

.oddRow 
{
    background-color: #FFFFFF;
}

.evenRow {
    background-color: #E0E0E0;
}

.headerDiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1164px;
    height: 69px;
    vertical-align: middle;
    text-align: center;
    background-color: white;
    background-image: url(../../image/header.jpg);
}

a.tab {
    text-decoration: none;
    color: black;
    font-family: Comic Sans MS;
    font-size: middle;
}

#tabs {
    position: absolute;
    top: 35px;
    left: 0px;
    width: 1164px;
    text-align: left;
}

#titleDiv {
    font-size: large;
    font-family: Comic Sans MS;
    color: black;
    z-index: 1;
}

#contentDiv {
    width: 1080px;
    font-size: large;
    color: white;
    z-index: 2;
}

#searchFormDiv {
    position: absolute;
    top: 43px;
    left: 0px;
    width: 1164px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    border: solid 0px blue;
    background-color: #F7FFCE;
}

#resultDiv {
    position: absolute;
    top: 88px;
    left: 1px;
    width: 1164px;
    vertical-align: middle;
    text-align: left;
    border: solid 1px blue;
    overflow: auto;
    background-color: #F7FFCE;
}

#searchFormDiv2 {
    position: absolute;
    top: 69px;
    left: 0px;
    width: 1164px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    border: solid 0px blue;
}

#resultDiv2 {
    position: absolute;
    top: 100px;
    left: 1px;
    width: 1164px;
    vertical-align: middle;
    text-align: left;
    border: solid 1px blue;
    overflow: auto;    
}

#graphicsDiv {
    position: absolute;
    top: 90px;
    left: 0px;
    width: 480px;
    height: 480px;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #000;
}

#galleryDiv {
    position: absolute;
    top: 69px;
    left: 0px;
    width: 480px;
    height: 480px;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #000;
    z-index: 0;
}

#formDiv {
    position: absolute;
    top: 88px;
    left: 482px;
    width: 680px;
    height: 28px;
    vertical-align: middle;
    text-align: left;
    border: solid 1px #000;
}

#searchDiv {
    position: absolute;
    top: 118px;
    left: 482px;
    width: 680px;
    height: 210px;
    vertical-align: middle;
    text-align: left;
    border: solid 1px #000;
    overflow: auto;
}

#searchResultDiv {
    position: absolute;
    top: 118px;
    left: 482px;
    width: 680px;
    height: 210px;
    vertical-align: middle;
    text-align: left;
    border: solid 1px #000;
    overflow: auto;
}

#formDiv2 {
    position: absolute;
    top: 330px;
    left: 482px;
    width: 680px;
    height: 26px;
    vertical-align: middle;
    text-align: left;
    border: solid 1px #000;
}

#selectDiv {
    position: absolute;
    top: 358px;
    left: 482px;
    width: 680px;
    height: 212px;
    vertical-align: middle;
    text-align: left;
    border: solid 1px #000;
    overflow: auto;
}

#lenseDiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 88px;
    height: 88px;
    cursor: move;
    background-color: #FFC6A5;
    z-index: 1;
    opacity: 0.38;
    filter: alpha(opacity=38);
    border: solid 1px red;
}

.tabbedpane {
    background-image: url(img/header.jpg);
}

.hide { position:absolute; left: 160px; top: 320px; visibility:hidden; }
.show { position:absolute; left: 160px; top: 320px; visibility:visible; }

.labelx {
    position: absolute;
    opacity: 0.2;
    filter: alpha(opacity=20);
}