/************************** DATA ***********************/

FORM.data {
	display:none;
}


/************************** MAIN TABLE ***********************/

DIV.marker {
	float:left;
	display: block;
	color: #aaaaaa;
	font-family: Arial;
        width: 20px;
	text-align: right;
}

DIV.card {
	float:left;
}

.edit {
     position: relative;
     font-family: MS Gothic;
     font-size: 12px;
     color: #aaaaaa;
     top: 1px;
     left: 1px;
}

#controls {
    position: absolute;
    top: 5px;
}

#container {
    position: absolute;
    top: 70px;
    margin: 0px;
    padding: 0px;
    width: 245px;
}

TABLE.eng {
	float:left;
	position:relative;
	left:20px;
	border-collapse:collapse;
}

.ec {
	font-family: "Arial Narrow";
        font-size: 14px;
}

.ecb {
	font-family: "Arial Narrow Bold";
	font-size: 14px;
	font-weight: bold;
}

OL {
  margin-top:18px;
  margin-left:25px;
  padding:0px;
}

UL {
  margin-top:18px;
  margin-left:25px;
  padding:0px;
}

LI {
  indent:0;
  padding:0;
  margin-left:0;
}

TD { 
	border-color: black; 
	border-style: solid; 
	border-width: 0px; 
	background-color: transparent;
	padding: 0px;
}

/******************************** ENGLISH TEXT **********************/

/* english */
.e { 	
	font-family: "Arial Narrow"; 
}

/* generation text */
.eg {
	position:relative;
	left: 4px;
        vertical-align: super;
	font-family: Arial;
        font-size: 16px;
}


/* english - small */
.es { 	
	font-family: "Arial Narrow", sans-serif; 
	text-transform: lowercase; 
	font-size:10pt; 
}

/* english fine */
.ef { 	
	font-family: "Arial Narrow", sans-serif; 
	font-size:10pt; 
}

/* english - bold */
.eb {	
	font-family:  Arial, sans-serif; 
	font-variant: small-caps; 
}


/****************************** LINKS *************************/

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

div#links { z-index: 100;    
            float: right;
	    left: 100px;
	    }
div#links a { 
   display:block;
   padding-top:5px;
   padding-bottom:7px;
   padding-left:7px;
   padding-right:7px;
   border-width:1px;border-color:white; 
   border-style:solid;
   text-decoration:none; 
   color:gray; 
}
div#links a span {  }
div#links a span#black { color:black;}
div#links a span#header { line-height: 12px; color:#aaaaaa; }
div#links a span#footer { line-height: 12px;color:#aaaaaa; }
div#links a:hover span#header { color:#333333; }
div#links a:hover span#footer {  color:#333333; }
div#links a:hover span#black { color:black; }
div#links a:hover {  
	border-width:1px; 
	border-color:black; 
	border-style:solid;
	display:block; 
}

/********************** LEFT HAND TABLE  **************/

TD.links {
/*         border: 1px red dotted;*/
	 text-align: right;
	 vertical-align: top;
         font-size: 12pt;
	 vertical-align: top;
	 padding-right:16px;
	 font-family:  "MS Gothic", sans-serif;
}

.ratings {
	text-align: right;
        padding-top: 20px;
        padding-right: 4px;
	float: right;
	width: 35px;
}

.example {
	text-align: right;
	float: right;
	width: 20px;
}

.provinceperiod {
        text-align: right;
        float: right;
}
 
.mei {
        text-align: right;
        float: right;
	font-size:36pt;
	font-weight:bold;
	padding-right: 4px;
	display:block;
        word-wrap: break-word;
	font-family: "MS Mincho", serif;
}

TD.sig {
/*	 writing-mode: tb-rl;  don't need this anymore */
	 vertical-align: top;
	 white-space: nowrap;
	 padding-top:10px;
         padding-right:20px;
	 white-space:nowrap;
	 font-family: "MS Gothic", sans-serif;
}


/********************** RIGHT HAND TABLE **************/

/* english - title */
TD.et {	
        border-right:hidden; 
        border-bottom:solid; 
	border-top:hidden;
  	border-color:black;
  	border-left-width:0px;
  	border-right-width:0px;
  	border-top-width:0px;
  	border-bottom-width:1px;
  	border-style: solid;
  	spacing-bottom: 10px;
	font-family: "Arial Narrow"; 
	font-size:30pt; 
	font-variant: small-caps; 
	font-weight:bold;
}

