﻿@media (min-width: 1600px) {
    .container {
        width: 1800px;
    }
}

.datepicker {
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default 
input,
select,
textarea {
    width: 120px;
}*/

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/*table {
   border-collapse: separate;
    border-spacing: 1px;
    
    border: 1px solid #0099FF;
}

    table th {
        background-color: #0099FF;
        text-align: right;
        padding: 4px 10px;
        white-space: nowrap;
        color: #FFFFFF;
    }

    table td {
       
        text-align: left;
        padding: 4px 4px;
        border-bottom: 1px dotted #0099FF;
    }

    table td table{
        width:100%;
        border-collapse: separate;
        border-spacing: 0px;
        border: 0px solid #0099FF;
    }

    table td table td {
        
        border-right: 1px dotted #0099FF;
        border-bottom: 0px dotted #0099FF;
    }

    table td table th {
        
        text-align: left;
        padding: 4px 4px;
        border-left: 1px dotted white;
        border-bottom: 0px dotted white;
    }*/

div.type0 {
    background: url(images/type0.jpg) no-repeat 0 0;
    padding-left: 100px;
    padding-bottom: 8px;
    /*border: 1px solid #0099FF;*/
    margin-bottom: 10px;
}

    div.type0 table {
        border-collapse: separate;
        border-spacing: 1px;
        background-color: white;
    }

        div.type0 table th {
            background-color: #0099FF;
            text-align: right;
            padding: 4px 10px;
            white-space: nowrap;
            color: #FFFFFF;
        }

        div.type0 table td {
            background-color: lightyellow;
            text-align: left;
            padding: 4px 4px;
            border-bottom: 1px dotted #0099FF;
        }

div.type1 {
    background: url(images/type1.jpg) no-repeat 0 0;
    padding-left: 100px;
    padding-bottom: 8px;
    /*border: 1px solid #A3C24C;*/
    margin-bottom: 10px;
}

table.details {
    border-collapse: separate;
    border-spacing: 1px;
    background-color: white;
}

    table.details th {
        background-color: #A3C24C;
        text-align: right;
        padding: 4px 10px;
        white-space: nowrap;
        color: #FFFFFF;
    }

    table.details td {
        background-color: lightyellow;
        text-align: left;
        padding: 4px 4px;
        border-bottom: 1px dotted #A3C24C;
    }

div.type2 {
    background: url(images/type2.jpg) no-repeat 0 0;
    padding-left: 100px;
    padding-bottom: 8px;
    /*border: 1px solid #A3C24C;*/
    margin-bottom: 10px;
}

div.type3 {
    background: url(images/type3.jpg) no-repeat 0 0;
    padding-left: 100px;
    padding-bottom: 8px;
    /*border: 1px solid #A3C24C;*/
    margin-bottom: 10px;
}

.lab-1, .lab-2, .lab-3 {
    text-align: right;
}

.lab-1 {
    width: 60px;
}

.lab-2 {
    width: 6em;
}

.lab-3 {
    width: 100px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
    display: inline-block;
    border-bottom: 1px dotted;
}

.col-1 {
    width: 80px;
}

.col-2 {
    width: 100px;
}

.col-3 {
    width: 120px;
}

.col-4 {
    width: 140px;
}

.col-5 {
    width: 160px;
}

.col-6 {
    width: 180px;
}

.col-7 {
    width: 200px;
}

.col-8 {
    width: 300px;
}

.col-9 {
    width: 400px;
}

.col-10 {
    width: 100%;
}

@media print {
    body {
        padding: 0px;
    }

    .no-print {
        visibility: hidden;
        height: 0px;
        width: 0px;
        margin: 0px;
        padding: 0px;
        border: 0px;
    }
}

.all > a {
    color: blue;
}

.used > a {
    color: green;
}

.free > a {
    color: red;
}

span.all {
    color: blue;
}

span.used {
    color: green;
}

span.free {
    color: red;
}
