.container {padding-left: 20px; padding-right: 20px;}
.wrapper {clear: both; width: 100%; max-width: 1140px; margin: 0 auto;}
ul {margin:0;}
#main.col-9 {margin-right: 1%; width: 76.85%;}
aside {margin-top: 30px;}
aside h3 {display:none;}
.hbox-c3-m {padding:10px;}
.hbox-c3-m h4 {display: none}
.block {margin-bottom:50px;}
.box1, .box2 {
    padding: 5px;
    border: 1px solid #ddd;
    background-color: #eeeeee;
    border-radius: 5px;
}
li.featured_country {
    margin-bottom: 30px;
}
li.featured_country .box2 {border: 1px solid #ddd;}
.padded5 td, .padded5 th, ul.padded5 li, .padding5 {padding:5px;}
.padded10 td, ul.padded10 li, .padding10 {padding:10px;}
.sidebarFilter .filterBlock {
margin-bottom: 10px;
}
.sidebarFilter li {
min-height: 25px;
vertical-align: bottom;
}
#nearby_slider {
    margin: 30px 0 20px 10px;
    z-index: 0;
}
#nearby_range {
    width:25px;
    font-size:90%;
    border:1px solid #999;
    color:#999;
    padding:2px;
    margin: -15px 0 0 -5px;
    text-align: center;
}
.slider-digit {
    cursor: pointer;
    margin: -.6em;
    position: absolute;
    top: -15px;
    color:#ccc;
    font-size:80%;
}
#filterLocation input {max-width:150px;}

 .nowrap {white-space: nowrap;}
