header#header {margin-top: 120px;}
#headertitle {color:white;}
li.web2py-menu-active {font-weight:bold;}
div.submenu {
    position:fixed;
    right:10px;
    background-color:#F5F5F5;
    margin-top:-40px;
    padding:.5em 1em;
    border:1px solid #ddd;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

h1#pageheader {
    color:#f5f5f5;
    padding-top: 10px;
    padding-left: 10px;
}

.hvam_minimized {
    #font-weight:bold;
    position:relative;
    margin-top: 10px;
    margin-bottom: 10px;
    padding:8px;
    opacity:0.95;
    cursor:pointer;
    color:#fff;
    background-color: #dbdbdb;
    border:3px solid #fff;
    border-radius:8px;
    -o-border-radius: 8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.hvam_expanded {
    font-weight:bold;
    position:relative;
    margin-top: 10px;
    margin-bottom: 10px;
    padding:8px;
    opacity:0.95;
    cursor:pointer;
    color:#000000;
    background-color: #dbdbdb;
    border:2px solid #fff;
    border-radius:8px;
    -o-border-radius: 8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;

}

.slotinfo {
    position:relative;
    float:right;
    margin-bottom:0.5em;
    margin-left:1em;
    width:20%;
    padding: 0.25em 0.25em 0.25em 1.25em;
    background-color: #dbdbdb;
    border-radius:8px;
}

.hvambox {
    position:relative;
    float:right;
    padding: 0.5em;
    margin: 0.5em;
    background-color: #dbdbdb;
    border-radius:8px;
}

#slotinfo_modify_link {
    margin-top:2em;
    /*padding: 1em 1em 1em 1em;*/
    padding-bottom: 1em;
    background-color: #dbdbdb;
}

#insert_company_details {
    position:relative;
    float:left;
    background-color: #dbdbdb;
    padding: 1em 1em 1em 1em;
    border-radius:8px;
    -o-border-radius: 8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
#insert_company_products {
    position:relative;
    float:left;
    margin-left: 3em;
    background-color: #dbdbdb;
    padding: 1em 1em 1em 1em;
    border-radius:8px;
}
#insert_company_submit {
    position:relative;
    float:left;
    clear:both;
    padding: 1em 1em 1em 1em;
    width: 100%;
}
#editplace_table {
    background-color: #dbdbdb;
    border-style: solid;
    border-width: 2px;
    border-color: black;
    width: 100%;
}
.editplace_day {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    width: 10%;
}
.editplace_status {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    width: 15%;
}
.editplace_price {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    width: 5%;
}
#editplace_price_input {
    width:50%;
}
.editplace_company {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    width: 65%;
}
#editplace_submit {
    position: relative;
    float: right;
    clear: both;
    width: 33%;
    margin-right: 0;
}

#company_table {
    border-style: solid;
    border-width: 2px;
    border-color: black;
    width: 100%;
}
.company_row {
    border-style: solid;
    border-width: 1px;
    border-color: black;
}
#company_options {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    width: 100%;
}

.product_selection {
    padding: 0.15em 1em 0.15em 1em;
}

#event_selection_billing {
    position:relative;
    float:left;
    width:100%;
    background-color: #dbdbdb;
    padding: 1em 1em 1em 1em;
    border-radius:8px;
    -o-border-radius: 8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

/* NEW STUFF UNDER THIS */
div.hvam_table {
    background-color: #dbdbdb;
    padding: 1em 1em 1em 1em;
    border-radius:8px;
    width: 100%;
}

.hvam_table table{
    width: 100%;
    clear:both;
}

.hvam_table td {
    border-style: solid;
    border-width: 1px;
    border-color: darkgrey;
}

.hvam_table th {
    border-style: solid;
    border-width: 2px;
    border-color: darkslategray;
    background-color: darkgray;
}

