/* Выбор города */

.custom_city {
    display: none;
}

.custom_city ul {
    float: left;
    list-style-type: none;
    color: #3399ff;
    text-decoration: underline;
    cursor: pointer;
    margin-right: 1em;
}

.location_dashed {
    border-bottom: 1px dashed gray;
    cursor: pointer;
    color: black;
    font-size: 13px;
    text-transform: lowercase;
}

.locations_user_city_selector {
    font-size: 12px;
    text-align: left;
    background: url('/img/city.selector.png') no-repeat;
    padding: 8px;
    position: absolute;
    right: -34px;
    width: 202px !important;
    height: 161px !important;
    top: -17px;
    z-index: 2001;
}

.preset-user-cities {
    margin-top: 40px;
}

.locations_user_city_selector .preset-user-cities a {
    margin-left: 12px;
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
    color: gray !important;
    text-decoration: none;
    border-bottom: 1px dotted gray;
}

.select_user_city span.white {
    color: #ffffff !important;
}

.locations_user_city_selector .preset-user-cities a:hover {
    color: #41a0ff !important;
    border-bottom: 1px dotted #41a0ff;
}

.ui-autocomplete.ui-autocomplete {
    z-index: 90005 !important;
    /*position: relative !important;*/
    background: white !important;
}

.ui-autocomplete.ui-autocomplete .ui-menu-item:hover{
    background: #eee !important;
}

.ui-autocomplete * {
    font-size: 12px;
    text-align: left;
}

.locations_user_city_selector a {
    color: #41a0ff !important;
}

.locations_user_city_selector input[type=text] {
    border: 1px solid #cccccc;
    border-radius: 10px;
    width: 110px;
    padding: 5px 5px;
    position: relative;
    top: 3px;
    left: -1px;
}

.user_city_selector_fader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
}

.menu .your-city {
    font-size: 14px;
    color: #959595 !important;
    margin-right: 18px;
}

.select_user_city img {
    position: relative;
    top: 9px;
    left: 10px;
}

.select_user_city {
    text-decoration: none;
    cursor: pointer;
    z-index: 2002;
    position: relative;
}

span.city {
    position: relative;
    top: -9px;
}

.select_user_city span {
    color: black;
    font-style: italic;
    font-size: 14px;
    border-bottom: 1px dotted gray;
}

/* Всплывающие окна с затенением */

#popup h2 {
    margin-bottom: 12px;
}

.semiBlack {
    background: url('/img/semiBlack.png');
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 10000;
}

#popup {
    padding: 1em;
    background: url('/img/anketa/texture.png');
    display: none;
    position: fixed;
    z-index: 10001;
    border-radius: 5px;
}

#popup .inner-wrapper {
    background: white;
    border: 1px solid #ddd;
    text-align: left;
    padding: 1em;
}

#popup .close, .popup .close {
    position: absolute;
    right: 8px;
    top: 15px;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height:16px;
    background: url('/img/delete.gray.png') no-repeat;
}

/* Всплывающее окно входа или регистрации */

td.ajax_registration, td.ajax_login {
    width: 450px !important;
}

/* 5-звездочная шкала оценки */

.stars {
    display: block;
    width: 220px;
}

.stars span {
    float: left;
    display: block;
    width: 18px;
    height: 18px;
    background: url('/img/starGray.png') no-repeat;
    margin-right: 4px;
    cursor: pointer;
}

.stars .selected {
    background: url('/img/star.png') no-repeat;
}

/* Слайдер */

#slider {
    width: 200px;
}

.ui-slider {
    position: relative;
}

.slider-wrapper {
    position: relative;
}

.slider-layout {
    position: absolute;
    background: url('/img/slider.layout.png') no-repeat;
    overflow: hidden;
    height: 32px;
    width: 57px;
    top: 12px;
    display: none;
    left: 0px;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 0 8px;
    color: white;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 26px; /* Задаем нужную ширину */
    height: 26px; /* и высоту */
    border-width: 0px;
    background: url(/img/slider.png) no-repeat; /* картинка изображающая ползунок. Или можно залить цветом, задать бордюр и скругления */
    cursor: pointer;
    top: -8px !important;
}

.ui-state-focus {
    outline-width: 0px !important;
    border-width: 0px !important;
}

.slider-wrapper input {
    display: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    overflow: hidden;
}

.ui-slider-horizontal {
    height: 3px;
}

.ui-widget-content {
    border: 1px solid black;
    background: #333333;
    border-radius: 10px;
    box-shadow: inset 1px -1px 8px black;
    cursor: pointer;
}

.slider-shadow {
    background: #41A0FF;
    position: absolute;
    left: -2px;
    padding-right: 12px;
    box-shadow: inset -2px 1px 15px black;
    height: 14px;
    top: -2px;
    border-radius: 15px;
}

div.ui-slider.ui-corner-all {
    border-radius: 15px;
    height: 11px;
    box-shadow: inset 0px 0px 4px #333333;
}

/* Кастомная радиокнопка */

.custom_radio {
    position: relative;
    margin-left: 4px;
}

.custom_radio input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

.custom_radio span {
    cursor: pointer;
    border-bottom: 1px dashed gray;
}

.custom_radio.checked span {
    padding: 6px 18px !important;
    border-radius: 20px;
    border-bottom-width: 0px;
    padding: 0px 4px;
    color: white;
}

.custom_radio.checked span {
    background: #333333;
}

/* Элемент +, - для указания количества */

