/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------

To use these styles in your page, put this in the master page.

<div id="trapeze-content" class="trapeze-content">
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
</div>
*/

* {
    margin: 0;
    padding: 0;
}

/* links */

a {
    color: #003E7E;
    text-decoration: none;
}

    a:hover {
        /*color: #E51837;*/
        text-decoration: underline;
    }

    a img {
        border: none;
    }

    a:active {
        color: #12eb87;
    }

/* General styles */
/* Overrides of HTML elements */
body.trapeze-standard {
    font-family: Arial;
    font-size: 11px;
}

.trapeze-content {
    text-align: left;
}

    /* Style applied to match titles in first row of legend for match pages */
    .trapeze-content div.matchtitle {
        font-size: 14px;
        color: #AE113A;
        font-weight: bold;
        padding-top: 1px;
        padding-left: 5px;
    }

    .trapeze-content input, .trapeze-content button, .trapeze-content select {
        font-family: Arial;
        font-size: 11px;
    }

        .trapeze-content button, .trapeze-content input.button, .trapeze-content input[type="submit"] {
            font-weight: bold;
            cursor: pointer;
            width: 80px;
        }

            .trapeze-content button.wide, .trapeze-content input.button.wide {
                width: 165px;
            }

            .trapeze-content button.wider, .trapeze-content input.button.wider {
                width: 200px;
            }

    .trapeze-content div.gmap button {
        width: 100px;
        padding: 4px;
        margin: 4px;
        background-color: White;
        border-top: solid 1px grey;
        border-left: solid 1px grey;
        border-right: solid 2px grey;
        border-bottom: solid 2px grey;
    }

        .trapeze-content div.gmap button:hover {
            border-top: solid 1px black;
            border-left: solid 1px black;
            border-right: solid 2px black;
            border-bottom: solid 2px black;
        }

    .trapeze-content pre {
        font-family: Arial;
        font-size: 11px;
    }

    .trapeze-content .radio {
        margin-right: 4px;
    }

    .trapeze-content input.checkbox {
        position: relative;
        top: 2px;
        margin-right: 4px;
    }

    .trapeze-content div.clear {
        clear: both;
    }

    .trapeze-content ul.reset {
        list-style: none;
    }

    .trapeze-content ul.radios {
        list-style: none;
    }

        .trapeze-content ul.radios.inline li {
            display: inline;
        }


    .trapeze-content ul.checkboxes {
        list-style: none;
    }

        .trapeze-content ul.checkboxes.inline li {
            display: inline;
        }

    .trapeze-content fieldset {
        padding: 8px;
    }

        .trapeze-content fieldset.borderless {
            border: none;
            padding: 0;
        }

    .trapeze-content .tma-select {
        width: 224px;
    }

    /* Applied to validation message next to input (if any) */
    .trapeze-content .field-validation-error, .trapeze-content span.invalid-indicator {
        color: Red;
    }

    /* Applied to input fields when they fail validation */
    .trapeze-content .textbox.invalid, .trapeze-content select.invalid, .trapeze-content input.invalid, .trapeze-content textarea.invalid, .trapeze-content .textbox.input-validation-error, .trapeze-content select.input-validation-error, .trapeze-content input.input-validation-error, .trapeze-content textarea.input-validation-error {
        background-color: #FFCCCC;
    }

    .trapeze-content .red-text {
        color: Red;
    }

    .trapeze-content .required-indicator{
        color: Red;
        float: left;
        width: 0.6em;
    }

    .trapeze-content span.invalid {
        color: Red;
        font-weight: bold;
    }

    /* Styles for various input fields */
    .trapeze-content input.placeholder {
        color: Gray;
    }

    .trapeze-content input.email, .trapeze-content input.audit-user {
        width: 165px;
    }

    .trapeze-content input.input-id {
        width: 64px;
    }

    .trapeze-content input[type='url'], .trapeze-content input.url {
        width: 198px;
    }

    .trapeze-content input.date, .trapeze-content input[type='date'] {
        width: 88px;
    }

    .trapeze-content input.datetime, .trapeze-content input.audit-date, .trapeze-content input.date-time {
        width: 132px;
    }

    .trapeze-content input.time, .trapeze-content input[type="time"] {
        width: 64px;
    }

    .trapeze-content input.time-window {
        width: 64px;
    }

    .trapeze-content input.search-radius {
        width: 64px;
    }

    .trapeze-content div.option-inline {
        display: inline;
    }

    .trapeze-content input.password {
        width: 110px;
    }

    .trapeze-content input.code, .trapeze-content input.long-code, .trapeze-content input.mi,
    .trapeze-content input.code-input, .trapeze-content input.long-code-input, .trapeze-content input.mi-input {
        text-transform: uppercase;
    }

    .trapeze-content input.code, .trapeze-content input.code-input {
        width: 66px;
    }

    .trapeze-content input.long-code {
        width: 77px;
    }

    .trapeze-content input.name {
        width: 110px;
    }

    .trapeze-content input.long-name {
        width: 198px;
    }

    .trapeze-content select.CellPhoneCarrier {
        width: 150px;
    }

    .trapeze-content select.StateProvince {
        width: 150px;
    }

    .trapeze-content input.location {
        width: 198px;
    }

    .trapeze-content input.tags {
        width: 198px;
    }

    .trapeze-content input.long-name {
        width: 198px;
    }

    .trapeze-content input.streetnumber {
        width: 80px;
    }

    .trapeze-content input.address1, .trapeze-content input.street, .trapeze-content input.line2, .trapeze-content input.intersection {
        width: 160px;
    }

    .trapeze-content input.city {
        width: 160px;
    }

    .trapeze-content input.state {
        text-transform: uppercase;
        width: 32px;
    }

    .trapeze-content input.zip, .trapeze-content input.postal-code {
        width: 100px;
    }

    .trapeze-content input.distance {
        width: 50px;
    }

    .trapeze-content textarea {
        width: 225px;
        height: 45px;
    }

    .trapeze-content input.mi {
        width: 15px;
    }

    .trapeze-content input[readonly] {
        background-color: rgb(239, 239, 239);
    }

    /* Styles for various table columns */
    .trapeze-content .td-date {
        width: 77px;
    }

    .trapeze-content .td-dateTime {
        width: 176px;
    }

    .trapeze-content .td-email {
        width: 220px;
    }

    .trapeze-content .td-poolRole {
        width: 110px;
    }

    .trapeze-content .td-editCancel {
        width: 55px;
    }

    .trapeze-content .td-saveDelete {
        width: 44px;
    }

    .trapeze-content .td-saveEdit {
        width: 44px;
    }

    .trapeze-content .td-removeCancel {
        width: 55px;
    }

    .trapeze-content .td-holidayName {
        width: 165px;
    }

    .trapeze-content .td-tripType {
        width: 33px;
    }

    .trapeze-content .td-passengerCount {
        width: 44px;
    }

    .trapeze-content .td-odometerReading {
        width: 77px;
    }

    .trapeze-content .td-vanpoolDesc {
        width: 220px;
    }

    .trapeze-content .td-editDelete {
        width: 66px;
    }

    .trapeze-content .td-monthAbbreviation {
        width: 33px;
    }

    .trapeze-content .td-year {
        width: 44px;
    }


    /* Misc styles */
    .trapeze-content .center {
        text-align: center;
    }

    .trapeze-content .float-left {
        float: left;
    }

    .trapeze-content .float-right {
        float: right;
    }

    .trapeze-content .clear-left {
        clear: left;
    }

    .trapeze-content .clear-right {
        clear: right;
    }

    .trapeze-content .clear-both {
        clear: both;
    }

    .trapeze-content .display-none {
        display: none;
    }

    .trapeze-content .search-panel {
        overflow-y: scroll;
        overflow-x: hidden;
    }

    /* Map layout */
    .trapeze-content div.left-right-map-layout {
        background-color: White;
        position: relative;
    }

