/* 
    Document   : style
    Created on : 24 September 2007, 13:31
    Author     : mmcdowall
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

A:link {
    color: blue;
}
A:visited {
    color: blue;
}
A:hover {
    color: red; 
}

TD {
    vertical-align: top;
    font-size: 12;
}

TH {
    vertical-align: bottom;
}

TD.colourRed {
    background: #FF0000;
}

TD.colourGrey {
    background: #AAAAAA;
}

TD.colour1 {
    background: #99BBEE
}
TD.colour2 {
    background: #0088EE
}
TD.colour3 {
    background: #0055EE
}
TD.colour4 {
    background: #0022EE
}
TD.colour5 {
    background: #0000EE
}

BODY {
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12;
}

.HL {
    background: yellow;
    font-weight: bold;
}

p.diamondR {
    text-align: center;
    font-size: 12;
    color: #FF0000
}
p.diamondG {
    text-align: center;
    font-size: 12;
    color: #AAAAAA
}
p.diamond1 {
    text-align: center;
    font-size: 12;
    color: #99BBEE
}
p.diamond2 {
    text-align: center;
    font-size: 12;
    color: #0088EE
}
p.diamond3 {
    text-align: center;
    font-size: 12;
    color: #0055EE
}
p.diamond4 {
    text-align: center;
    font-size: 12;
    color: #0022EE
}
p.diamond5 {
    text-align: center;
    font-size: 12;
    color: #0000EE
}

.headerImage {
    position: absolute;
    height: 100px;
    width: 150px;
    top: 10px;
    left: 10px;
}

.headerTitle {
    position: absolute;
    height: 100px;
    top: 10px;
    left: 160px;
}

.menuCol {
    position: absolute;
    width: 150px;
    top: 120px;
    left: 10px;
}

.mainPage {
    position: absolute;
    padding: 10px;
    top: 120px;
    left: 160px;
    width: 740px;
    background: #eeeeee;
    border-style: solid;
    border-color: #999999;
    border-style: 2px;
}

.protInfo {
    position: absolute;
    padding: 10px;
    top: 120px;
    left: 160px;
    width: 700px;
    background: #eeeeee;
    border-style: solid;
    border-color: #999999;
    border-width: 2px;
}

.interactions {
    position: absolute;
    padding: 10px;
    top: 120px;
    left: 160px;
    width: 850px;
    background: #eeeeee;
    border-style: solid;
    border-color: #999999;
    border-width: 2px;
}

.indexFrame {
    position: absolute;
    padding: 0px;
    top: 120;
    left: 160px;
    width: 900px;
}

.indexSearch {
    position: absolute;
    padding: 10px;
    top: 120px;
    left: 160px;
    width: 250px;
    height: 450px;
    overflow: hidden;
    background: #eeeeee;
    border-style: solid;
    border-color: #999999;
    border-style: 2px;
}

.indexDescription {
    position: absolute;
    padding: 10px;
    top: 120px;
    left: 450px;
    width: 450px;
    height: 450px;
    overflow: auto;
    background: #eeeeee;
    border-style: solid;
    border-color: #999999;
    border-style: 2px;
}

.indexReference {
    position: absolute;
    padding: 10px;
    top: 610px;
    left: 160px;
    width: 740px;
    background: #eeeeee;
    border-style: solid;
    border-color: #999999;
    border-style: 2px;
}