/* style sheet for tudura */
/* $Id: tudura.css,v 1.21 2007/05/27 07:43:26 cut-sea Exp $

/*
 * Common stuff
 */
body {
  font-family: verdana, arial, helvetica, sans-serif;
  color: black;
  background-color: white;
  padding: 0pt;
  margin: 0pt;
}

h1, h2, h3, h4, h5, h6 {
   text-align: left;
   color: #11aacc;
   background: transparent;
}
h1 { font-size: 190% }
h2 { font-size: 150% }
h3 { font-size: 120% }
h4 { font-size: 110% }
h5 { font-size: 100% }
h6 { font-size: 90%; font-style: italic }

hr {
  padding: 0pt; margin: 0pt;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #729669;
}

pre {
  background-color: #ffffee;
  border-color: #bbccbb;
  border-width: 1px;
  border-style: solid;
  padding: 0.5em;
}

dd {
  background-color: #ffffee;
  border-color: #bbccbb;
  border-width: 1px;
  border-style: solid;
  margin: 0.5em 3em 1em 3em;
}

.warning {
  color: #ff0000;
}

span.warning {
  font-size: 90%;
}

span.highlight {
  color: #ff0000;
  background-color: #ffff00;
}

.confirm-message {
  font-size: 110%;
  width: 50%;
  vertical-align: center;
  color: #000000;
  background-color: #eeffff;
  border-color: #bbccbb;
  border-width: 1px;
  border-style: solid;
  padding: 0.5em;
  margin: 0.5em 3em 1em 3em;
}

.confirm-message input {
  margin: 0em 0.5em 0.3em 0.5em;
}

form#login-box {
  position: fixed;
  right: 2px;
  top: 30px;
  z-index: 600;
  background-color: white;
  filter:alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

div#hello-user {
  position: fixed;
  right: 2px;
  top: 30px;
  z-index: 600;
  background-color: transparent;
}

form#search-box {
  position: fixed;
  right: 2px;
  top: 2px;
  z-index: 600;
  background-color: transparent;
}

table th {
  text-align: left;
  padding-right: 5pt;
}

p.posted-comment {
  overflow: auto;
  margin: 0.3em;
  padding: 0.2em;
}

/*
 * Title pane
 */
div#title-pane {
  position: fixed;
  top: 0px;
  text-align: left;
  font-size: 85%;
  color: #ffffff;
  margin: 0pt;
  padding: 3pt 5pt 3pt 5pt;
  background: transparent;
  background-color: #fafdfd;
  width: 100%;
  height: 40px;
}

div#page-body {
  margin: 0;
  padding: 30px 0px 0px 0px;
  background: transparent;
  background-color: #fafdfd;
  width: 100%;
}

div#header-tabs {
  position: fixed;
  top: 45px;
  background-color: #fafdfd;
}

/*
 * Navigation pane
 */
table#navigation-pane {
  width: 100%;
}

td#navigation-pane-left {
  padding-left: 2em;
  text-align: left;
  font-size: 90%;
}

td#navigation-pane-right {
  text-align: right;
  font-size: 90%;
}

/*
 * Body pane
 */
table#body-pane {
  width: 100%;
}

td#main-pane {
  vertical-align:top;
  padding: 0.5em 1em 0.5em 1em;
}

div#edit-menu {
  text-align: right;
  font-size: 90%;
  color: #777777;
}

div#page-footer { 
  text-align: right;
  font-size: 80%;
  color: #777777;
}

td#side-pane {
  vertical-align:top;
  font-size: 90%;
  width:10em;
  border-width: 0px 1px 0px 0px; 
  border-style: solid;
  border-color: #729669;
}

td#side-pane ul { 
  margin: 0pt 5pt 0pt 5pt;
  padding-left: 10pt;
}

td#side-pane > h2 {
  font-size: 100%;
  margin: 0pt 1pt 0pt 1pt;
  padding: 0pt;
  text-align: center;
  background: transparent;
  background-color: #aaddbb;
}

td#side-pane p {
  margin: 0pt 0pt 1pt 0pt;
  padding: 1pt;
}

/*
 * Bottom pane
 */
div#bottom-pane {
  text-align: center;
  font-size: 70%;
  color: #999999;
}