body {
    border: solid 0px blue;
}

.trapeze-content div.left-right-map-layout #left {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: White;
    position: relative;
}

.trapeze-content button.delete {
    height: 24px;
    width: 24px;
    border: none;
    background-image: url("../images/DeleteRecord.png");
    background-color: Transparent;
}

.trapeze-content button.add {
    height: 24px;
    width: 24px;
    border: none;
    background-image: url("../images/add24.png");
    background-color: Transparent;
}

/* Map search tool */
.trapeze-content #map-search {
    margin-bottom: 8px;
}

    .trapeze-content #map-search img {
        margin-left: 2px;
        position: relative;
        top: 7px;
        cursor: pointer;
        background-color: White;
        padding: 2px;
    }

/* map footer */
.trapeze-content #map-home-link {
    float: right;
}

.trapeze-content table.search-results caption {
    font-size: larger;
    font-weight: bold;
}

.trapeze-content table.search-results {
    border-collapse: collapse;
    margin-bottom: 11px;
}

    .trapeze-content table.search-results tbody tr.odd {
        background-color: #D0F0FF;
    }

    .trapeze-content table.search-results thead {
        font-weight: bold;
    }

    .trapeze-content table.search-results td {
        padding: 4px 8px 4px 8px;
    }

        .trapeze-content table.search-results td:first-child {
            padding-left: 0px;
        }

    .trapeze-content table.search-results tr.invalid {
        background-color: #FFCCCC;
    }

.trapeze-content div.no-results {
    font-weight: bold;
    margin-top: 11px;
    margin-bottom: 11px;
}

.trapeze-content span.phone {
    white-space: nowrap;
}

.trapeze-content input.phone.area-code {
    width: 48px;
}

.trapeze-content input.phone.phone1 {
    width: 48px;
}

.trapeze-content input.phone.phone2 {
    width: 48px;
}

.trapeze-content input.phone.ext {
    width: 64px;
}

input.odometer, input.odometer-input {
    width: 85px;
}

/* General Form styles */
.trapeze-content form label, .trapeze-content div.form-spacer {
    margin-right: 8px;
}

.trapeze-content div.page-title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8px;
}

/* Form paragraph style */
/* Uses padding for vertical spacing because of problems with collapsing borders during jquery animations */
.trapeze-content form p {
    padding: 2px 0px 2px 0px;
    clear: left;
}

    .trapeze-content form p label {
        float: left;
        position: relative;
        top: 2px;
    }

.trapeze-content fieldset p.foot {
    text-align: center;
}

.trapeze-content img.help {
    margin-left: 5px;
    margin-right: 5px;
}

.trapeze-content form img.help {
    float: right;
    height: 25px;
}

/* 
    Styles for newer forms that use <div> instead of p for field separation 
    Label width should usually be overridden on a per-form basis.
*/
.trapeze-content form div.field {
    overflow: hidden;
    margin: 4px 0 4px 0;
}

.trapeze-content #selectCompaniesUi div.field label:after {
    content: "";
}

.trapeze-content form div.field input[type='checkbox'], .trapeze-content form div.field input[type='radio'] {
    vertical-align: text-top;
}

.trapeze-content form div.field label, .trapeze-content div.form-spacer {
    vertical-align: bottom;
    float: left;
    width: 64px;
}

    .trapeze-content form div.field label.label-after {
        float: none;
        width: auto;
        margin-left: 2px;
    }

/* 
	This style causes labels placed after inputs to NOT float left
	Useful for checkboxes with labels after them, etc...
*/
.trapeze-content form label.after {
    float: none;
    position: relative;
    top: -2px;
}

.trapeze-content legend {
    margin-left: 11px;
    /* text-align: center; */
    font-size: 14px;
    font-weight: bold;
    color: Blue;
}

.trapeze-content h1 {
    font-size: 16px;
    font-weight: bold;
    color: #ae113a;
}

.trapeze-content span.EditTableHeader, .trapeze-content span.EditTableFooter {
    background-color: #003e7e;
    color: Black;
    display: block;
    padding-right: 50px;
    padding-left: 5px;
    margin-bottom: 3px;
    margin-top: 10px;
    font-weight: bold;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: baseline;
}

