/*
 * Override jquery-ui styling in here. This should be included after the jquery-ui stylesheet
 * and keep the class names in the exact same order so that any hierarchy they create is preserved.
 * Any styling referenced by their documentation but not included in their stylesheet goes here too.
 */

.registerLoginWindow {
    width:100% !important;
    position: absolute;
    top:15% !important;
    left:5% !important;
}

.registerLoginWindow .ui-dialog-titlebar {
    display:none;
}

/* Overflow set to auto in jquery ui in newer version which breaks this window */
#registerLoginWindow {
    overflow: visible;
}

.ui-widget {
    font-family: helvetica, arial, sans-serif;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: helvetica, arial, sans-serif;
}

.ui-widget-overlay {
    opacity: 1; /* reset the opacity */
    background:rgb(12,24,37); /* use a solid colour in case the rgba doesn't work */
    background:rgba(12,24,37,0.89);
    width:100%;
    filter:none;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden; /* prevent horizontal scrollbar */
}

.ui-autocomplete-input {
    border: 1px solid #547986;
}

.ui-menu {
    border: none;
}
.ui-menu .ui-menu-item {
	background: rgb(207,226,243);
}
.ui-menu .ui-menu-item a {
    line-height:1.0;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	color: rgb(204,0,0);
    border: none;
    margin: 0;
}

/* Scoped to autocomplete to stop interference with date picker */
.registerLoginWindow.ui-widget-content,
.ui-autocomplete.ui-widget-content {
    border: 0;
    background:transparent;
    color: inherit;
}

.ui-autocomplete.ui-widget-content a {   /* prevent horizontal scrollbar */
    font-size:4em;
    color: rgb(84, 121, 134);
    background-color: white;
    padding: 3% !important;
    border:0;
}

.ui-autocomplete.ui-widget-content .ui-state-hover {
    border:none;
    background:none;
	color: inherit;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-datepicker {
    text-transform: lowercase;
}

.ui-datepicker-header {
    background:none;
    border:none;
}

.ui-datepicker-unselectable {
    visibility: hidden;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align:center;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: inherit;
}