.grid {
    margin:0 auto;
    border-collapse:collapse;
    float: left;
}
.grid td {
    cursor:pointer;
    padding:1px;
    width:15px;
    height:12px;
    border:1px solid #ccc;
    text-align:center;
    font-family:sans-serif;
    font-size:10px;
    color: black;
}
.grid td.reservation_1 /* Free */{
    background-color: lightgreen;
}
.grid td.reservation_2 /* Partially reserved */{
    background-color: #cfff05;
}
.grid td.reservation_3 /* Reserved */ {
    background-color: #ffb900;
}
.grid td.reservation_4 /* Verified */ {
    background-color: #ff4900;
}
.grid td.reservation_5 /* Internal */ {
    background-color: lightblue;
}
.grid td.reservation_6 /* Reserved and billed */ {
    background-color: #ff8203;
}
.grid td.default {
    background-color:lightgrey;
}
.grid td.selected {
    background-color:yellow;
    font-weight:bold;
    color:red;
}
.grid td.marked {
    background-color:#0000ff;
    color:#ffff00;
}
.grid td.type_place {
    background-color: lightgreen;
}
.grid td.type_splitplace {
    background-color: darkgreen;
}
.grid td.type_building {
    background-color: darkgray;
}



.hvamselection {
    width: 100%;
}
.hvamselection select{
    width: 50%;
}

.hvam_smalltable {
    width: auto;
}
.hvam_smalltable tr {
}
.hvam_smalltable td {
    border-style: solid;
    border-width: 1px;
    border-color: darkgrey;
}
.hvam_smalltable th {
    border-style: solid;
    border-width: 1px;
    border-color: darkgrey;
}

.hvam_edit_info_box {
    width: auto;
    float: left;
    margin-left: 1em;
    margin-right: 1em;
}
.hvam_message {
    font-size: 20px;
}
.hvam_error_message {
    color: red;
}

.hvam_smallbutton {
    height: 1.5em;
    padding: 0;
    margin: 0;
    display: inline;
}

.hvam_buttongroup {
    height: 40px;
}

.hvam_buttongroup.left {
    position: relative;
    float: left;
    padding: 1em;
}

.hvam_buttongroup.right {
    position: relative;
    float: right;
    padding: 1em;
}

.hvam_buttongroup input[type="text"] {
    margin-bottom: 0;
    width: 10em;
}

.hvam_menu {
    clear: both;
    padding-top: 0;
    padding-bottom: 1em;
}

input.hvam_button {
    margin-left: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 0;
}

#incclasses span {
   padding-right: 1em;
}
#incclasses input {
   padding-right: 2.25em;
   margin: 0;
}

/* All company editing specials */
div.edit_company {
    background-color: #dbdbdb;
    padding: 1em 1em 1em 1em;
    border-radius:8px;
    width: 45%;
}
div#company_details {
    float: left;
}
div#company_products {
    float: right;
}
div.edit_company select,
div.edit_company textarea {
    width:314px;
    padding: 0;
    margin: 0;
    resize: vertical;
}
div.products label {
    margin: 0;
    margin-left: 5px;
    display: inline;
}
div.products div {
    margin: 0;
    margin-left: 5px;
    display: inline;
}
div.product_group_name {
    margin-top: 1em;
    font-size: 18px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
span.product {
    margin-left: 3em;
}
div#company_edit_submit,
div#company_edit_submit input {
    margin-top: 2em;
    width: 100%;
    clear: both;
}
/* Company editing specials end */

/* Billing specials */
td.bill_expired {
   background-color: red;
}


div.company_reservation.billed {
    background: darkgray;
}
div.company_reservation {
    background: darkgreen;
    margin: 0.1em 1em 0.1em 0;
    border-radius: 6px;
    border: none;
}
div.company_reservation button.reservation.billed {
    background: darkgray;
    border: none;
    display: inline;
}
div.company_reservation button.reservation {
    background: darkgreen;
    border: none;
    display: inline;
}
div.company_reservation button.reservation_day.billed {
    background: darkgray;
}
div.company_reservation button.reservation_day {
    background: darkgreen;
    border: none;
    display: inline;
}
div.company_reservation button.deselected {
    text-decoration: line-through;
    background: lightcoral;

}
div.company_reservation.deselected {
    text-decoration: line-through;
    background: lightcoral;

}
div.company_reservation.new {
    background: lightgreen;
}
div.reservation_actions {
    margin: 1em 1em 0.1em 0;
    border-radius: 6px;
}