/* Pager styles */
.trapeze-content div.pager {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 2px;
    overflow: hidden;
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
}

    .trapeze-content div.pager div.summary {
        font-weight: bold;
        margin-bottom: 2px;
    }

    .trapeze-content div.pager span.title, .trapeze-content div.pager ul li {
        font-weight: bold;
        float: left;
        margin-bottom: 2px;
        margin-right: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .trapeze-content div.pager ul.pages, .trapeze-content div.pager ul.sort {
        overflow: hidden;
    }

    .trapeze-content div.pager span.title {
        clear: left;
    }

    .trapeze-content div.pager ul li {
        padding-left: 4px;
        padding-right: 4px;
        cursor: pointer;
        color: rgb(0,0,127);
    }

    .trapeze-content div.pager ul.sort li.selected:hover {
        cursor: pointer;
    }

/* Notification lists */
.trapeze-content ul.notification-list li div.ui-icon, .trapeze-content ul.validation-summary li div.ui-icon {
    float: left;
    margin-right: 6px;
    vertical-align: middle;
    margin-top: 4px;
}

.trapeze-content .flash-wrapper {
    padding: 0 8px 0 8px;
}

.trapeze-content .flash-info-wrapper {
    background-color: #8fbee1;
}

.trapeze-content .flash-warning-wrapper {
    background-color: #ecd384;
}

.trapeze-content .flash-error-wrapper {
    background-color: #d87777;
}

.trapeze-content ul.notification-list {
    list-style: none;
    overflow: hidden;
}

    .trapeze-content ul.notification-list li {
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }

/* Validation summary */
.trapeze-content .validation-summary-wrapper {
    background-color: #e59e8d;
    padding: 0 8px 0 8px;
}

.trapeze-content ul.validation-summary {
    list-style: none;
    overflow: hidden;
}

    .trapeze-content ul.validation-summary li {
        min-height: 24px;
        font-size: 14px;
        line-height: 24px;
    }

/* Zoom warning that appears on map when attempt is made to exceed max zoom */
.trapeze-content div.zoom-warning {
    background-color: White;
    color: Red;
    border: solid 1px black;
    padding: 3px;
    margin: 3px;
}


/* graphic tabs */
.trapeze-content div.graphictabs {
    margin-top: 5px;
    text-align: center;
    border-bottom: 2px solid #5C5C5C;
    height: 30px;
}

    .trapeze-content div.graphictabs div {
        color: black;
        font-weight: bold;
        line-height: 30px;
        height: 28px;
        float: left;
        display: inline;
        width: 80px;
        position: static;
        text-align: center;
        margin-left: 3px;
        margin-top: 2px;
        overflow: hidden;
        cursor: pointer;
    }

    .trapeze-content div.graphictabs div {
        background-image: url(../Images/Tabs/notselected.png);
    }

        .trapeze-content div.graphictabs div:hover {
            background-image: url(../Images/Tabs/hover.png);
        }

        .trapeze-content div.graphictabs div.selected {
            height: 30px;
            background-image: url(../Images/Tabs/selected.png);
            cursor: default;
        }

        .trapeze-content div.graphictabs div.disabled {
            background-image: url(../Images/Tabs/disabled.png);
            cursor: default;
        }

    .trapeze-content div.graphictabs.alttabs1 {
        padding-left: 10px;
    }

        .trapeze-content div.graphictabs.alttabs1 div {
            background-image: url(../Images/Tabs/alt1notselected.png);
            cursor: pointer;
        }

            .trapeze-content div.graphictabs.alttabs1 div:hover {
                background-image: url(../Images/Tabs/hover.png);
            }

            .trapeze-content div.graphictabs.alttabs1 div.selected {
                height: 30px;
                background-image: url(../Images/Tabs/alt1selected.png);
                cursor: auto;
            }

            .trapeze-content div.graphictabs.alttabs1 div.disabled {
                height: 30px;
                background-image: url(../Images/Tabs/disabled.png);
            }


    .trapeze-content div.graphictabs div a {
        text-decoration: none;
        color: black;
        cursor: pointer;
    }

/* Tabs */
.trapeze-content ul.tabs {
    list-style: none;
    height: 28px;
    margin-bottom: -2px;
    overflow: hidden;
}

    .trapeze-content ul.tabs li {
        background-color: #9d0020;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border: solid 1px black; /* uncomment to use background images */ /*background-image: url("../Shape/Rect?width=100&height=24&fillColor=rgb(222,210,172)&fillColor2=white&borderWidth=2&radiusTop=8&borderColor=rgb(198,134,0)");*/ /*width: 100px; */ /*background-repeat: no-repeat;*/ /* remove/comment this when using background images */
        padding: 0 8px 0 8px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        float: left;
        margin-left: 8px;
        position: relative;
        font-weight: bold;
        color: White;
        top: 4px;
        z-index: 2;
        cursor: pointer;
    }

        .trapeze-content ul.tabs li a {
            text-decoration: none;
            color: White;
            font-weight: bold;
        }

        .trapeze-content ul.tabs li.disabled {
            font-weight: normal;
            color: Gray;
            cursor: default;
        }

        .trapeze-content ul.tabs li.selected, .trapeze-content ul.tabs li.selected:hover {
            background-color: white;
            color: black; /*background-image: url("../Shape/Rect?width=100&height=30&fillColor=rgb(198,134,0)&fillColor2=white&borderWidth=2&radiusTop=8&borderColor=brown");*/
        }

        .trapeze-content ul.tabs li:hover {
            background-color: white;
            color: black; /*background-image: url("../Shape/Rect?width=100&height=24&fillColor=rgb(198,134,0)&fillColor2=white&borderWidth=2&radiusTop=8&borderColor=rgb(198,134,0)");*/
        }

        .trapeze-content ul.tabs li.selected {
            height: 28px;
            line-height: 28px;
            top: 0px;
            cursor: default;
        }

        .trapeze-content ul.tabs li:hover.disabled {
            /*background-image: url("../Shape/Rect?width=100&height=25&fillColor=rgb(222,210,172)&fillColor2=rgb(237,234,226)&borderWidth=2&radiusTop=8&borderColor=rgb(198,134,0)");*/
        }

        .trapeze-content ul.tabs li.spacer {
            float: none;
            visibility: hidden;
        }

        .trapeze-content ul.tabs li:hover a, .trapeze-content ul.tabs li.selected a {
            color: Black;
        }

.trapeze-content div.tab-content {
    background-color: White;
    border-top: solid 2px rgb(198,134,0);
    padding: 8px;
}


/* Selectable, alternating table rows and unordered list items  */
.trapeze-content ul.alternate-background > li.even, .trapeze-content table.alternate-background tbody tr.even {
    background-color: #FFFFFF;
}

.trapeze-content ul.alternate-background > li.odd, .trapeze-content table.alternate-background tbody tr.odd {
    background-color: #D0F0FF;
}

.trapeze-content ul > li.selected, .trapeze-content ul.alternate-background > li.even.selected, .trapeze-content table.selectable tbody tr.selected, .trapeze-content table tbody tr.selectable.selected {
    /*  background-color: rgb(127,127,127); */
    background-color: rgb(170,170,170);
    color: White;
}

.trapeze-content ul.selectable > li:hover,
.trapeze-content ul li.selectable:hover,
.trapeze-content ul.selectable > li.hover,
.trapeze-content ul li.selectable.hover {
    background-color: #c8c8c8;
    cursor: pointer;
}


.trapeze-content ul.selectable.alternate-background > li.odd:hover,
.trapeze-content ul.alternate-background > li.selectable.odd:hover,
.trapeze-content ul.selectable.alternate-background > li.odd.hover,
.trapeze-content ul.alternate-background > li.selectable.odd.hover {
    background-color: #53C8FF;
    cursor: pointer;
}

.trapeze-content table.selectable tbody tr:hover, .trapeze-content tbody tr.selectable:hover, .trapeze-content tbody tr.selectable.even:hover, .trapeze-content div.selectable:hover {
    cursor: pointer;
    background-color: #F0F0F9;
}

.trapeze-content table.selectable tbody tr.odd:hover, .trapeze-content tbody tr.selectable.odd:hover {
    cursor: pointer;
    background-color: #C0D0DF;
}

/* No hover effects if item is selected */
.trapeze-content ul.selectable > li.selected:hover,
.trapeze-content ul.selectable > li.selected.hover,
.trapeze-content table.selectable tbody tr.selected:hover,
.trapeze-content table tbody tr.selectable.selected:hover,
.trapeze-content ul.selectable > li.selected.odd:hover,
.trapeze-content ul.selectable > li.selected.odd.hover,
.trapeze-content table.selectable tbody tr.selected.odd:hover,
.trapeze-content table tbody tr.selectable.odd.selected:hover {
    background-color: rgb(127,127,127);
    cursor: auto;
}

/* Date/Time picker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        height: 25px;
    }

    .ui-timepicker-div dl dd {
        margin: -25px 0 10px 65px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

/* Markers */
.trapeze-content div.marker, div.marker-image {
    background-image: url("../marker/index");
    width: 20px;
    height: 34px;
    text-align: center;
    line-height: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    color: Black;
}

.trapeze-content img.marker-image {
    cursor: pointer;
}

.trapeze-content div.marker-small {
    width: 20px;
    height: 24px;
    background-size: 20px 24px;
}

.trapeze-content div.marker.selected, .trapeze-content div.marker.orig.selected, .trapeze-content div.marker.orig-alt.selected, .trapeze-content div.marker.dest.selected, .trapeze-content div.marker.dest-alt.selected, .trapeze-content div.marker.stop.selected {
    background-image: url("../marker/index?color=red");
}

.trapeze-content div.marker.orig, div.marker-image.orig {
    background-image: url("../marker/index?color=lightgreen");
}

.trapeze-content div.marker.dest, div.marker-image.dest {
    background-image: url("../marker/index?color=yellow");
}

.trapeze-content div.marker.orig.alt, .trapeze-content div.marker.orig-alt {
    background-image: url("../marker/index?color=lightblue");
}

.trapeze-content div.marker.dest.alt, .trapeze-content div.marker.dest-alt {
    background-image: url("../marker/index?color=pink");
}

.trapeze-content div.marker.stop {
    background-image: url("../marker/index?color=orange");
}

.trapeze-content div.marker.left, .trapeze-content button.left, .trapeze-content div.help-rollover.left {
    float: left;
}

.trapeze-content div.marker.right, .trapeze-content button.right, .trapeze-content div.help-rollover.right, .trapeze-content div.help-page-icon.right {
    float: right;
}

div.qtip ul {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 12px;
}

div.qtip p {
    padding-top: 4px;
}

    div.qtip p:first-child {
        padding-top: 0px;
    }

/* standard content classes */
.standard-content {
    width: 964px; /* standard size - padding */
    margin-left: auto;
    margin-right: auto;
    background-color: White;
    min-height: 512px;
    padding: 8px;
}

/*
.map-content
{
  margin-left: auto;
  margin-right: auto;
  background-color: White;
  padding-left: 8px;
  position: relative; 
  overflow: hidden;
}
*/

/*
	The alt.hover selector is necessary to make the selector more specific than
	the non-hover marker.alt selectors.
*/
.trapeze-content div.marker.hover, .trapeze-content div.marker.alt.hover {
    background-image: url("../marker/index?color=red");
}

/* Commuter views */
.trapeze-content #commuter-list fieldset label {
    width: 75px;
}

