/*
Standard stylesheet, all-around little things
Copyright (C) 2009, 2010, 2011  Jyrki Launonen

This file is part of slavemaster.

Slavemaster is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

Slavemaster is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with Slavemaster.  If not, see <http://www.gnu.org/licenses/>.
*/

@charset "UTF-8";
body {
   font-family: Arial, Helvetica, sans-serif;
}

/*Headings*/
h1 {
   font-size: 21pt;
   font-weight: bold;
}
h2 {
   font-size: 19pt;
   font-weight: bold;
}
h3 {
   font-size: 16pt;
}
h4 {
   font-size: 13pt;
}


/*Sections*/
div#header {
   clear: both;
   border-bottom: 1px solid gray;
}
div#title h1 {
   position: absolute;
   left: 4.2em;
   top: 0.6em;
}

div#navmenu {
   float: left;
   padding-right: 1ex;
   padding-left: 1ex;
   padding-bottom: 1ex;
/*    border: 1px solid red; */
   width: 12em;
   margin-right: -13.3em;
   font-size: smaller;
}

div#content {
   float: left;
   margin-left: 11.4em;
   min-width: 40em;
   min-height: 20em;
   padding-left: 1em;
   padding-bottom: 1em;
/*    border: 1px solid red; */
}

div#footer {
   clear: both;
/*    border: 1px dashed red; */
   padding-top: 1em;
}

div.breadcrumb {
   border-bottom: 1px dashed black;
   background-color: #f6f6f6;
   margin-right: 1em;
}

div.breadcrumb span {
   margin-right: 0.5em;
}

div.breadcrumb span.selected {
   font-weight: bolder;
}

div.dataarea {
   border: 1px gray dashed;
   background-color: #eef;
   margin-top: 1em;
   margin-right: 1em;
   margin-bottom: 1em;
}

.email {
   background-color: black;
   color: white;
   padding-top:    0.3em;
   padding-bottom: 0.3em;
   padding-left:   0.3em;
   padding-right:  0.3em;
}


/* Navmenu */
ul#menulist {
   list-style-type: none;
   padding-left: 0.2ex;
   padding-top: 0ex;
}

ul#menulist li ul {
   list-style-type: none;
   padding-left: 1em;
}

span.username {
   color: teal;
}
span.fullname {
   color: #055;
}
div.message {
   padding: 0.5em 0.5em 0.5em 0.5em;
   margin-right: 1em;
   margin-top: 1em;
   border: 1px dashed black;
   background-color: #b0ffc0;
}
div.persistmessage {
   background-color: #ccf;
}
div.warning {
   background-color: yellow;
}

/* General lists */
.list-odd {
   background-color: #eef;
}

.list-even {
   background-color: #ddf;
}

table.colored {
   border-collapse: collapse;
}
table.colored thead {
   background-color: #7ae;
}
table.colored tfoot {
   border-top: 1px solid gray;
   background-color: #7ea;
}
table.colored td {
   padding-top: 0.2em;
   padding-bottom: 0.3em;
   padding-right: 0.2em;
   border-left: 1px solid silver;
   border-right: 1px solid silver;
}
table.colored tr th {
   border-left: 1px solid gray;
   border-right: 1px solid gray;
}
table.colored tbody {
   border-top: 1px solid gray;
   border-bottom: 1px solid gray;
}
table.colored colgroup {
   border-left: 2px solid gray;
   border-right: 2px solid gray;
}

/* Compress lists (and their pre-content) in table cells */
td ul {
   margin-top: 0.1em;
   margin-bottom: 0.1em;
}

td ul pre {
   margin-top: 0.1em;
   margin-bottom: 0.1em;
}

.disabled {
   color: #777;
}
.disabled.list-odd {
   background-color: #f9f9f9;
}
.disabled.list-even {
   background-color: #f1f1f1;
}
.disabled a {
   color: #66a;
}
.disabled a:visited {
   color: #969;
}


/* General forms */
form {
   padding-bottom: 0em;
}

form p {
   clear: both;
   padding-bottom: 1ex;
}

form p label {
   display: block;
   float: left;
   width: 14em;
}

form p label.wide {
   width: 20em;
}


span.label {
   display: block;
   float: left;
   min-width: 8em;
   font-weight: bold;
/*    font-size: larger; */
}

form p label.nonblock {
   display: inline;
   float: none;
   width: auto;
}

form input[type=text], form input[type=password]{
   width: 22em;
}
form input[type=text].narrow {
   width: 6em;
}

span.info, div.info {
   font-size: smaller;
}

form p span.info, div.info {
   display: block;
   padding-left: 16.5em;
   max-width: 40em;
}

form p.info {
   max-width: 50em;
   margin-top: 0.5ex;
   padding-bottom: 0.5ex;
   margin-bottom: 0.5ex;
}

form p span.error, span.error, p.error {
   color: red;
}

form div.controls {
   clear: both;
   padding-top: 1em;
}