TD.rule {
  	font-family: "Arial Narrow"; 
	border-right:hidden; 
  	border-bottom:solid; 
  	border-top:hidden;
  	border-color:black;
  	border-left-width:0px;
  	border-right-width:0px;
  	border-top-width:0px;
  	border-bottom-width:1px;
  	border-style: solid;
  	spacing-bottom: 10px;
	padding-top:5px;
        padding-bottom:5px;
}

TD.comments {
	font-family: "Arial Narrow";
	padding-top:5px;
	padding-bottom:	5px;
}

/* signature list */
OL.sl {
	position:relative;
	top:-10px;
	padding-top:0px;
	padding-left:0px;
	indent:0px; 
}

/*************************** OVERALL TABLE **************/

#divider {
  border-right:solid; 
  border-bottom:hidden; 
  border-top:hidden;
  border-color:black;
  border-left-width:0px;
  border-right-width:1px;
  border-top-width:0px;
  border-bottom-width:0px;
  border-style: solid;
/*  border: 1px green dotted;*/
}

#chart {
  margin:0px;
  border-color:black;
  border: 0px;
  border-style: solid;
  padding-right: 0px;
  border-collapse: collapse;
}


body {
  SCROLLBAR-FACE-COLOR: #888888;
  SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;
  SCROLLBAR-3DLIGHT-COLOR: #000000;
  SCROLLBAR-DARKSHADOW-COLOR: #000000; 
  SCROLLBAR-SHADOW-COLOR: #999999; 
  SCROLLBAR-ARROW-COLOR: BLACK;
  SCROLLBAR-TRACK-COLOR: #3a3a3a;
  font-family: "Arial", "Helvetica", "sans serif";
  font-weight: lighter;
}

/* everything */

body.article {
  font-family: "Arial Narrow";
}

H1 { font-family: Arial; }
H2 { font-family: Arial; }
H3 { font-family: Arial; }

/************************* SEARCH FORM ***********************/

FORM {
   font-family: "Arial Narrow";
}

INPUT {
   font-family: "Arial Narrow";
   border-color: black;
   border-width: 1px;
   padding-left: 3px;
   border-style: solid;
   height: 18px;
}

#browse {
	display: none;
}

.helptext {
        display: none;
	width: 100px;
        font-size:14px;
        font-family: "Arial Narrow";
}

.bt {
    background: #ECE9D8;
    display: block;
    float: right;
    margin-left: 2px;
    height: 18px;
    width: 56px;
    text-align: center;
    text-decoration: none;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    font-family: "Arial Narrow";
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
}


.bt:hover {
	background: black;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	color: white;
}

.bs {
    font: 14px Times New Roman;
    background: #ECE9D8;
    display: compact;
    margin-right: 3px;
    width: 10px;
    text-align: center;
    text-decoration: none;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

.bs:hover {
	background: black;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	color: white;
}


.op {
    position: relative;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    float: left;
    font-family: "Arial Narrow"; 
    font-size: 12px;
    width: 40px;
    height: 20px;
}

.lop {
    position: relative;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    float: left;
    font-family: "Arial Narrow"; 
    font-size: 12px;
    width: 70px;
    margin:0px;
    padding: 0px;
    height: 20px;
}

TABLE#search { 
      border-spacing: 2px 3px;
}

INPUT.sinput {
    /* this will defeat users who change their text-size in IE */
    font-size: 14px;
    width:108px;
    position: absolute;
    left: 132px;
}

SELECT.period {
    font-family: "Arial Narrow";
    font-size: 14px;
    width:186px;
    border: black solid 1px;
}


INPUT.input3 {
    font-family: "Arial Narrow";
    font-size: 14px;
    width:138px;
    position: absolute;
    left: 102px;
}

INPUT.input {
    font-family: "Arial Narrow";
    /* this will defeat users who change their text-size in IE */
    font-size: 14px;
    width:181px;
}

INPUT.page {
    font-family: "Arial Narrow";
    font-size: 14px;
    position: relative;
    top: -1px;
    width:110px;
}