.trapeze-content #commuters li {
    overflow: hidden;
    padding: 2px;
}

    .trapeze-content #commuters li div.marker {
        margin-right: 2px;
    }

        .trapeze-content #commuters li div.marker.dest {
            margin-right: 4px;
        }

    .trapeze-content #commuters li.notSelectable {
        background-color: rgb(228,228,228);
    }

.trapeze-content #vehicleUsage {
    float: right;
}

.trapeze-content #vehicleUsageForm #leftSelections {
    float: left;
    margin-right: 30px;
}

.trapeze-content #vehicleUsageForm #rightSelections {
    float: left;
}

/* Vehicle List View */
.trapeze-content #vehicleList fieldset {
    width: 385px;
}

    .trapeze-content #vehicleList fieldset p label {
        width: 110px;
    }

/* Vehicle Edit View */
.trapeze-content #vehicleEdit fieldset {
    width: 550px;
}

    .trapeze-content #vehicleEdit fieldset p label {
        width: 165px;
    }

/* Roster Views */
.trapeze-content #rosterAddList fieldset {
    width: 330px;
}

/* Ridership Trip Views */
.trapeze-content #ridershipTripList #editPanel {
}

.trapeze-content .trip-row {
    height: 50px;
}

    .trapeze-content .trip-row:hover {
        cursor: pointer;
        background-color: #D0D0D0;
    }

    .trapeze-content .trip-row.selected {
        background-color: #909090;
        color: White;
    }

.trapeze-content .vertical-layout > label {
    margin-bottom: 3px;
}


/* Used to render left part of path for a master->detail line */
/* Set border property to define line  */
.trapeze-content #ridershipTripList .path-left {
    background-color: Black;
    height: 3px;
    width: 16px;
}

/* Used to render center part (vertical portion) of path for master-detail line */
.trapeze-content #ridershipTripList .path-center {
    background-color: Black;
    width: 3px;
}

/* Used to render right part of path for a master->detail line */
.trapeze-content #ridershipTripList .path-right {
    background-color: Black;
    height: 3px;
    width: 16px;
}

.trapeze-content #ridershipTripEdit fieldset {
    width: 297px;
}

    .trapeze-content #ridershipTripEdit fieldset p label {
        width: 110px;
    }