.plusminus {
    display: inline;
    padding: 2px 4px;
    background: url('/img/plusminus.png') no-repeat;
}

.plusminus img {
    cursor: pointer;
    position: relative;
    top: 2px;
}

.plusminus.disabled img {
    visibility: hidden;
}

.plusminus input {
    width: 30px;
    text-align: center;
    border-width: 0px;
    background: transparent;
}

/* Календарь */

a#dp-close {
    color: #41a0ff;
    display: none;
}

.dp-popup {
    padding-top: 26px !important;
    background: url('/img/cal.png') 0px 10px no-repeat !important;
    width: 232px !important;
    height: 205px !important;
}

div.dp-popup h2 {
    font-size: 14px !important;
    border-top-right-radius: 7px !important;
    color: white !important;
    width: 232px !important;
    font-weight: normal;
    margin-bottom: 16px;
}

table.jCalendar, table.jCalendar td.other-month {
    background: none !important;
}

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: none !important;
}

table.jCalendar th, table.jCalendar td {
    background: none !important;
    color: #838383 !important;
    border-width: 0px;
}

.dp-popup * {
    font-size: 11px !important;
}

.jCalendar {
    width: 212px !important;
    height: 150px !important;
    margin: 0px 0px 6px 9px !important;
    background: none !important;
    border-width: 0px !important;
    position: relative;
    left: -2px;
    top: -2px;
    padding: 0 !important;
    border-collapse: collapse !important;
}

.jCalendar th {
    color: white !important;
    height: 20px !important;
    text-transform: lowercase;
}

.jCalendar td {
    width: 25px;
}

.jCalendar td.today {
    background: #3399ff !important;
    color: white !important;
    border-radius: 15px;
}

.jCalendar td.other-month {
    background: #fff !important;
    color: #ccc !important;
}

.jCalendar td.disabled {
    background: #fff !important;
    color: #ffc9c9 !important;
}

.dp-nav-prev, .dp-nav-next {
    top: 20px !important;
}

.dp-nav-next {
    right: 20px !important;
}

.dp-nav-prev {
    left: 20px !important;
}

.jCalendar td.dp-hover, .jCalendar td.selected {
    color: red !important;
}

a.dp-nav-next-month, a.dp-nav-prev-month, a.dp-nav-next-year, a.dp-nav-prev-year {
    font-size: 0px !important;
    position: relative;
    top: 7px;
    height: 13px !important;
    width: 14px !important;
}

.dp-nav-prev a.disabled {
    display: none !important;
}

a.dp-nav-next-month {
    background: url('/img/arrow.right.png') no-repeat !important;
}

a.dp-nav-prev-month {
    background: url('/img/arrow.left.png') no-repeat !important;
}

a.dp-nav-next-year {
    background: url('/img/arrowd.right.png') no-repeat !important;
}

a.dp-nav-prev-year {
    background: url('/img/arrowd.left.png') no-repeat !important;
}

.datetime-wrapper {
    display: inline-block;
    padding: 2px 4px 12px 4px;
    cursor: pointer;
    font-size: 12px;
    background: url("/img/datetime.png") no-repeat;
}

.selectBox-label {
    cursor: pointer;
}

.selectBox-dropdown-menu li a {
    cursor: pointer !important;
    font-weight: bold !important;
    color: black !important;
    font-size: 12px !important;
}

.datetime-wrapper .selectBox {
    width: 30px !important;
    margin-left: 12px;
}

.datetime-wrapper * {
    background: transparent !important;
    border-width: 0px !important;
}

.chzn-container {
    width: 250px !important;
}

.chzn-drop input[type=text] {
    width: 213px !important;
}

.chzn-drop {
    width: 248px !important;
}

/** Выборщик типа груза **/

.cargo-chooser input {
    visibility: hidden;
}

.cargo-chooser {
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 62px;
    margin: 4px 8px;
    width: 70px;
    height: 44px;
    cursor: pointer;
    float: left;
    display: inline-block;
}

.cargo-chooser  span {
    display: inline-block;
    word-wrap: break-word;
    width: 66px;
    font-size: 9px;
    position: relative;
    left: -7px;
    top: -19px
}

.cargo-chooser-small span {
    width: 74px;
}

.cargo-chooser-small .cargo-chooser {
    width: 58px;
    padding-top: 40px;
}

.date-selector {
    margin-bottom: 12px;
}

/* Увеличенная иконка для выбора груза*/
.cargo-bigger {
    width:87px !important;
    height:29px;
}
.cargo-bigger span {
    display: inline-block;
    word-wrap: break-word;
    width: 85px;
    position: relative;
    top: -20px;
    left: -3px;
}

label.cargo-chooser1 span {
}

/* Всплывающее окно при первом входе*/
.first-enter-popup {
text-align:center;
}

.first-enter-popup .text {
font-size: 21px;
line-height: 28px;
}

.first-enter-popup .text span {
font-weight: bold;
color: red;
}

.first-enter-popup #first-moscow {
margin: 20px 0;
}

.first-enter-popup #first-moscow  a{
text-decoration: none;

border-bottom: 1px dashed gray;
}

.first-enter-popup #first-selector-block {
margin: 16px 0;
}
.first-enter-popup #first-selector-block input {
border: 1px dotted gray;
padding: 6px 8px;
font-size: 14px;
}
.first-enter-popup input[type="button"] {
background: url('/img/next_btn.jpg') no-repeat;
width: 152px;
height: 65px;
}