/*
	voynich.css
    The styles for the VIB - Voynich information browser

    Copyright (c) 2004, Michael Winkelmann, michael@weltretter.de
*/



/* The general settings for the whole HTML body */
body {
    background-color:#fafaff;
    color:#000000;
    font-family:Verdana,Arial,helvetica,sans-serif;
    margin:0px;
    font-size:10pt;
}

/* Headings 1 and 2 - Page title, important sections */
h1,h2 {
    color:#191970;
    font-family:Times New Roman,times,serif;
    letter-spacing:1px;
    background-color:#e8e8f8;
    border:1px solid #d8d8e8;
    padding:2px;
}

h1 {
    font-size:17pt;
}

h2 {
    font-size:14pt;
}

/* Heading 3 - less important section */
h3 {
	font-size:100%;
	font-weight:bold;
}

/* Small text */
small {
    font-size:8pt;
    color:#404040;
}

/* Page title appearance */
div.title {
    margin:0px;
    position:fixed;
    z-index:1;
    left:0pt;
    top:0pt;
    width:100%;
    height:50px;;
    font-weight:bold;
    background-color:#505090;
    color:#f0f0ff;
	border-bottom:1px solid #808080;
}

/* Page title text appearance */
div.titletext {
    position:absolute;
    left:15%;
    top:4px;
    padding-left:4px;
	font-size:30px;
    text-align:left;
    font-family:Times New Roman,times,serif;
	letter-spacing:1px;
	z-index:1;
}

/* Couter appearance */
div.counter {
    position:absolute;
    left:0px;
    top:10px;
    width:99%;
    text-align:right;
    color:#808080;
    font-size:10pt;;
	z-index:1;
}

/* Main display (navigation and text body) appearance */
div.main {
    margin:0px;
    position:absolute;
    left:0%;
    top:50px;
    width:100%;
}

/* Navigation panel appearance */
div.nav {
    margin:0px;
    position:fixed;
    left:0px;
    top:0px;
    width:15%;
    background-color:#d0d0e0;
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
	z-index:2;
}

/* Text display appearance */
div.disp {
    margin:0px;
    position:absolute;
    left:15%;
    top:0%;
    width:85%;
}

/* Appearance of the text in the navigation panel and text display */
div.navtext,div.disptext {
    margin:8px;
}

div.navtext {
    font-size:9pt;
}

/* Appearance of a sub-navigation panel (thumbnail subpages) */
div.subpages {
	border:1px solid #e0e4e8;
	background-color:#f0f4f8;
	padding:2px;
	margin-bottom:8pt;
	font-size:8pt;
}

/* General table cell and heading appearance */
th,td {
    padding:2px;
    padding-left:4px;
    padding-right:4px;
    border:0px;
    text-align:left;
}

th {
    background-color:#e8e8f0;
    border-bottom:1px solid #d0d0d8;
    border-right:1px solid #d0d0d8;
}

td {
    background-color:#f0f0f8;
    border-bottom:1px solid #e0e0e8;
    border-right:1px solid #e0e0e8;
}

/* Appearance of the table cells for transcription display */
/*
 	loc0: Locator in even rows
 	loc1: Locator in odd rows
 	eva0: Transcription text in even rows
 	eva1: Transcription text in odd rows
*/
td.loc0,td.loc1 {
	border:0px;
	color:#808080;
	vertical-align:top;
	width:10em;
}

td.eva0,td.eva1 {
	border:0px;
	vertical-align:top;
	word-spacing:-0.1em;
}

td.loc0,td.eva0 {
	background-color:#f0f4f8;
}

td.loc1,td.eva1 {
	background-color:#e0f0e8;
}

/* General table appaerance */
table {
	border-spacing:2px;
	border:1px solid #e0e4e8;
	background-color:#f0f4f8
}

/* Tables for page overview and extractacted page attributes */
table.overview,table.attributes {
    font-size:9pt;
}

/* Table for transcription display */
table.transcription {
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
}

/* Table for thumbnail display */
table.thumbnails {
	border-spacing:4px;
}

/* Table for HTML forms (extractor) */
table.formtab {
	border-spacing:6px;
}

/* Caption in HTML form table (extractor) */
th.subcaption {
	text-align:center;
	font-weight:bold;
    background-color:#e8e8f0;
    border-top:1px solid #d0d0d8;
    border-left:1px solid #d0d0d8;
	border-right:1px solid #f0f0f8;
	border-bottom:1px solid #f0f0f8;
}

/* Label cell in HTML form table (extractor) */
td.label {
	background-color:#f0f4f8;
	text-align:right;
	vertical-align:top;
	border:0px;
	font-weight:bold;
}

/* Control cell in HTML form table (extractor) */
td.control {
	background-color:#f0f4f8;
	text-align:left;
	vertical-align:top;
	border:0px;
}

/* Button cell in HTML form table (extractor) */
td.button {
	text-align:center;
	border:0px;
	border-top:1px solid #d0d0d8;
	background-color:#f0f4f8;
}

/* Table caption appearance */
caption {
	text-align:center;
	background-color:#e0e4e8;
	font-weight:bold;
	padding:3px;
	font-size:90%;
}

/* Paragraph appearance */
p {
	text-align:justify;
}

/* Footer paragraph appearance */
p.footer {
	font-size:8pt;
	line-spacing:9pt;
	text-align:right;
	color:#404040;
	margin-top:0px;
}

/* Preformatted text appearance */
pre {
	font-family:Lucida Console,Courier New,Courier,monospace;
	color:#808080;
}

/*
	Special preformatted text:
	intable    - indented text in page comment section
	unitheader - comments after a new unit header
*/
pre.intable, pre.unitheader {
	margin-left:3em;
}

/* Definition term appearance (glossary, links) */
dt {
	font-weight:bold;
	background-color:#f0f0f8;
	padding:2px;
	margin-bottom:0.3em;
}

/* Definition data appearance (glossary, links) */
dd {
	text-align:justify;
	margin-bottom:1em;
}

/* Anchor appearance */
a {
    text-decoration:none;
}

/* Link appearance */
a:link,a:visited {
    color:#0000ff;
}

a:active,a:hover {
    text-decoration:underline;
    color:#ff0000;
}

/* Quick selector appearance */
select.quicksel {
	background-color:#e0e0f0;
	color:#000080;
	font-size:9pt;
	border:1px solid #808080;
}

input.quickclick {
	background-color:#000080;
	color:#e0e0f0;
	border:1px solid #000000;
	font-style:bold;
	font-size:8pt;
	margin-top:4px;
}