.trapeze-content #selectSwitchVehicle form p label {
    width: 55px;
}

.trapeze-content #switchDropoff form {
    width: 440px;
}

    .trapeze-content #switchDropoff form p label {
        width: 176px;
    }


.trapeze-content #switchPickup form {
    width: 440px;
}

    .trapeze-content #switchPickup form p label {
        width: 176px;
    }

/* Login views */
.trapeze-content #loginList form fieldset {
    width: 550px;
}

    .trapeze-content #loginList form fieldset p label {
        width: 55px;
    }

.trapeze-content #loginEdit form fieldset {
    width: 495px;
}

    .trapeze-content #loginEdit form fieldset p label {
        width: 110px;
    }

.trapeze-content .survey-part {
    margin-bottom: 17px;
    margin-top: 17px;
}

.trapeze-content #survey-design .survey-part {
    margin: 0;
}

.trapeze-content .survey-page-break {
    border: dashed;
    height: 17px;
    text-align: center;
    font-style: italic;
}

.trapeze-content .survey-part input {
    margin-top: 6px;
    margin-bottom: 6px;
}

.trapeze-content .survey-part .text {
    width: 550px;
}

.trapeze-content .survey-part .edit-Float {
    width: 55px;
}

.trapeze-content .survey-part textarea {
    width: 550px;
    margin-top: 11px;
    margin-bottom: 11px;
    height: 68px;
}

.trapeze-content .survey-part select {
    margin-top: 11px;
    margin-bottom: 11px;
}

.trapeze-content .survey-part-controls-wrapper {
    padding: 2px;
}

.trapeze-content #survey-editPart form fieldset label {
    width: 99px;
}

.trapeze-content #survey-editPart #Min {
    width: 77px;
}

.trapeze-content #survey-editPart #Max {
    width: 77px;
}

.trapeze-content #survey-editPart #Prompt {
    width: 506px;
    height: 100px;
}

.trapeze-content #survey-editPart div.option-field {
    float: left;
    margin-right: 9px;
}

.trapeze-content #survey-editPart div.option-field, .trapeze-content #survey-editPart input.option-field {
    width: 113px;
}

.trapeze-content div.survey-part-design {
    padding: 3px 3px 3px 3px;
}

    .trapeze-content div.survey-part-design:hover {
        background-color: #F0F0F0;
    }

    .trapeze-content div.survey-part-design:hover {
        cursor: pointer;
    }

.trapeze-content #survey-respond form fieldset {
    width: 300px;
}

    .trapeze-content #survey-respond form fieldset label {
        width: 105px;
    }

/* Trip Views */

.trapeze-content #trip_search #content-left {
    padding: 11px;
}

.trapeze-content div.trip-layout #left, .trapeze-content #trip_search div#left {
    border: solid 1px black;
    width: 355px;
}

.trapeze-content .help-page-icon {
    display: block;
    background-image: url("../images/HelpMe.gif");
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    overflow: hidden;
    margin: 2px;
}

.trapeze-content .help-rollover {
    display: block;
    background-image: url("../images/HelpMe.gif");
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    overflow: hidden;
    margin: 2px;
}

.trapeze-content .help-rollover-inline {
    display: inline-block;
    vertical-align: middle;
}

.trapeze-content div.tab-title {
    font-size: 14px;
    padding: 4px;
    text-align: center;
    font-weight: bold;
    background-color: rgb(222,210,172);
}

.trapeze-content div.must_register_note {
    font-weight: bold;
}

.trapeze-content #trip_search #left #search {
    border: none;
    margin-bottom: 11px;
    padding: 0;
}

.trapeze-content #trip_search #left fieldset label {
    width: 65px;
}

.trapeze-content #trip_search input#window {
    width: 22px;
}

.trapeze-content #trip_search ul#search-tabs {
    margin: 11px 0 11px 0;
}

.trapeze-content #trip_search #matches, .trapeze-content #location_list #locations {
    list-style-type: none;
}

    .trapeze-content #trip_search #matches li {
        border-bottom: solid 1px rgb(191,191,191);
        padding: 3px;
        clear: both;
    }

.trapeze-content #trip_search #trip-form div.location {
    padding: 2px;
    clear: both;
    min-height: 35px;
}

/* Min height necessary so selection highlight covers entire marker image */
.trapeze-content #trip_search ul#matches li div.location {
    cursor: pointer;
    padding: 3px;
    clear: left;
    min-height: 35px;
}

.trapeze-content #trip_search #trip-form div.location:hover, .trapeze-content #trip_search div.location.hover, .trapeze-content #location_list #locations li.hover {
    background-color: #c8c8c8;
    cursor: pointer;
}

.trapeze-content #trip_search #matches li.odd div.location.hover, .trapeze-content #location_list #locations li.odd.hover {
    background-color: #53C8FF;
    cursor: pointer;
}

/* Required to line up trip information below marker */
.trapeze-content #trip_search #matches li div.info {
    margin-left: 37px;
}

.trapeze-content #trip_search #matches li div.location div.info {
    margin-left: 30px;
}

.trapeze-content #trip_search #matches li div.location img {
    float: left;
    width: 20px;
}

.trapeze-content #trip_search fieldset#search div.location img {
    float: right;
}

/* In firefox, tabs float to left of directions without this. */
.trapeze-content div#trip_search div#directions {
    clear: both;
}

.trapeze-content #trip-form {
    clear: both;
}

/* Location  MVC views */
.trapeze-content #location_list #locations li {
    padding: 6px;
    border-bottom: solid 1px rgb(127,127,127);
    min-height: 35px;
}

.trapeze-content p.horizontal-layout {
    padding-top: 5px;
}

.trapeze-content #location-locate #left, .trapeze-content #location-locate #right {
    padding: 8px;
}

    .trapeze-content #location-locate #left form label {
        width: 80px;
    }

    .trapeze-content #location-locate #left form img.marker {
        float: left;
        margin-right: 16px;
    }

    .trapeze-content #location-locate #left form div.info_with_marker {
        margin-left: 40px;
    }

/* Social network MVC views */
.trapeze-content #socialnetwork-edit p {
    width: 550px;
}

.trapeze-content #socialnetwork-edit fieldset {
    padding: 0;
    margin: 0;
    width: 600px;
    margin-bottom: 8px;
    margin-top: 8px;
}

    .trapeze-content #socialnetwork-edit fieldset form {
        padding: 8px;
    }

    .trapeze-content #socialnetwork-edit fieldset legend {
        text-align: left;
    }

        .trapeze-content #socialnetwork-edit fieldset legend img {
            vertical-align: text-bottom;
        }

