.black {
    color: #444
}

.black_bg {
    background-color: #444
}

.white {
    color: #fff
}

.white_bg {
    background-color: #fff
}

.red {
    color: #d93200
}

.red_bg {
    background-color: #d93200
}

.yellow {
    color: #ffc817
}

.yellow_bg {
    background-color: #ffc817
}

.orange {
    color: #ff4f36
}

.orange_bg {
    background-color: #ff4f36
}

.pink {
    color: #ff0d51
}

.pink_bg {
    background-color: #ff0d51
}

.navy {
    color: #2c4256
}

.navy_bg {
    background-color: #2c4256
}

.blue {
    color: #0076a3
}

.blue_bg {
    background-color: #0076a3
}

.light-blue {
    color: #e0f3fa
}

.light-blue_bg {
    background-color: #e0f3fa
}

.green {
    color: #6ba521
}

.green_bg {
    background-color: #6ba521
}

.marker_yellow {
    background: linear-gradient(transparent 60%, #ff6 60%)
}

.marker_green {
    background: linear-gradient(transparent 60%, #6FC 60%)
}

.list_red {
    background: #fcf3f6
}

.list_green {
    background: #f4fee5
}

.list_white {
    background: #fff
}

.result-stats {
    text-align: right;
    font-size: .8em;
    margin: 2%
}

.tabmenu {
    position: relative;
    width: 94%;
    margin: 0 auto 10px;
    border-bottom: 1px solid #eaebdd;
    padding-bottom: 10px
}

.tabmenu label {
    line-height: 30px;
    margin: 0 2% 0 0;
    width: 22.5%;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden
}

.tabmenu label:last-child {
    margin-right: 0
}

.tabmenu input[type=radio] {
    display: none
}

.tabmenu input[type=radio]+p {
    position: relative;
    z-index: 100;
    display: inline-block;
    padding: 0;
    background: #eff0e5;
    color: #0287d3;
    font-style: normal;
    line-height: 30px;
    cursor: pointer;
    font-size: .8em;
    width: 100%;
    text-align: center
}

.tabmenu input[type=radio]:checked+p {
    background: #f7991e;
    color: #fff;
    pointer-events: none
}

p.not-found {
    width: 94%;
    border: 1px solid #eaebdd;
    border-top: #eaebdd 3px solid;
    padding: 16px;
    color: #444;
    background: #fff;
    line-height: 2em;
    margin: 10px auto;
    font-size: .9em
}

p.not-found span.center_bold {
    font-weight: 700;
    text-align: center;
    display: block
}

p.not-found img.not_found_pig {
    width: 50%;
    display: block;
    margin: 0 auto;
    padding: 5% 0
}

#search_box {
    margin: 12px auto 0;
    border: 3px solid #f7991e;
    width: 94%;
    border-radius: 4px;
    overflow: hidden
}

#search_box form {
    box-shadow: none
}

#search_box .formtip {
    width: 84%;
    height: 32px;
    border: 0;
    float: left;
    padding: 2px 8px;
    line-height: 1em;
    box-sizing: border-box;
    font-size: 1em
}

#search_box .rollover {
    background: center no-repeat #f7991e;
    background-size: auto 75%;
    width: 16%;
    height: 32px;
    border: 0;
    cursor: pointer
}

#search_box .rollover:hover {
    background-color: #8bc34a
}

#search_box .rollover i {
    font-size: 1.5em
}

h3.new-service {
    width: 100%;
    margin: 0 auto 10px;
    line-height: 2.4em;
    background: #eaebdd;
    font-weight: 700;
    color: #2c4256;
    font-size: 1em;
    clear: both
}

h3.new-service span {
    background: #f7991e;
    color: #fff;
    padding: 0 16px;
    margin-right: 10px;
    display: inline-block
}

div.search_detail div.loader {
    position: relative;
    width: 8%;
    margin: 0 auto 10px;
    border-bottom: 1px solid #eaebdd;
    padding-bottom: 10px;
    display: none
}