/*
 generated by gh-pages
 original h color #cf9;
*/
body {
    margin:     0;
    color:          #333;
    font-family: Helvetica, Arial, FreeSans, san-serif;
    background-color: #adadad;
}

h1 { font-size: 3.8em; color: #a00; margin: 0 3px 0.5em 3px; }
h2 { 
    font-size: 1.5em; 
    color: #437AB2; 
    text-align: left; 
    border-top: 2px dotted #aaa;
    padding: 1em 0 0 1em;
}
h3 { 
    font-size: 1.1em; 
    color: #800; 
    text-align: center;
    border-top: 1px dotted #999;
    padding-top: 1em;
}
.elevator {
    font-size: 1.2em;
    margin: 2em 5em;
    font-style: italic;
}
.description {
    font-size: 1.2em;
    margin: 2em 5em;
    font-style: italic;
    padding-bottom: 1em;
    border-bottom: 1px dotted #999;
    clear: both;
}
.description h3 {
    margin-bottom: 0;
}
.description p {
    margin-bottom: 0;
}
.demoarea{
    clear: both;
    position: absolute;
    top:  125px;
    left: 125px;
    color: black; 
    border: black 2px solid;
}
pre { 
    background-color: #F8F8F8;
    border: 1px solid #CCC;
    font-size: 13px;
    line-height: 19px;
    overflow: auto;
    padding: 6px 10px;
    border-radius: 3px;
    color: #333;
    width: auto;
}
hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}

/*
 from openseadragon demos
 */
.openseadragon
{
    width:      600px;
    height:     600px;
    border:     1px solid black;
    color:      #333; /* text color for messages */
    background-color: white;
}
.openseadragon-small
{
    width:      40px;
    height:     30px;
    border:     1px solid black;
    color:      #333; /* text color for messages */
    background-color: black;
}
.demoheading {
    color: black; 
    padding: 0 0 0.2em 1em;
}

DIV.label {
    position: absolute;
    top:  10px;
    left: 10px;
    height: 85px;
    width: 60px;
    color: black; 
    border: black 2px solid;
    padding: 5px 0px 5px 10px;
    font-size: x-large;
}

/* Holds the list of selectable cases (i.e. CLL patients)
   Runs vertically along the left edge  */
DIV.caseBar {
    position: absolute;
    top:  125px;
    left: 10px;
    width: 74px;
    valign: top;
    color: black; 
    border: black 0px solid;
}

/* Only used in the chromosome display, not segments */
DIV.mode {
    position: absolute;
    top:  10px;
    left: 90px;
    height: 85px;
    width: 80px;
    color: blue; 
    border: blue 2px solid;
    padding: 5px 0px 5px 10px;
    font-size: large;
}

/* Only used in the chromosome display, not segments 
   Holds the list of selectable chromosomes*/
DIV.chromBar { 
    position: absolute;
    top:  10px;
    left: 200px;
    height: 70px;
    color: blue; 
    border: blue 2px solid;
    padding: 20px 20px 5px 20px;
    font-size: large;
}

/* program label in upper left corner */
DIV.news {
    position: absolute;
    top:  10px;
    left: 830px;
    height: 85px;
    width: 200px;
    color: red; 
    border: red 2px solid;
    padding: 5px 0px 5px 10px;
    font-size: large;
}