/* Shared views */
.trapeze-content #shared-info {
    width: 640px;
    padding: 8px;
}

/* mode entry */
.trapeze-content #modeentry-enter fieldset {
    border: none;
}

    .trapeze-content #modeentry-enter fieldset label {
        width: 200px;
    }

/* Locate */
.trapeze-content #locate form div.marker {
    float: left;
}

.trapeze-content #locate form p label {
    width: 64px;
}

.trapeze-content #locate div#locate_info {
    margin-left: 40px;
    margin-bottom: 8px;
}

/* vanpool-edit */
.trapeze-content #vanpool-edit form p label {
    width: 85px;
}

.trapeze-content #vanpool-edit form p .wrap {
    margin-left: 85px;
}

.trapeze-content #vanpool-edit form p textarea {
    width: 225px;
    height: 60px;
}

.trapeze-content #vanpool-edit form button {
    width: 75px;
}

.trapeze-content #vanpool-edit form div.location {
    overflow: hidden;
    margin-bottom: 5px;
}

/* This has to fit with scroll bar - test with scroll if changing. */
.trapeze-content #vanpool-edit form input.location {
    width: 210px;
}

.trapeze-content #vanpool-edit form input#seats {
    width: 30px;
}

.trapeze-content #vanpool-route #route_form label {
    width: 150px;
}

.trapeze-content #vanpool-route div.stop-info, .trapeze-content #vanpool-route div.no-results, .trapeze-content #vanpool-route #stops li {
    padding: 2px;
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 2px;
}

    .trapeze-content #vanpool-route div.stop-info div.marker, .trapeze-content #vanpool-route #stops li div.marker {
        float: left;
        margin-right: 4px;
    }

    .trapeze-content #vanpool-route #stops li button.delete {
        margin-left: 4px;
    }

.trapeze-content #vanpool-route form#edit-stop, .trapeze-content #vanpool-route div#directions {
    border-top: solid 2px black;
    padding: 2px;
}

    .trapeze-content #vanpool-route form#edit-stop div.marker {
        margin-top: 4px;
        margin-right: 4px;
    }

    .trapeze-content #vanpool-route form#edit-stop label {
        width: 75px;
    }

.trapeze-content #vanpool-delete #delete-info {
    padding: 8px;
    font-weight: bold;
    font-size: 14px;
}

.trapeze-content #vanpool-delete form div#submit {
    margin-top: 4px;
    text-align: center;
}

    .trapeze-content #vanpool-delete form div#submit input {
        font-size: 16px;
        padding: 8px;
        width: 100px;
        height: 50px;
    }

div.new-match {
    font-weight: bold;
    font-size: 12px;
    background-color: rgb(255,255,0);
    padding: 4px;
    margin-bottom: 2px;
}

img.new-match-icon {
    height: 20px;
    float: right;
}

div.new-match-icon, div.email-icon, div.sms-icon {
    float: right;
}

.trapeze-content div.manual-geocode-button {
    background-image: url("../images/bullseye_24.png");
}

.trapeze-content div.address-clear-button {
    background-image: url("../images/eraser_24.png");
}

.trapeze-content div.manual-geocode-button, .trapeze-content div.address-clear-button {
    height: 24px;
    width: 24px;
    cursor: pointer;
}

    .trapeze-content div.manual-geocode-button:hover, .trapeze-content div.address-clear-button:hover {
        background-position: -24px 0;
    }

    .trapeze-content div.manual-geocode-button.active, .trapeze-content div.address-clear-button.active {
        background-position: -48px 0;
    }

.trapeze-content button.geocode-disambiguate {
    border: 0;
    padding: 0;
    background-image: url("../images/clipboard_24.png");
    height: 24px;
    width: 24px;
    background-color: transparent;
}

    .trapeze-content button.geocode-disambiguate:hover {
        background-position: -24px 0;
    }

    .trapeze-content button.geocode-disambiguate:active {
        background-position: -48px 0;
    }

.trapeze-content div.ungeocoded-icon {
    border: 0;
    padding: 0;
    background-image: url("../images/nogeocode_24.png");
    height: 24px;
    width: 20px;
}

.trapeze-content .address-geocode-interface div.manual-geocode-button, .trapeze-content .address-geocode-interface div.address-clear-button, .trapeze-content .address-geocode-interface button.geocode-disambiguate, .trapeze-content .address-geocode-interface div.marker, .trapeze-content .address-geocode-interface div.ungeocoded-icon {
    float: right;
    margin-left: 4px;
}

.trapeze-content .single-field-geocode-interface div.manual-geocode-button, .trapeze-content .single-field-geocode-interface div.address-clear-button, .trapeze-content .single-field-geocode-interface button.geocode-disambiguate, .trapeze-content .single-field-geocode-interface div.marker, .trapeze-content .single-field-geocode-interface div.ungeocoded-icon {
    float: left;
}

.trapeze-content .geocode-interface div.ungeocoded-icon {
    display: none;
}

.trapeze-content fieldset.geocode-interface legend {
    line-height: 24px;
    text-align: left;
}

.trapeze-content .fieldset.geocode-interface {
    margin-top: 24px;
    margin-bottom: 8px;
}

.trapeze-content #account_changePassword p {
    width: 450px;
}

.trapeze-content div.marker-right {
    margin-left: 48px;
}

.trapeze-content a.option-link {
    font-weight: bold;
    font-size: 13px;
    color: Blue;
    text-decoration: none;
}

    .trapeze-content a.option-link:hover {
        text-decoration: underline;
    }

/* Some of our styles interfere with the date-time picker widget - fix it here */
div.ui-datepicker-buttonpane.ui-widget-content {
    margin-top: 36px;
}

/* Make a regular block of html entirely into a link */
a.block-link {
    display: block;
    color: Black;
    text-decoration: none;
}

/* simulated fieldsets with better cross-browser behavior than regular fieldset */
.trapeze-content .fieldset {
    padding: 4px;
    border: solid 1px rgb(127, 127, 127);
    border-radius: 4px;
    margin-top: 8px;
}

    .trapeze-content .fieldset div.legend {
        margin-top: -20px;
        line-height: 32px;
        font-size: 16px;
        font-weight: bold;
        color: #AE113A;
        overflow: hidden;
    }

        .trapeze-content .fieldset div.legend div {
            background-color: White;
        }

