/* simple.css
 * (Used for online database pages. No longer very simple... That is, the 
 * text is simple, but the stylesheet ain't.)
 *
 * - colours, from dark to light:
 * #5C370A - normal text
 * #73450C - visited link
 * #8A520F - borders
 * #C07823 - light text
 * #F2D89B - another contrasting bg
 * #F7D483 - contrasting background
 * #F9DFA0 - background
 * #FBE5AE - light background
 * #FFFFF7 - formfield backgrounds
 * #FCEABC - updated formfield
 * #5D370A - button shadows
 * #FCEABC - button highlights 
 * #FCEABC - updated formfield
 */

/* -- elements -- */
body, p, td, th, li, option, select, input, sup, h1, h2, h3, h4, h5, textarea
  { font-family: Verdana, sans-serif; color: #5C370A; }
body { background-color: #F9DFA0;
  margin: 0em; padding: 0.5em; border-left: medium solid #8A520F; }
i i { font-style: normal; }
sup { font-size: 75%; }
a, a:link, a:visited { color: #73450C; }
a:hover { text-decoration: none; color: #F9DFA0; background-color: #C07823; }
p, table   { padding: 0em 0em 0.6em 0em; margin: 0em; }
ul, ol     { padding: 0em 0em 0.6em 2em; }
th, td     { padding: 0px 3px 0px 0px; margin: 0px; border: 0px;
             vertical-align: top; text-align: left; }
h1         { font-size: 140%; } h2         { font-size: 120%; }
h3         { font-size: 110%; } h4, h5     { font-size: 100%; }
form       { padding: 0em; border: 0em; margin: 0em; }
blockquote { margin: 0em; padding: 0em 2em 0.6em 2em; }

/* -- class attributes -- */
.b { font-weight: bold; }
.sel { font-weight: bold; text-decoration: none; }
.pre, .tt  { font-family: Courier, monospaced, fixed; }
.rt        { font-family: ReykholtTimes; font-size: 110%; }
.rtbig     { font-family: ReykholtTimes; font-size: 120%; }
.rtbigger  { font-family: ReykholtTimes; font-size: 140%; }
.uc, .ucbig, .ucbigger { font-family: Junicode, 'Andron Scriptor Web', GaramondProSkaldic2,
  LeedsUni, 'Times New Roman', serif; }
.uc { font-size: 110%; }
.ucbig { font-size: 120%; }
.ucbigger { font-size: 140%; }
.serif { font-family: serif; }
.bg        { background-color: #F7D483; }
.bgnorm    { background-color: #F9DFA0; }
.changed   { background-color: #FCEABC; }
.big       { font-size: 110%; }
.bigger    { font-size: 120%; }
.nw        { white-space: nowrap; }
.padr      { padding-right: 2em; }
.light     { color: #C07823; }
.inv { color: #F9DFA0; }
.right     { text-align: right; }
.centre    { text-align: center; }
.copystmt  { text-align: right; }
.endlinks  { text-align: right; padding: 0px; }
.plain     { text-decoration: none; color: #5C370A !important; }
.indent    { margin-left: 1em; }
.padl      { padding-left: 0.5em; }
.padl2     { padding-left: 2em; }
.kenref    { font-size: 80%; }
.lg        { font-size: 90%; padding: 0em 0em 0.5em 2em; margin: 0em; }
.lgnote    { font-size:100%; padding: 0.5em 0em 0em 2em; margin: 0em; }
.alttext   { font-size: 80%; }
.comment   { font-size: 80%; font-style: italic; }
.visur     { margin: 0em; padding: 0.5em 0em 0em 2em; }
.linetop   { border-top: thin solid #8A520F; padding-top: 0.5em; 
             margin-top: 2em; }
.linebot   { border-bottom: thin solid #8A520F; padding-bottom: 0.5em; 
             margin-bottom: 2em; }
.padbottom { padding-bottom: 0.6em; }
.padbottomx{ padding-bottom: 1em; }
.padtop    { padding-top:    0.6em; }
.padtoponly{ padding-top: 0.6em; padding-bottom: 0em; }
.nopad     { padding: 0em; }
.part      { width: 80%;   }
.full      { width: 100%;  }
.editform  { margin-top: 0.5em; }
.topright, .subright { border: thin solid #8A520F; padding: 0.6em;
             background-color: #FBE5AE; }
.point     { cursor: help; }
.lig       { letter-spacing: -0.25em; }
.sc, .sc td{ font-size: smaller; }

.img       { border: thin solid #8A520F; }
.agps      { font-family: 'Adobe Garamond Pro Skaldic' }
.gps2      { font-family: 'GaramondProSkaldic2' 'Garamond Pro Skaldic 2' }
.verd      { font-family: Verdana sans-serif; }
.inh       { font-size: inherit; }
.boxhl { border: thin solid #8A520F; padding: 1em; margin: 1em; 
  background-color: #FFFFF7; }
.box { border: thin solid #8A520F; padding: 1em; background-color: #FBE5AE; }
.nw { white-space: nowrap; }

/* -- some new styles (php) -- */
a.nd, a.nd:link, a.nd:visited { text-decoration: none; }
a.title, a.title:link, a.title:visited { text-decoration: none; color:#5C370A; }
img.icon   { border: none; padding: 0px; margin: 1px; }
img.iconbd { border: 1px solid #8A520F; padding: 0px; margin: 1px; }
img.mspage { border: thin solid #8A520F; margin-top: 0.5em; }
table.page { width: 100%; }
table.left { width: 40%; }
table.right{ width: 100%; border-spacing: 0px 8px; }
table.full { width: 100%; /*height: 100%; overflow: visible;*/ }
td.leftcol { padding: 0.5em; width: 40%; white-space: nowrap; }
td.leftnar { padding: 0.5em; width: 20%; white-space: nowrap; }
td.left, td.leftwrap { padding: 0.5em; width: 40%; }
p.dict sup { vertical-align: baseline; color: #73450C; font-size: 75%; }
p.dict sup:before { content: '/'; }
p.l        { padding-top: 0em; }
p.quote    { padding-left: 1em; padding-right: 1em; }
table.bg   { padding: 0em; margin-top: 0.5em; border: thin solid #8A520F;
             background-color: #F9DFA0; }
thead td   { font-weight: bold; }
table.nopadding, table.nopadding tr, table.nopadding td, table.nopadding th {
  padding: 0em; margin: 0px; border: none; }
table.nopadding { border-collapse: collapse; }

/* these are used in documentation page links */
a.browse   { padding-left: 11px;
             background-repeat: no-repeat; background-position: center left; }
.goprev    { background-image: url(/lib/images/bullets/caret-prev.gif); }
.goup      { background-image: url(/lib/images/bullets/caret-up.gif);   }
.gotop     { background-image: url(/lib/images/bullets/caret-top.gif);  }
.godown    { background-image: url(/lib/images/bullets/caret-down.gif); }
.gonext    { background-image: url(/lib/images/bullets/caret-next.gif); }

/* -- stuff for bottom of verse view (php) -- */
div.rtsmall p { font-family: ReykholtTimes; font-size: 110%; 
                text-align: justify; }
div.rtsmall l { font-family: ReykholtTimes; font-size: 110%; }
div.rtsmall a { text-decoration: none; }
div.gs a      { text-decoration: none; }
p.vtitle      { font-weight: bold; font-size: 130%;  margin-top: 0.5em; }

/* -- tab-like links -- */
.tablinks { border:none; margin:0; padding:0; }
.tablinks a { text-decoration:none; background-color:#F7D483; margin:0;
  padding: 0px 4px; border: 1px solid #8A520F; }
.tablinks a:hover { color:#F9DFA0; background-color:#C07823; }
.tablinks a.sel { color:#F9DFA0; background-color:#73450C; font-weight:normal;}
.padbot { padding-bottom:4px; padding-top:2px; }
.padbotxtra { padding-bottom:10px; padding-top:2px; }

/* -- fancy links -- */
.link, .linksel { padding: 0px; margin: 2px 0px; text-decoration: none; }
.link      { background-color: #F7D483; }
a.linksel:link, a.linksel:visited, .linksel { color: #F9DFA0;
             background-color: #C07823; }
.link a    { color: #73450C; text-decoration: none; }
.linksel a { color: #F9DFA0; text-decoration: none; }
.link:hover, .linksel:hover, p.link:hover { color: #F9DFA0;
             background-color: #C07823; }
.link a:hover, .linksel a:hover { color: #F9DFA0; }

/* -- form stuff -- */
input.text, textarea, select { padding:1px; border:1px solid #8A520F; 
  margin:1px; background-color: #FFFFF7; }
select { padding: 0px; }
input.point { padding-left: 1pt; margin-bottom: 1pt; 
  font-family: ReykholtTimes; font-size: 110%; cursor: pointer;
  border: thin solid; border-color: #FCEABC #5D370A #5D370A #FCEABC; }
input.pointrun { padding-left: 1pt; margin-bottom: 1pt; cursor: pointer;
  border: thin solid; border-color: #FCEABC #5D370A #5D370A #FCEABC; }
input.point:hover  { background-color: #F7D483; }
input.submit { padding:1px; background-color:#F7D483; font-size:100%; 
  border:2px solid; border-color:#FCEABC #5D370A #5D370A #FCEABC; }
input.button { padding: 0px; background-color: #F7D483; 
  border: thin solid; border-color: #FCEABC #5D370A #5D370A #FCEABC; }
input.button:hover, input.submit:hover {
  font-size:100%; color:#F7D483; background-color:#73450C; }
input.row { padding: 0px; }
.bg:hover { background-color:#F9DFA0; cursor:default; }
option { padding: 0px 3px 0px 1px; background-color: #FFFFF7; }
input.radio { width: 10px; height: 10px; margin: 2px 2px 0px 2px; }
input.checkbox { width:10px; height:10px; margin:1px; }
input.last { padding: 0em 2em; font-weight: bold; }
button { padding: 0px; margin: 0px; background-color:#F9DFA0; border: none; }
img.but { border: none; }
input.butch { padding:0px 1px; background-color:#FBE5AE; border:1px solid;
  border-color:#8A520F; margin:0px 1px 0px 0px; font-size:9px; color:#73450C; }
.upd { background-color: #FCEABC; }
.auto { background-color: #F7D483; }

/* -- runic reading formatting -- */
table.run_rdg    { border: 0cm; margin: 0cm; padding: 0cm; }
table.run_rdg td { border: 0cm; margin: 0cm; padding: 0cm; text-align: center; }

/* -- popups -- */
div#overDiv td, div#overDiv th { border:1px solid #8A520F; padding:1px; 
  background-color:#73450C; font-size:smaller; line-height:110%; }
div#overDiv p, div#overDiv li, div#overDiv sup { color: #F2D89B; }
div#overDiv p, div#overDiv li { font-size:110%; }
div#overDiv sup { font-size:80%; }
div#overDiv table { padding: 0px; }
.overlinetop { border-top: thin solid #F9DFA0; padding-top: 0.2em; 
  margin-top: 1em; }

/* -- sql table (php) -- */
table.query td, table.query th { border: 0.1ex solid #F2D89B; }

/* -- new, sql-generated print-friendly format -- */
.print p { font-family: serif; font-size: larger; }

/* -- some stuff for extended prose/trans forms (php) -- */
table.inline { display: inline; margin: 0; padding: 0em; border: none; }
table.inline tr, table.inline td { margin: 0; padding: 0; border: none; }
input.ref { border: none; background-color: #FBE5AE; font-style: italic; 
  cursor: default; margin: 0; }
input.blank { background-color: #FBE5AE; border: 1px solid #FBE5AE;
  font-style: normal; cursor: default; margin: 1px; padding: 1px; }

/* -- drop-down menus */
.sddm { margin:0; padding:0; z-index:30; } 
.sddm li { margin:0; padding:0; list-style:none; float:left; }
.sddm li a { display:block; margin:0 2px; padding:0px 4px; text-align:center;
  border: 1px solid #8A520F; background-color:#F7D483; text-decoration:none}
.sddm li a:hover { color:#F9DFA0; background-color:#C07823; }
.sddm li a.sel { color:#F9DFA0; background-color:#73450C; font-weight:normal; }
.sddm div { position:absolute; visibility:hidden; margin:0; padding:0 0 0 2px;}
.sddm div a, .sddm div form { position:relative; display:block; margin:0;
  padding: 0px 4px; width:auto; white-space:nowrap; text-align:left; 
  text-decoration:none; background-color: #F7D483; border: 1px solid #8A520F; 
  border-top:none; /*font-size: smaller;*/ }
.sddm div a:hover { background-color:#C07823; color:#F9DFA0; }
.sddm div form { padding: 2px 4px 2px 4px; }