/* phpWorkLog - Web based work log
 * 
 * Copyright (C) 2023 Randy Latimer <rlatimer02@gmail.com>
 *
 * This file defines the cascading style sheet settings used on all pages
 * which reference this file.
 *
 */


/* Standard body element */
body { margin-left: 20px; margin-right: 20px; color: black; background-color: #dddddd; }

/* Header elements */
h1 { text-align: center; }
h2 { text-align: center; }
h3 { text-align: center; text-decoration: underline; }
h3.alert { color: red; font-size: large; font-weight: bold; text-align: center; }

/* Span elements */
span { color: black; font-size: medium; }
span.small { color: black; font-size: small; }
span.tiny { color: black; font-size: x-small; }
span.fakelinktiny { color: blue; cursor: pointer; font-size: x-small; }

/* Table elements */
/* table { text-align: center; border: none; margin-left: auto; margin-right: auto; border-collapse: collapse; white-space: nowrap; } */
table { text-align: center; border: none; margin-left: auto; margin-right: auto; border-collapse: collapse; }
table.hf { text-align: left; border: none; margin-left: auto; margin-right: auto; border-collapse: collapse; }
table.naked { border: none; text-align: left; margin-left: auto; margin-right: auto; }
th { border: medium solid; text-align: center; vertical-align: middle; }
td.center { padding: 3px; border: thin solid; }
td.left { text-align: left; padding: 3px; border: thin solid; }
td.subject { border: none; text-align: left; vertical-align: bottom; }
td.topic { border: none; font-weight: bold; text-align: left; vertical-align: bottom; }
td.hostlist { border: none; text-align: left; vertical-align: top; }
td.description { border: none; text-align: left; vertical-align: top; font-family: monospace; white-space: pre-line; }
td.navigate { border: none; text-align: right; vertical-align: middle; }
tr.odd { border: thin solid; color: black; background-color: #c5c5c5; }
tr.even { border: thin solid; color: black; }
tr.logged { border: thin solid; color: black; background-color: #55cc49; }
tr.notlogged { border: thin solid; color: black; background-color: #cc494a; }
td.today { color: blue; }

/* Edit table (vertical) elements */
.div_edit-vert table { text-align: center; }
.div_edit-vert th { border: none; text-align: right; }
.div_edit-vert td { text-align: left; }

/* Report elements */
table.report { border: none; text-align: left; margin-left: auto; margin-right: auto; width: 90%; }
tr.rptsect { border: none; text-align: left; margin-left: auto; margin-right: auto; }
th.rptsecthead { border: none; text-align: left; margin-left: auto; margin-right: auto; font-size: x-large; }
th.rptsecttitle { border: thin solid; text-align: center; margin-left: auto; margin-right: auto; }

/* Division elements */
div.centered { text-align: center; }
div.header {  }
div.sitebody {  }
div.taskform {  }
div.footer { text-align: center; }
div.gpl { width: 80%; margin-left: 10%; margin-right: 10%; }

/* Link Elements */
:link { color: #009999; text-decoration: none; }
:visited { color: #009999; text-decoration: none; }
a:hover { color: #009999; text-decoration: none; background-color: #f5ee2c; }

/* Hover Element */
a.nextaction { position: relative; z-index: 24; color: blue; text-decoration: none; background-color: transparent; }
a.nextaction:link { color: black; text-decoration: none; background-color: transparent; }
a.nextaction:visited { color: black; text-decoration: none; background-color: transparent; }
a.nextaction:hover { z-index:25; color: black; background-color: #ff0; }
a.nextaction span { display: none; }
a.nextaction:hover span{ display:block; position: absolute; top: 2em; left: -1em; width: 25em; border: 2px solid black; background-color:#d0d0d0; color:#000; text-align: center; font-size: small; white-space: normal; }

.bggreen { background-color: lightgreen; }
.bgred { background-color: #ffa3a3; }

/* Image Elements */
img { border: none; }
img.w3c { border: none; width:88px; height:31px; }

/* "Other" elements */
hr.onethird { width: 33%; }
dd { line-height: 1.5em; margin-bottom: 1em; }
p.copyright { color: black; font-size: small; font-weight: normal; }

/* Debug table elements */
th.debug { border: none; text-align: center; vertical-align: middle; }
td.debugkey { text-align: left; vertical-align: middle; }
td.debugval { text-align: left; vertical-align: bottom; }

/* Titan-ish look */
div.titan { font-family: Verdana; font-size: 12px; }
/*small{ font-family: Verdana; font-size: 10px; }*/
table.result, th.result, td.result { margin-left: 0;text-align: left; border: 1px solid black; border-collapse: collapse; padding: 5px; }