.trapeze-content .fieldset2 .legend {
    margin: -8px;
    margin-top: 8px;
    position: relative;
    background-color: #AE113A;
    color: White;
    font-size: 14px;
    padding: 4px;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 8px;
}

.trapeze-content .scroll-container .fieldset2:first-child .legend {
    margin-top: -8px;
}

.trapeze-content .fieldset2.geocode-interface .legend {
    line-height: 24px;
}

.expandable-section .legend {
    cursor: pointer;
}

.expand-contract-button {
    padding-left: 2px;
    padding-right: 2px;
}

    .expand-contract-button:hover {
        cursor: pointer;
    }

/* loading bg and indicator */
#loadingIndicatorBackground {
    background-color: Black;
    opacity: .35;
    filter: alpha(opacity=35);
    z-index: 999;
}

#loadingIndicatorImage {
    position: absolute;
    z-index: 1000;
    height: 200px;
}

.trapeze-content .password-strength-info {
    color: Red;
}

p.info {
    margin-bottom: 8px;
}

.trapeze-content table.search-results tr.insert-row {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    background-color: White;
}

div.form-section-title {
    font-size: 15px;
    font-weight: bold;
    background-color: #AE113A;
    color: White;
    padding: 4px;
    margin-left: -2px;
    margin-right: -2px;
}

.form-info {
    margin-top: 4px;
    margin-bottom: 8px;
}

label input[type=checkbox] {
    margin-right: 4px;
}


.trapeze-content span.status-registered {
    font-weight: bold;
}

.trapeze-content span.status-infonotice {
    color: Red;
    background-image: url(../images/small_info.png);
    background-repeat: no-repeat;
    padding-left: 18px;
}

.trapeze-content #selectCompaniesUi #leftUi, .trapeze-content #selectCompaniesUi #rightUi {
    width: 395px;
}

.trapeze-content #selectCompaniesUi #leftUi {
    float: left;
    margin-right: 16px;
}

    .trapeze-content #selectCompaniesUi #leftUi form div.field label {
        width: 180px;
    }

.trapeze-content #selectCompaniesUi #name, .trapeze-content #selectCompaniesUi #address,
.trapeze-content #selectCompaniesUi #placeCode, .trapeze-content #selectCompaniesUi #countyCode,
.trapeze-content #selectCompaniesUi #marketRepCode, .trapeze-content #selectCompaniesUi #businessTypeCode,
.trapeze-content #selectCompaniesUi #drawingGroupCode, .trapeze-content #selectCompaniesUi #companyProgramCode {
    width: 176px;
}

.trapeze-content #selectCompaniesUi #midUi {
    float: left;
    margin-right: 16px;
    margin-top: 30px;
}

    .trapeze-content #selectCompaniesUi #midUi button {
        margin-bottom: 4px;
    }

.trapeze-content #selectCompaniesUi #rightUi {
    float: left;
}

#geocodeDisambiguateDialog {
    font-size: 14px;
}

#geocodeDisambiguationResults li {
    padding: 8px;
    cursor: pointer;
    overflow: hidden;
}

    #geocodeDisambiguationResults li:hover {
        background-color: Highlight;
        border: 1px dashed rgb(0,0,127);
    }

#geocodeDisambiguationResults {
    width: 300px;
    max-height: 512px;
    float: left;
    overflow: auto;
}

    #geocodeDisambiguationResults li .marker-image {
        float: right;
    }

#geocodeDisambiguationMap {
    width: 468px;
    height: 512px;
    float: left;
}

#selectLocationDialog {
    font-size: 14px;
}

#selectLocationLeftPanel {
    width: 370px;
    float: left;
    overflow: auto;
    max-height: 512px;
    margin-right: 8px;
}

#selectLocationForm label {
    width: 96px;
}

#selectLocationForm {
    margin-bottom: 16px;
}

#selectLocationResults li {
    padding: 4px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid transparent;
}

    #selectLocationResults li:hover {
        background-color: Highlight;
        border: 1px dashed rgb(0,0,127);
    }

#selectLocationResults img.marker-image {
    float: right;
}

#selectLocationMap {
    width: 400px;
    height: 512px;
    float: left;
}

#selectEventDialog {
    font-size: 14px;
}

#selectEventLeftPanel {
    width: 370px;
    float: left;
    overflow: auto;
    max-height: 512px;
    margin-right: 8px;
}

#selectEventForm label {
    width: 104px;
}

#selectEventForm {
    margin-bottom: 16px;
}

#selectEventResults li {
    padding: 4px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid transparent;
}

    #selectEventResults li:hover {
        background-color: Highlight;
        border: 1px dashed rgb(0,0,127);
    }

#selectEventResults img.marker-image {
    float: right;
}

#selectEventMap {
    width: 400px;
    height: 512px;
    float: left;
}

.trapeze-content ul.tabs2 {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .trapeze-content ul.tabs2 > li {
        height: 32px;
        line-height: 32px;
        padding: 0;
        float: left;
        text-align: center;
        vertical-align: middle;
        background-color: #225a89;
        border-top: solid 1px #071f34;
        border-right: solid 1px #071f34;
        border-left: solid 1px #071f34;
        color: white;
        border-radius: 8px 8px 0 0;
        position: relative;
        top: 1px;
        margin-left: 4px;
        margin-right: 4px;
    }

        .trapeze-content ul.tabs2 > li a {
            padding: 8px;
            color: white;
            text-decoration: none;
            cursor: pointer;
        }

        .trapeze-content ul.tabs2 > li:hover {
            background-color: #4c7aa0;
        }

        .trapeze-content ul.tabs2 > li.selected-tab {
            height: 33px;
            position: relative;
            top: 1px;
            background: white;
            color: black;
        }

            .trapeze-content ul.tabs2 > li.selected-tab a {
                color: black;
            }

.trapeze-content .tabs2-content {
    clear: both;
    border-top: 1px solid black;
}


.trapeze-content .fill-viewport-vertical {
    height: calc(100vh - 96px);
    min-height: 384px;
}

.trapeze-content .fill-container-vertical {
    height: 100%;
}

.trapeze-content #mapContainer #right {
    height: 100%;
    float: none;
}

.trapeze-content div.google-map img {
    max-width: none !important;
}

.trapeze-content .info-sprite {
    height: 30px;
    width: 30px;
    display: block;
    background-image: url("../images/info-icon-gray.png");
    background-repeat: no-repeat;
}

    .trapeze-content .info-sprite:hover {
        background-image: url("../images/info-icon-red.png");
    }

