﻿.ui-widget-content {
    border: 2px solid #D3D3D3;
    background: #ffffff;
    color: #222222;
    overflow-x: hidden;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.ui-datepicker {
    width: 186px;
    padding: .2em .2em 0;
    display: none;
}

#ui-datepicker-div, #ui-datepicker-div table, .ui-datepicker-div, .ui-datepicker-div table, .ui-datepicker-inline, .ui-datepicker-inline table {
    font-size: 12px !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-widget-header {
    border: 0;
    background: #fff;
    color: #222;
    font-weight: bold;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 1.2em;
    line-height: 0;
    text-align: center;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 3px;
    width: 1.3em;
    height: 1.3em;
    border: 1px solid #D3D3D3;
}

.ui-widget-header a {
    color: #222222;
}


.ui-datepicker .ui-datepicker-prev {
    background: #e6e6e6 url(../images/core/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
    left: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    background: #dadada url(../images/core/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    background: #e6e6e6 url(../images/core/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
    right: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
    background: #dadada url(../images/core/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../images/ui-icons_222222_256x240.png);
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png);
}


.ui-datepicker select.ui-datepicker-year {
    width: 5em;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    background: repeat scroll 0 0 #E6E6E6;
    background: none repeat scroll 0 0 #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    margin: 0 !important;
    padding: 0 !important;
    top: 0.5em;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 0.9em;
    margin: 1px 0;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana,Arial,sans-serif;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-datepicker td {
    font-size: 1.4em;
    border: 0;
    padding: 0;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-size: .7em;
    border: 1px solid #ffffff;
    background: #e6e6e6;
    font-weight: normal;
    color: #555555;
    text-align: center;
    line-height: 18px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 4px 2px 1px;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker tbody td a:hover {
    background: #dadada url(../images/core/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
    border: 1px solid #999999;
    color: #212121;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #FFFFFF;
    background: #002663;
    color: #fff;
}

/*
 *
 *
 */
#scotrail .ui-autocomplete li {
    background-image: none;
}

    #scotrail .ui-autocomplete li a:hover, #scotrail .ui-autocomplete li a {
        font-size: 14px;
        font-family: inherit;
        text-transform: none;
        color: #002663;
        padding: 5px;
        width: auto;
    }

        #scotrail .ui-autocomplete li a:hover {
            background-color: #002663;
            color: #fff;
            width: auto;
        }
