div, p {
font-family: Verdana, Arial, sans-serif;
}

p.content {
font-size: 12px;
width: 30em;
}

div#help {
font-size: 12px;
width: 55em;
padding: 1em;
}

div#sidebar {
    height: 600px;
    width: 30%;
    float: right;
    margin: 1em;
}
div#textwrap {
    border: 1px solid #CCCCCC;
    height: 400px;
    overflow: auto;
}
div#textpane {
    padding: 1em;
}
div#textpane, div#textpane p  {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    color: #333333;
}
div#textpane p#textgr {
    font-family: Cardo, Gentium, Tahoma, Helvetica, sans-serif;
}
.highlight { 
    color: #CC0000;
    font-weight: bold;
}
div.textpos {
    font-size: 12px;
    color: #444444;
    margin-bottom: 15px;
}
div#textnav {
    margin: 10px 0px 10px 0px;
    text-align: right;
}


div#timemap {
padding: 1em;
width: 65%;
}

div#timelinecontainer{
width: 100%;
}

div#timeline{
 width: 100%;
 height: 100%;
 font-size: 12px;
 background: #CCCCCC;
}

div#mapcontainer {
 width: 100%;
}

div#map {
 width: 100%;
 height: 100%;
 background: #EEEEEE;
}

div.infotitle {
    font-size: 14px;
    font-weight: bold;
}
div.infodescription {
    font-size: 14px;
    font-style: italic;
}
div.timeline-event-label {
    margin: 3px 0px 0px 3px;
}

/* Info window styles */
div.refinfo {
    width: 300px;
    font-size: 12px;
    color: #444444;
}
div.refpos {
    font-style: italic;
}
div.reftitle {
    font-weight: bold;
    font-size: 16px;
    color: #CC0000;
    margin: 5px 0px 5px 0px;
}
span.refdata {
    color: #CC0000;
}
div.reflinks {
    margin-top: 5px;
}
span.zoomlink {
    color: #0000CC;
    cursor: pointer;
}

span.zoomlink.off{
    color: #CCCCCC;
    cursor: default;
}

/* Interface elements */
span.booklink {
    font-weight: bold;
    color: #0000CC;
    margin: 0px 10px 0px 10px;
    cursor: pointer;
}
span.geotypeselector {
    margin-right: 15px;
    padding: 5px;
    color: #FFFFFF;
}
span.geotypeselector.s {
    background: #FE766A;
}
span.geotypeselector.r {
    background: #5A7ACF;
}
span.geotypeselector.p {
    background: #19CF54;
}
form#jumpbox {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
span#nextlink, span#prevlink, span#langtoggle{
    font-size: 12px;
    font-weight: bold;
    color: #0000CC;
    cursor: pointer;
}
span#prevlink {
    margin-right: 15px;
}
span#nextlink.off, span#prevlink.off{
    color: #CCCCCC;
    cursor: default;
}
span#langtoggle {
    float: left;
    padding-top: 5px;
}