body {
    font-family: verdana;
    margin:0px;
}

table {
    border-collapse: collapse;
}

td {
    border: 1px solid;
    border-color:LightGray;
    padding: .2em;
}

td.tablized {
    padding-left:1em;
    padding-right:1em;
}

/*
select {
    border: 1px solid;
}
*/

input {
/*
    border:#a9a9a9 1px solid;
*/
    background-color:Gainsboro;
    border:#a9a9a9 1px solid;
    padding:4px;
}

select {
    background-color:Gainsboro;
    border:#a9a9a9 1px solid;
    padding:4px;
    width:100%;
}

textarea {
    background-color:Gainsboro;
    border:#a9a9a9 1px solid;
    padding:4px;
    width:100%;
}

div.submitbutton {
    float:right;
}



th {
    background-color: LightGray;
    border: 1px solid;
    border-color:black;
    padding-bottom: .2em;
    padding-top: .2em;
    padding-left: 1em;
    padding-right: 1em;
    color:black;
}

div.frameless {
    padding:0em;
}

div.frameless td {
    background-color:WhiteSmoke;
    border: 0 none;
}

div.frameless table {
    border-color:WhiteSmoke;
    border-width:0.5em;
    border-style:solid;
}

td.form_label {
    padding-left:0.5em;
    padding-right:0.5em;
}

td.form_warning {
    color: red;
    padding-left:0.5em;
    padding-right:0.5em;
}

.error {
    color: red;
}

.button {
    float: right;
}

.logout {
    margin-right: 2em;
    text-align:right;
}

.nav_and_flash {
    margin-left:0px;
    display:block;
    height:3em;
}

.navlinks {

    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    float:left;
}

.navlinks a {
    font-size: large;
    font-weight: bold;
    color: gray;
    text-decoration:none;
}

.right_green_bubble
{
    background-color: #b1ff96;
    border-width: 1px;
    -moz-border-radius: 1em;
    border-radius: 1em;
    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    float:right;
    margin-right: 1em;
}

.right_red_bubble
{
    background-color: red;
    border-width: 1px;
    -moz-border-radius: 1em;
    border-radius: 1em;
    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    float:right;
    margin-right: 1em;
}

.right_bubble
{
    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    float:right;
    text-align:right;
}
/* free */
td.f {
    text-align: center;
}

/* disabled */
td.d {
    background-color: #dcdcdc;
    text-align: center;
}

/* actual */
td.a {
    background-color: #ffd700;
    text-align: center;
}

a.t {
    text-decoration: none;
    color: black;
}

a.t:hover {
    color: green;
}

div.title {
    border-bottom: 1px;
    border-style: solid;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-bottom: 0.3em;
    margin-bottom: 0.5em;
}

span.title {
    font-size: large;
    font-weight: bold;
    color: gray;
}

div.header {
    margin-left:0px;
    margin-top:1em;
    margin-bottom:.5em;
    font-size: large;
    color: gray;
}

div.warning_header {
    font-size: large;
    font-weight: bold;
    margin-left:0px;
    margin-top:1em;
    margin-bottom:.5em;
    font-size: large;
    color: red;
}

span.userid {
}

span.right {
    float:right;
}

div.resinfo {
    margin-bottom: 0.5em;
}

table.resinfo {
    width: 20em;
}

.leftPanel {
    margin-right: 0.3em;
    float: left;
}

/* calendar */
td.outMonth {
    background-color: #dcdcdc;
    text-align: center;
}

td.inMonth {
    text-align: center;
}

td.nonWorking {
    text-align: center;
    background-color: red;
}

div.leftfloat {
    float: left;
}

div.rightfloat {
    float: right;
}

/* Actual reservation */
div.actual_reservation {
    width: 20em;
}

table.actual_reservation {
    width: 20em;
}

/* Shop selector */
div.shopselector {
    width: 20em;
    margin-bottom: 0.5em;
}

table.shopselector {
    width: 20em;
}

table.todolist {
    width: 40em;
}

ul.error {
    padding : 0px;
    margin:0px;
    list-style-type:none;
    }

ul {
    margin:0px;
    margin-left:2em;
    padding-left:1em;
}

div.indented {
    margin-left: 2em;
}

div.dedented_error {
    margin-left: 0em;
    color:red;
}

div {
    margin-left:1em;
}

form {
    margin:0px;
}

a:link { color:Peru; text-decoration:none}
a:visited { color:Peru;}
a:hover { color:Maroon;}
a:active { color:red;}

div.block {
    margin-left:1em;
    float:left;
    margin-right:1em;
}

div.fixed_width_block {
    margin-left:1em;
    float:left;
    margin-right:1em;
    width: 30em;
}

p.description {
    width: 30em;
    text-align:justify;
}

/* CALENDAR */
div.calendar {
    float:left;
    margin:0px;
}

div.c_header_cell {
    margin:0em;
    float:left;
    width: 5em;
    text-align:center;
}

span.c_header {
    font-size: large;
    font-weight: bold;
    color: gray;
}

div.c_week {
    margin:0px;
    width:35em;
}
div.c_cell {
    margin:0em;
    float: left;
    width: 5em;
    text-align:center;
    padding-top:.5em;
    margin-top:.5em;
    height:2em;
}

div.calendar_nav {
    margin:0px;
    width:5em;
    float:left;
    text-align:center;
}

div.c_header {
    text-align:center;
    width:35em;
    margin:0px;
}
div.day_selector {
    margin-top:1em;
    float:left;
    background-color:WhiteSmoke;
    padding-bottom:.5em;
}

.hover {
   background-color:white;
}

/* slots */

.slot_selector {
    margin-top:1em;
    padding:.5em;
    float:left;
    width:11em;
    background-color:WhiteSmoke;
}

.slot_header_row {
    margin:0px;
}

div.slot_day_cell {
    margin:0px;
    width:100%;
    text-align:center;
}

div.slot_header_cell {
    text-align:center;
    margin:.5em;
    float:left;
    width:10em;
}

span.slot_header_cell_content {
    font-size: large;
    font-weight: bold;
    color: gray;
}

.slot_column {
    margin:.5em;
    float:left;
    width:10em;
}

div.slot_cell {
    margin:0px;
    float:left;
    width:10em;
    text-align:center;
}

div.slot_cell_conflict {
    margin:0px;
    float:left;
    width:10em;
    text-align:center;
    background-color: Gainsboro;
}

div.timetable {
    width:500em;
    margin:0px;
}