/******************** EDIT PAGE *******************/

INPUT.trans {
    tab-index: -1;
    padding: 0px;
    margin-right: 4px;
    width:19px;
    height: 19px;
	font-size:12px;
	font-family:Verdana,Times;
}


/* standard field */
SELECT.f {
    font-family: "Arial Narrow";
    font-size: 14px;
    width:175px;
}

SELECT.pick {
    font-family: "Arial Narrow";
    font-size: 14px;
    width:352px;
}

/* half standard field */
SELECT.f2 {
    font-family: "Arial Narrow";
    font-size: 14px;
    width:113px;
    position: relative;
    left: 2px;
}

/* third standard field */
SELECT.f3 {
/*    text-align: right;*/
    align: right;
    font-family: "Arial Narrow";
    font-size: 14px;
    width:60px;
}

/* third standard field */
SELECT.f4 {
    text-align: right;
    align: right;
    font-family: "Arial Narrow";
    font-size: 14px;
    width:90px;
}

SELECT.f5 {
    font-family: "Arial Narrow";
    font-size: 14px;
    width:83px;
    position: relative;
    left: 2px;
}

A.help {
        font-family: "Arial Narrow";
        font-size: 14px;
	display: block;
	background: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	text-decoration: none;
	color: black;
	padding: 3px;
	padding-left: 6px;
	width: 69px;
	height: 18px;
	z-index: 100;
	margin-top: 0px;
	margin-left: 0px;
}

A.help:hover {
	background: black;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	color: white;
}
A.help:visited {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}


INPUT.roman {
    font-family: "Arial Narrow";
    /* this will defeat users who change their text-size in IE */
    font-size: 14px;
    width:173px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-color: #bbbbbb;
    height: 20px;
}

INPUT.smallroman {
    font-family: "Arial Narrow";
    /* this will defeat users who change their text-size in IE */
    font-size: 14px;
    width:155px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-color: #bbbbbb;
    height: 20px;
}

INPUT.utf {
    font-family: MS Gothic, MS Mincho;
    /* this will defeat users who change their text-size in IE */
    font-size: 14px;
    width:175px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    border-right-width: 0px;
    border-color: #bbbbbb;
    height: 20px;
}

TEXTAREA.roman {
    font-family: "Arial Narrow";
    /* this will defeat users who change their text-size in IE */
    font-size: 14px;
    width:356px;
}

TEXTAREA.smallroman {
    font-family: "Arial Narrow";
    /* this will defeat users who change their text-size in IE */
    font-size: 14px;
    width:175px;
    height:100px;
}
TEXTAREA.smallutf {
    font-family: MS Gothic, MS Mincho;
    /* this will defeat users who change their text-size in IE */
    font-size: 14px;
    width:175px;
    height:100px;
}

/******************* lineage chart ***************/

 
A.lineage {
        display: block;
        float: left;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	text-decoration: none;
	color: black;
	background: #ECE9D8; 
	padding-top: 1px;
	padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        margin-right: 2px;
	text-align: center;
	font-family: Arial,Verdana;
	font-size: 10px;
}

A.lineage:hover {
	color: white;
	background: black;
	border-color: black;
}

A.lineage:visited {
}

DIV.hjoin {
	display: block;
	position: absolute;
	z-index: 0;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 0px none white;
	border-left: 0px none white;
}

DIV.vjoin {
	display: block;
	position: absolute;
	z-index: 0;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 0px none white;
	border-right: 0px none white;
}

A.cell span#name {
	display: block;
	text-align: left;
	font-family: Verdana;
	font-size: 10px;
	float: left;
	cursor: hand;
}

A.cell span#id {
	display: block;
	text-align: right;
	font-family: Arial;
        vertical-align: super;
        color: #888888;
	font-size: 8px;
}

A.cell {
	position: absolute;
	display: compact;
	background: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	text-decoration: none;
	color: black;
	padding: 3px;
	padding-left: 6px;
	width: 105px;
	height: 8px;
	z-index: 10;
	margin-top: 3px;
	margin-left: 10px;
}
A.cell#current {
	background:#aeaeae;
}
A.cell:hover {
	background: black;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	color: white;
}
A.cell:visited {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}