.ellipoverflow {text-overflow: ellipsis; overflow: hidden;}
.table1 {
    width:100%;
    border-collapse:collapse;
    border-spacing: 0;
}
.table1 td {
    padding:5px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    height: 25px;
}
.table1 tbody tr:nth-child(odd) {
    background-color: #f3f3f3;
}
.table1 thead tr {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #393939), color-stop(1, #141414) );
    background:-moz-linear-gradient( center top, #393939 5%, #141414 100% );
    background-color:#393939;
    color:#cccccc;
}
.table1 thead th {
    border: 1px solid #000;
    text-align: left;
    padding:0;
}
.table1 thead th > b {
    margin:5px;
    display: block;
}
.table1.tablesorter thead th > div {
    margin:5px;
}
.table1 > tbody > tr:first-child td {
    border-top:1px solid #fff;
}
.table1 tbody tr:hover, .table1 tbody tr:hover td {
    background-color:#def9db!important;
}
.table1 .highlight {
    background-color: #fffde8;
}
.hide_thead thead {display:none;}
.highlight2 {background-color: #FFFFC0;}
.table1 tbody tr:nth-child(odd) .highlight {
    background-color: #fffdf2;
}
table.tablesorter thead tr th.tablesorter-header > div {
    background-image: url(../i/trailforks/sort.png);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    padding-right: 10px;
}
table.tablesorter thead tr th.sorter-false > div {
    background-image: none;
    cursor:auto;
}
table.tablesorter thead tr th.tablesorter-header.tablesorter-headerDesc > div {
    background-image: url(../i/trailforks/sort_desc.png);
    background-position: center right;
}
table.tablesorter thead tr th.tablesorter-header.tablesorter-headerAsc > div {
    background-image: url(../i/trailforks/sort_asc.png);
    background-position: center right;
}


.contributeForm tr td {
padding: 8px 5px;
vertical-align: top;
}
progress {display: none;}
.contributeForm > tbody > tr > td:first-child {
    background-color: #162a42;
    color:#fff;
    text-shadow: 1px 1px 1px #000;
    text-align: left;
    font-weight: normal;
    border: 5px solid #fff;
    padding:5px;
}
.clickable {cursor: pointer;}
.underline, a.underline {text-decoration: underline;}
.italic {font-style: italic;}
.grey, .grey a, a.grey {color:#666}
.grey2, .grey2 a, a.grey2 {color:#ccc}
.grey2:hover {color:#000;}
.red {color:#cc0000;}
.floatright {float: right;}
#contentTotal {
    background: #000;
    border-radius: 4px;
    padding:3px;
    color:#fff;
    font-size:10px;
    min-width: 15px;
    text-align: center;
}
.filterBlock h4 {
    font-size: 12px;
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #eeeeee;
    margin: 0 -10px 10px -10px;
}
.page_directory th {
    font-weight: bold;
    vertical-align: top;
    width: 70px;
}
ul.inline li, .inline {display:inline-block;}
#social-bar > div {
    display: inline-block;
    padding-right: 5px;
}
.share-button {
    display:inline-block;
    font-weight:700;
    text-decoration:none;
    text-align:center;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    color:#FFF;
    font-size:13px;
    padding:4px 8px;
    cursor: pointer;
}
.share-button-twitter {
    background-color:#00ABF0;
}
.share-button-facebook {
    background-color:#3b5998;
}
.share-button-pinterest {
    background-color:#cc0011;
}
.share-button:active {
    background-color:#353535;
}
.map {
    position: relative;
    overflow: hidden;
}
.map img {max-width:initial;}

.doGeolocation {
    font-family: 'trailforks';
}
.doGeolocation:before {
    content: "\e006";
}
#firstchartop {
    overflow-x:hidden;
    white-space:nowrap;
}
.normal {font-size:100%!important;}
.large {font-size:120%!important;}
.larger {font-size:140%!important;}
.search_highlight {
    background-color: #d60403;
    color:#fff;
    padding:0 2px;
}
.box1 h3 {margin-top: 0;}
.required:after {
    content: "*";
    color: #cc0000;
    font-size: 12px;
    display: inline-block;
    padding-left:5px;
}


body {height: 100%;}
table {text-align: left;}
h3 {
    color:#c00000;
    font-weight: bold;
    margin: 25px 0 5px;
    font-size: 16px;
}


.map.expanded {
    position: static!important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 90;
    margin-bottom: 0;
}
.map.expanded #trail {display:none;}
.map img{max-width:none;}
.map.expanded #map_options_container {display:none!important;}
.map.expanded #marker_label {
    max-width:none;
    height: auto!important;
}
.hide {display:none;}
.bold {font-weight: bold!important;}
.smaller {font-size:80%;}
.small {font-size:90%;}
a.nostyle {color:#000}
a.nostyle:hover {color:#105CFF}
.pb-button.small {
    padding: 0 0.45em!important;
}
.pb-button.small {font-size: 0.84em;}
.normal {font-size:100%;}
.smallest {font-size:70%;}

.rmsmessage {
    display: none;
    position: absolute;
    width: auto;
    padding: 5px;
    max-width:300px;
    white-space: nowrap;
    z-index:100;
}

.star-rating ul {
    unicode-bidi:bidi-override;
    direction:rtl;
    text-align: left;
    white-space: nowrap;
}
.star-rating ul li {
    font-family: 'trailforks';
    font-weight:normal;
    font-style:normal;
    display:inline-block;
    font-size: 16px;
    text-shadow: 1px 1px 1px #fff;
}
.star-rating li:before {
    content:"\e600";
    color:#ccc;
}
.star-rating.allowvoting li:hover:before, .star-rating.allowvoting li:hover~li:before {
    content:"\e013";
    color:#d60201;
    cursor: pointer;
}
.star-rating li.filled:before{ color:#d60201; content:"\e013";}
.star-rating li.half:before{ color:#d60201; content:"\e01f";}
.star-rating.allowvoting li {
    cursor: pointer;
}

#fb-root {display: none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}
.fb_iframe_widget span {overflow:hidden}
.iframeborder {
    border: 1px solid #ccc;
}
iframe {max-width: 100%;}

#mapControlsBasic {
    margin-top: -35px;
    position:absolute;
    right:5px;
    z-index:90;
}

.ui-autocomplete-input {
    background: #fff url(../i/search_btn.gif) no-repeat 98% 50%;
}

.map h2 a {color:#c80000; text-shadow: none; background-color: transparent; text-wrap: none;}
.map h2 a:hover {color:#105CFF;}

.large .star-rating ul li {
    font-size: 24px;
}

.flagCM:before {
    font-family:'FontAwesome';
    content: "\f024";
    color: #666;
    font-size: 11px;
}
.flagCM a {
    padding-left: 3px;
    color: #666;
    font-size: 10px;
}
.flagCM a:hover {
    color:#cc0000;
}
.flagCM a.red {
    color:#cc0000;
}

.photogrid {font-size:0;}
.photogrid .thumb {
    display: inline-block;
    margin-bottom:20px;
    vertical-align: top;
    font-size:12px;
    float: none;
    text-align: left;
    overflow: hidden;
}
.photogrid .thumb > a {
    display: block;
    overflow:hidden;
    border: 1px solid #999;
}
.photogrid .thumb .crop-thumbnail img {
    width:100%;
    display: block;
}
.photogrid .thumb p a {display: inline;}

.contributeForm tr:hover td {
    background-color: #F0F0F0;
}
.opaque30 {opacity:0.3;}
.opaque60 {opacity:0.6;}
.list1 > li {
    border-bottom: 1px solid #eaeaea;
    padding: 10px;
}
.list1 > li:last-child {
    border-bottom: 0;
}

#placesHeader {
    background: #c80000 url('../i/directory/pb-square-trans.png') no-repeat 25px 25px;
    color: #fff;
    padding: 20px 20px 20px 100px;
    min-height: 70px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border-left: solid 1px #777;
    border-right: solid 1px #777;
    border-top: 1px solid #777;
    margin-top: -1px;
    border-top-right-radius: 5px;
}
#placesLeft {
    float:left;
    padding-top: 10px;
}
#placesLeft h1 {
    font-weight: 800;
    font-size: 3em;
}
#placesRight {
    float:right;
    width: 30%;
}

.hboxr-c3-h.with-header {
    border-bottom: 0;
}
.hbox-c3-m.nopadding {
    padding: 0;
}
#page_listing .hboxr-c3-h {
    height: auto;
    line-height:normal;
    font-size: 1.5em;
    padding: 4px 8px 4px 4px;
}
#page_listing .hboxr-c3-h h1 {
    background-image: url('../i/directory/pb-square-trans.png');
    background-repeat: no-repeat;
    background-position: 5px 1px;
    background-size: 21px 22px;
    padding-left: 36px;
}
.page_directory #main .hboxr-c3-h {
    margin-top: -1px;
    border-top-left-radius: 0;
}
#placesHeader2 {
    font-weight: 400;
}
#placesHeader2 h1 {
    font-weight: 800;
    font-size: 3em;
}
#placesHeader2 #placesLeft {
    background: transparent url('../i/directory/directory_default.jpg') no-repeat;
    background-size: cover;
    width: 170px;
    height: 170px;
    float: left;
    margin-right: 20px;
}
#placesHeader2 #placesRight {
    width: 630px;
    float: left;
}
.formInput input[type="text"] {
    border: 1px solid #ccc;
}
.pb-tabs ul li:nth-child(6) a span {
    border-top-right-radius: 5px;
}

.facet-count {
    background-color: #ccc;
    border-radius: 3px;
    line-height: 15px;
    color: #525252;
    height: 15px;
    min-width: 20px;
    text-align: center;
    font-size: 11px;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}
#region_grid .makecols .facet-count {
    position: absolute;
    top: 4px;
    right: 4px;
}
#region_grid li {position: relative;}
#region_grid .makecols li:hover {background-color: #EEEEEE;}
.makecols li {margin-right: 30px!important;}

#mobile_layout .table1 a {font-size: 120%; padding: 3px; display: inline-block}

@media screen and (max-width: 768px) {
    .table1 td:nth-child(6), .table1 th:nth-child(6) {
        display: none;
    }
    .pb-tabs li a span {
        border-radius: 0!important;
        margin: 0!important;
        padding: 6px 12px!important;
    }
}