* { margin: 0; padding: 0; }
body { font-family: "Palatino Linotype", serif;}
.tip, .copyright, .text form, .serv, .menu, .answer, #comments .info { font-family: Arial, sans-serif; }
a { text-decoration: none; border-bottom: 1px solid; color: #00C; }
a:visited { color: #909; }
a:hover, a:active { color: #C00;}
a img { border: none !important; }

#book, #person, hr, #comments { border:none; border-top: 5px solid #CCC; width: 50%; padding: 0 0 0 1em; }
hr { padding: 0; margin: 0 0 0 -1em; text-align: left; height: 5px;}

.tab { margin-right: 0.5em; border: none; padding: 0 0.25em 0 0.25em; }
.selected { background: #CCC; }
#addblock, #addtitle { border-top: 5px solid #CCC; padding: 0 0.25em; width: 50%; display: none; }
h1 { margin: 0.25em 0 0.5em 0; }
h2 { margin: 0 0 0.25em 0; }
h3 { margin: 0; }

p { margin: 0 0 0.5em 0; }

.text a { border: none; color: black; display: block; padding: 0.15em; position: relative; 
border: 1px solid white; }
.text a .tip { display: block; visibility: hidden; position: absolute; right: 0; top: 0;
color: #999; background: white; padding: 5px; font-size: 12px; font-weight: bold;
border-bottom: 1px solid #CCC; cursor: pointer; 
border-left: 1px solid #CCC; 
}
.text a:hover, .text a:active { border: 1px solid #CCC;  }
.text a:hover .tip, .text a:active .tip { visibility: visible; }

.text form { padding: 0.25em; font-size: 75%; font-weight: normal; color: #666; }
.text form input { font-size: 90%; font-weight: normal; margin: 0.15em 0.15em 0.15em 0; padding: 0.25em;}
.text form .text { margin: 0 0.25em 0.25em 0; width: 99%; font-size:100%; }

p.text form { font-size: 110%; }

.copyright { margin: 3em 0 2em 1.25em; font-size: 75%; }

.part { position: relative; width: 100%; }
.part ul { position: absolute; left: 100%; top: 0; margin: 0 0 0.15em 1em; width: 90%; 
list-style-type: none; padding: 0.15em 0.15em 0.15em 0.25em; 
border: #999 1px dotted; background: #FFC; 
}
.part ul li { display: block; margin: 0 0 0.75em 0; }
.part .list { margin: 0 0 0 2em; display: list-item; list-style-type: circle; }
.info { font-size: 75%; color: #999; }
.part .footnote { font-size:90%;  padding-left: 2em; }
.part .footnote a { border-top: 1px solid #EEE; }
.part .footnote a:active, .part .footnote a:hover { border-top: 1px solid #CCC; }

.error .info { font-size: 100%; color: black; }
.error .info a { display: inline; border-bottom: 1px solid #00C; color: #00C; }
.error .info a:visited { color: #909; border-bottom-color: #909; }
.error .info a:hover, .error .info a:active { color: #C00; border-bottom-color: #C00; }

.changes { position: absolute; left:100%; top: 0; margin: 0 0 0 -1px; padding: 0 1px 0 0; font-size: 250%;
border: none; line-height: 1em; color: #CCC; }
.changes:visited { color: #CCC; }
.changes img { position: absolute; top: 3px; width: 0.425em; height: 0.425em; border: none; }
.opened { border: 1px dotted #999; border-right: none; background: #FFC; margin-right: 1px; }

del { text-decoration: line-through; background: #FCC; }
ins { background: #CFC; text-decoration: none;}
ins ins { background: #FFC; text-decoration: none; }

.error { color: #C00; }
.notice { color: #060; }

p.copyright { clear: both; }

.menu { background: #EEE; height: 1.25em; padding: 0.25em 0.15em 0.15em 1em; position: relative; 
border-bottom: 1px solid #CCC; color: #CCC; font-size: 90%; }
.menu a { color: #999; border: none; margin: 0 0.25em 0 0.25em; }
.menu a:hover { color: #C00; }
.menu div.person { position: absolute; right: 0.25em; top: 0.25em; }
.menu div.person .person { background: url('img/person.png') no-repeat 1px 0px; padding: 0 0 0 16px; }
.menu div.person a.person:hover { background: url('img/person-hover.png') no-repeat 1px 0px; }
.menu .comment { background: url('img/comment.png') no-repeat 1px 1px; padding: 0 0 0 20px; }
.menu a.comment:hover { background: url('img/comment-hover.png') no-repeat 1px 1px; }

#comments { padding: 0.25em 0 1em 1.5em; }
#comments label { display: block;}
#comments textarea { }
#comments input { margin: 0.15em 0.15em 0.15em 0; padding: 0.15em;}
#comments form { margin: 0 0 0 0;}
#comments ul { margin: 0 0 0 0; list-style-type: none; }
#comments ul li { display: block; clear: right; 
border-left: 5px solid; margin: 0.5em 0 1em 0; padding: 0 0 0 0.5em; }
#comments .l1 { border-left-color: #CCC; }
#comments .l2 { border-left-color: #CCF;}
#comments .l3 { border-left-color: #CFC;}
#comments .l4 { border-left-color: #FFC;}
#comments .l0 { border-left-color: #FCC;}
#comments ul li { border-left-color: #CFF; }

#comments h2 { margin: 1em 0 0.5em 0;}
#comments ul li form { margin: 1em 0 0 0; }
#comments ul li form textarea { width: 98%; }

.answer { font-size: 80%; color: #999; }

.inline { display: inline !important;}