.trapeze-content #commuterStatementInvoice .account-summary {
    border: solid 2px gray;
    border-radius: 6px;
    padding: 8px;
    font-size: 14px;
    text-align: right;
    border-collapse: collapse;
}

    .trapeze-content #commuterStatementInvoice .account-summary thead {
        text-align: center;
        font-size: 16px;
    }

    .trapeze-content #commuterStatementInvoice .account-summary tr td:first-child {
        font-weight: bold;
        padding-right: 8px;
    }

    .trapeze-content #commuterStatementInvoice .account-summary td {
        padding: 4px;
    }

.account-summary caption {
    font-size: 16px;
    font-weight: bold;
}

.trapeze-content #commuterStatementInvoice .account-detail {
    border-collapse: collapse;
    margin-top: 24px;
    border: solid 2px gray;
    width: 100%;
}

    .trapeze-content #commuterStatementInvoice .account-detail caption {
        font-size: 16px;
        font-weight: bold;
    }

    .trapeze-content #commuterStatementInvoice .account-detail td {
        padding: 4px;
        border: solid 1px gray;
    }

.trapeze-content #commuterStatementInvoice tr.payment-due {
    color: red;
    font-size: 14px;
}

.trapeze-content #commuterStatementInvoice .fare-invoice-table caption {
    font-weight: bold;
    font-size: 14px;
}

.trapeze-content #commuterStatementInvoice .fare-invoice-table {
    margin-top: 16px;
    margin-bottom: 16px;
    border-collapse: collapse;
    width: 100%;
    text-align: right;
}

    .trapeze-content #commuterStatementInvoice .fare-invoice-table tr td:first-child {
        text-align: left;
    }

    .trapeze-content #commuterStatementInvoice .fare-invoice-table td {
        padding: 4px;
        border: solid 1px black;
    }

.trapeze-content #commuterStatementInvoice #paymentInfo {
    float: right;
    margin-left: 32px;
    margin-top: 32px;
    max-width: 50%;
    margin-right: 32px;
    overflow: hidden;
}

.trapeze-content #commuterStatementInvoice .payment-link {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: bold;
    border: solid 2px darkblue;
    border-radius: 16px;
    padding: 8px;
    text-align: center;
    background-color: lightblue;
    width: 90%;
}

.fare-breakdown-table {
    border-collapse: collapse;
}

    .fare-breakdown-table td, .fare-breakdown-table th {
        padding: 8px;
        margin: 8px;
        border: 1px solid black;
    }

    .fare-breakdown-table td {
        text-align: right;
    }

.trapeze-content #pnrSearchForm label {
    width: 160px;
}

.trapeze-content .invoice-table {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

.trapeze-content .invoice-table td {
    border: solid 1px gray;
    padding: 8px;
}

    .trapeze-content .invoice-table tr.balance-row {
        border-top: solid 2px black;
    }

.trapeze-content #dayride-report-form label,
.trapeze-content #edit-mechanical-failure label,
.trapeze-content #create-fiscal-year label,
.trapeze-content #ntd-report-form label,
.trapeze-content #create-mechanical-failure-month label,
.trapeze-content #delete-mechanical-failure-month label {
    width: 160px;
}

.trapeze-content #dayride-report-form input.spacer,
.trapeze-content #edit-mechanical-failure input.spacer,
.trapeze-content #create-fiscal-year input.spacer,
.trapeze-content #create-mechanical-failure-month input.spacer,
.trapeze-content #edit-mechanical-failure input.spacer,
.trapeze-content #ntd-report-form input.spacer {
    margin-left: 168px;
}

.trapeze-content #delete-mechanical-failure-month-button input.spacer {
    margin-left: 94px;
}

.trapeze-content #edit-mechanical-failure input.email,
.trapeze-content #create-fiscal-year input.email {
    width: 250px;
}

.trapeze-content #monthly-input input.num-systems{
    max-width: 50px;
}

.trapeze-content #ntd-operating-expenses-summary td,
.trapeze-content #ntd-operating-expenses-summary th,
.trapeze-content .spaced-columns td,
.trapeze-content .spaced-columns th,
.trapeze-content #ntd-operating-expenses-copy td,
.trapeze-content #ntd-operating-expenses td,
.trapeze-content #ntd-operating-expenses-copy th,
.trapeze-content #ntd-operating-expenses th,
.trapeze-content #mechanical-failure-audit th,
.trapeze-content #mechanical-failure-audit td,
.trapeze-content #fiscal-years th,
.trapeze-content #fiscal-years td,
.trapeze-content #provider-finance-audit td,
.trapeze-content #provider-finance-audit th,
.trapeze-content #Ntd-4110 td,
.trapeze-content #Ntd-4110 th,
.trapeze-content #Ntd-4100 td,
.trapeze-content #Ntd-4100 th,
.trapeze-content #monthly-input th,
.trapeze-content #monthly-input td,
.trapeze-content #delete-mechanical-failure-month td,
.trapeze-content #provider-finances td,
.trapeze-content #provider-finances th,
.trapeze-content #mechanical-failure-list td,
.trapeze-content #mechanical-failure-list th,
.trapeze-content #mechanical-failure-month-list td,
.trapeze-content #mechanical-failure-month-list th {
    padding: 4px;
}

.trapeze-content #provider-yearly-finances .spacer,
.trapeze-content #monthly-input .spacer {
    margin: 4px 4px 4px 40px;
}

.trapeze-content #search-options label {
    width: 150px;
}

.trapeze-content #search-options input.spacer{
    margin-left: 158px
}

.trapeze-content #create-provider-finance input.spacer {
    margin-left: 72px;
}

.trapeze-content td.number-col{
    text-align:right;
}

.trapeze-content #provider-yearly-finances input.form-control {
    width: 120px;
    float: right;
}

/*need important to override the fc-today*/
.dayrideblackout{
    background-color: darkgray !important;
}

.dayrideoutofrange {
    background-color: #b3bdc2;
}

#calendar a.event-new-request {
    background-color: #38adb8;
    color: black;
}

#calendar a.event-request {
    background-color: #003d5c;
}

#calendar a.event-confirm {
    background-color: #38ad71;
    color: black;
}

#calendar a.event-cancel {
    background-color: #cf212a;
}

#calendar a.event-deny {
    background-color: #cf212a;
}

div.vertically-aligned-flexbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}