div#bottom-pane p {
  padding: 0px;
  margin: 5px;
}

/*
 * Input
 */
input, textarea{
    background-color: white;
    color: inherit;
    border: 1px solid #7b96ac;
    vertical-align:middle;
}

input:focus, textarea:focus
{
    border: 1px solid darkred;
}

/*
 * table with stripes
 */
table.stripe tr.even{
  background-color: #e0e0e8;
}

table.stripe tr.odd{
  background-color: #ffffff;
}

/*
 * Error display
 */
.macro-error {
    background-color: #ee5555;
}

/*
 * Comment
 */
.simplecommentmacro {
  font-size: 80%;
}

.commentform {
  font-size: 80%;
}

.comments {
  font-size: 80%;
}

/*
 * Table of Calendar
 */
table.task {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    height: 78%;
    margin-bottom: 5px;
    border:1px dotted gray;
}

table.task tr th {
  height: 1em;
}

table.task tr td {
    border:1px dotted lightgray;
    height:14%;
    vertical-align:top;
}

table.task tr td:hover {
    background-color:#e5e5e5;
}

table.task tr td span {
  text-align:left;
  display:block!important;
}

table.task tr td.today{
    background-color: pink;
}

table.task tr td.today span, table.task tr td.today a {
    background-color:transparent;
}

table.task tr td.today:hover {
    background-color: #ffb6c1
}


table.task tr td div a {
  text-align: left;
}

table.calendar a
{
    display:block;
    text-decoration:none;
    text-align:center;
    color:black;
    padding:3px;
}

table.calendar a:hover {
    background-color: ffffc8 !important;
}

table.calendar {
    border-collapse: collapse;
    border:1px dotted gray;
}

table caption {
    font-weight:bold;
}

table.calendar tr th{
    font-size: 9px;
    padding: 0 0 0 0;
    text-align: center;
    background-color:c8ffc8;
    border-bottom: 1px dotted #a4ffa4;
}

table.calendar tr td{
    font-size: 9px;
    padding: 0 0 0 0;
    text-align: right;
    padding:0px;
    /* border:1px dotted lightgray; */
}

td.other-month a {
  color: gray !important;

}

td.other-month {
    color: gray;
    background-color:white;
}


td.workday a,td.workday span {
    /* background-color: white; */
}

td.saturday a ,td.saturday span, th.saturday {
  color:blue;
}

td.sunday a, td.sunday span, th.sunday {
  color: red;
}

td.compensate a, td.compensate span {
  color: red;
}

td.holy a, td.holy span {
    color: red;
}

td.holiday a, td.holiday span {
    color: red;
}

td.today a, td.today span {
    font-weight: bold;
    background-color:lightgreen;
}

td.new-target a {
  font-weight: bold;
  background-color: yellow;
}

td.today.new-target a {
    background-color: yellow;
    border: 1px solid lightgreen;
}

td.target a {
  font-weight: bold;
  background-color: pink;
}

td.today.target a {
    background-color: pink;
    border: 1px solid lightgreen;
}

/*
 * title
 */
h1.title {
    display: inline;
    color: #8080f0;
}

h1.title a {
    text-decoration: none;
    color: #8080f0;
}

h3.subtitle {
    color: #8080f0;
    margin: 40px 3px 1px 1px;
}

h3.subtitle a {
    color: #8080f0;
    margin: 40px 3px 1px 1px;
}

/*
 * tag
 */
div.tagbox {
    height: 7.5em;
    margin: 0.5em 3em 0em 0em;
    overflow: auto;
    border: 1px dotted gray;
}

table.full-width-content {
    width: 100%;
}

td.input-form {
    vertical-align: top;
}

td.post-list-pane {
    width: 75%;
    vertical-align: top;
}

td.tag-list-pane {
    width: 25%;
    vertical-align: top;
}

ul {
    padding: 0px 0px 0px 0px;
}

li {
    padding: 0pt;
    margin: 0pt;
    list-style-type: none;
}

div.fadeout {
    padding: 1pt;
    margin: 0pt;
    background-color: #cccccc;
}

/*
 * permalink
 */
div.permalink {
    margin: 0.5em 3em 0em 0em;
}


/*
 * suggest
 */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:1px;
  height:14px;
  cursor:pointer;
}