/* websymbols */
i { position:relative; top:-1px; display:inline-block; font-family:icomoon; font-weight:normal; font-style:normal; text-transform:none; font-size:16px; line-height:0; vertical-align:middle; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; speak:none; }
i.green { color:green; }
i.red { color:red; }

/* helpers */
.spaced { margin-bottom:20px !important; }
.confined { overflow:hidden !important; }
.padded { padding:20px !important; }
.shaded { background-color:#f5f5f5 !important; }
.clear { clear:both !important; float:none !important; }
.alignright { float:right !important; }
.alignleft { float:left !important; }
.aligncenter { text-align:center !important; }
.textleft { text-align:left !important; }
.textright { text-align:right !important; }
.underlined { text-decoration:none !important; padding-bottom:0.3em !important; border-bottom:1px dotted #0088CC !important; }
.underlined:hover { border-bottom:1px solid #005580 !important; }
.nofloat { float:none !important; margin-left:0 !important; }
.inline { display:inline !important; }
.greyed { color:#999; }
.responsive { width: 100%; }

/* buttons */
.button { display:inline-block; padding:0 10px; font-size:1em; line-height:28px; text-align:center; text-decoration:none !important; border-radius:4px; white-space:nowrap; transition:background 0.3s; -moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s; }
button.button { border:none; }
.button i { }
.button i.iconleft, .button.iconleft i { display:inline-block; margin:0 0px 0 -5px; }
.button i.iconright, .button.iconright i { display:inline-block; margin:0 -5px 0 0px; }
.button.joinleft { margin-left:1px; border-top-left-radius:0; border-bottom-left-radius:0; }
.button.joinright { border-top-right-radius:0; border-bottom-right-radius:0; }
.button.jointop { border-top-right-radius:0; border-top-left-radius:0; }
.button.joinbottom { border-bottom-right-radius:0; border-bottom-left-radius:0; }

.button.small { line-height:26px; font-size:0.9em; }
.button.block { display:block; }

.button { background:#428BCA; color:#fff; } .button:hover { background:#2A6496; color:#fff; }
.button.lightgrey { background:#ddd; color:#333; } .button.lightgrey:hover { background:#ccc; color:#333; }
.button.darkgrey { background:#999; color:#fff; } .button.darkgrey:hover { background:#aaa; color:#fff; }

/* newstyle */
#edit_page.newstyle { padding:20px; }
#edit_page.newstyle h1 { margin:0 0 20px 0; padding:0; border:none; background:none; font-size:3em; font-weight:normal; text-transform:none; }

.newstyle form { margin:0; }
.newstyle input[type="text"],
.newstyle input[type="number"],
.newstyle input[type="password"],
.newstyle textarea,
.newstyle select { width:100%; max-width:400px; height:auto; margin:0; padding:18px 10px; font-size:1.2em; font-weight:bold; color:#666; background:#f5f5f5; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.newstyle input[type="radio"],
.newstyle input[type="checkbox"] { margin:0; }
.newstyle input[type="file"] { padding:10px; border:1px dashed #bbb; }

.newstyle .field_wrap { margin:0 0 1em 0; clear:both; }
.newstyle .label_wrap { float:left; width:230px; padding:18px 0 0 0; }
.newstyle .input_wrap { overflow:hidden; }
.newstyle .input_wrap label { display:block; }
.newstyle .submit_wrap { padding:0 0 0 230px; }

.newstyle button { display:inline-block; padding:0 16px; font-size:1.1em; line-height:46px; text-align:center; text-decoration:none !important; border-radius:4px; white-space:nowrap; transition:background 0.3s; -moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s; }
.newstyle button { border:none; }
.newstyle button { background:#666; color:#fff; }
.newstyle button:hover { background:#999; }

#main .newstyle .table { width:100%; border-collapse:collapse; text-align:left; }
#main .newstyle .table th,
#main .newstyle .table td { padding:0 15px; text-align:left; }
#main .newstyle .table .warning td { background:pink; border-bottom:1px solid #fff; }

.newstyle .tabber { margin:0 0 20px 0; }
.newstyle .tabbertab { padding:30px 20px; }
.newstyle .tabbertab .label_wrap { width:200px; }

.newstyle .dateselect select { margin-right:3%; width:22%; }

.newstyle .mce-btn button {
background-image: -moz-linear-gradient(top,#fff,#d9d9d9) !important;
background-image: -webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#D9D9D9)) !important;
background-image: -webkit-linear-gradient(top,#FFF,#D9D9D9) !important;
background-image: -o-linear-gradient(top,#fff,#d9d9d9) !important;
background-image: linear-gradient(to bottom,#FFF,#D9D9D9) !important; }

/* filterbox */
.filterbox { margin:10px 0; padding:10px; background:#f5f5f5; overflow:hidden; }

.filterbox-filters { float:left; line-height:36px; }
.filterbox-filters a { display:inline-block; padding:8px 8px; line-height:1em; }
.filterbox-filters a.active { background:#428bca; color:#fff !important; border-radius:99px; text-decoration:none; }
.filterbox-filters a i { font-size:12px; }

.filterbox-controls { padding:3px 0; float:right; }

.filterbox-form { }
.filterbox-form form { display:inline; }
.filterbox-form .field_wrap { display:inline; margin:0 0 0 8px; }
.filterbox-form .label_wrap { display:none; }
.filterbox-form .input_wrap { display:inline; }
.filterbox-form .submit_wrap { display:inline; margin:0 0 0 8px; padding:0; }
.filterbox-form input[type="text"] { width:auto; padding:5px; background:#fff; }
.filterbox-form select { width:auto; padding:5px; background:#fff; }
.filterbox-form button { padding:5px; line-height:20px; }

.county-form { display:inline-block; vertical-align:middle; }
.county-form .field_wrap { margin:0 0 0 5px; }
.filter-dropdown { background:#FFF !important; padding:5px 10px !important; font-size:1.1em !important; font-weight:400 !important; }


/* category */
.category-colour { position:relative; }
.category-colour .field_wrap { display:inline-block; }
.category-colour .input_wrap { display:inline-block; vertical-align:middle; }
.category-colour input[type="text"] { width:auto; }
.category-hex { display:inline-block; width:20px; height:20px; border:2px solid #ccc; vertical-align:middle; }

/* locationmap */
.locationmap-address * { display:inline; vertical-align:middle; }
.locationmap-googlemap { margin:10px 0 10px 230px; height:400px; }

/* rankcolumn */
.rankcolumn { text-align:center; background:rgba(0,0,0,0.2); }
.level0 .rankcolumn { background:#f5f5f5; border-left:3px solid #ccc !important; border-right:3px solid #ccc !important; }
.level1 .rankcolumn { background:#d5d5d5; border-left:9px solid #ccc !important; border-right:9px solid #ccc !important; }
.level2 .rankcolumn { background:#b5b5b5; border-left:12px solid #ccc !important; border-right:12px solid #ccc !important; }
th.rankcolumn { background:#ccc !important; border-bottom:none !important; }
.rankcolumn input[type="text"] { padding:5px; font-size:1em; text-align:center; }
.rankcolumn button { padding:0 8px; height:24px; }

/* clubrtable */
.clubrtable { width:100%; border:5px solid #f5f5f5; border-spacing:0; }
.clubrtable thead th, .clubrtable thead td { padding:10px 10px 15px 10px; background:#f5f5f5; }
.clubrtable td { padding:8px 10px; border-bottom:5px solid #f5f5f5; }
.clubrtable tr:last-of-type td { border:none; }
.clubrtable-title { margin:0; font-weight:normal; }
.clubrtable tr.warning td { background:#EEE0E2; }
.clubrtable tr.highlight td { background:#FFFCEF; }

/* pagination */
.pagination-wrap { text-align:right; }
.pagination-text { display:inline-block; margin:0 5px 0 0; vertical-align:middle; }
.pagination { display:inline-block; margin:20px 0 20px -2px; vertical-align:middle; border-radius:0; }
.pagination li { display:inline-block; padding:0; background:none; }
.pagination li a,
.pagination li span { margin:0 0 0 2px; padding:6px 14px; background:#f5f5f5; color:#666; border:none; }
.pagination li.active span { background:#428BCA; }
.pagination > li:first-child > a, .pagination > li:last-child > a,
.pagination > li:first-child > span, .pagination > li:last-child > span { padding:6px 10px; background:#999 !important; color:#fff !important; border-radius:0; }
.pagination > li:first-child > a:hover,
.pagination > li:last-child > a:hover { background:#ccc !important; }
.pagination li.active span { color:#FFF; }

/*=======================================
TYPEAHEAD
=======================================*/
.twitter-typeahead { display:block !important; }
.tt-menu { width:100%; background:#FFF; border:1px solid #CCC;  max-height:250px;  overflow-y:auto; }
.tt-suggestion { padding:5px 10px; }
.tt-suggestion p { margin:0; }
.tt-hint { color:#BBB !important; }
.tt-suggestion.tt-cursor { background:#EDEDED; }
.tt-menu:hover { cursor:pointer; }

/* .newstyle .typeahead_wrap .label_wrap { float:none; } */
.newstyle .typeahead_wrap .input_wrap { overflow:visible; }

.typeahead_wrap .input_wrap {
    width: 700px;
    float: left;
}

.newstyle .typeahead_wrap input[type="text"] {
    max-width: none;
}


.typeaheadresults .typeaheadresults-item{
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    padding: 10px 0;
    position: relative;
    margin: 0 20px 0 0;
}
.typeaheadresults .typeaheadresults-item:hover,
.typeaheadresults .typeaheadresults-item:focus{
    color: #00773D;
}
.typeaheadresults .typeaheadresults-item:hover:after,
.typeaheadresults .typeaheadresults-item:focus:after{
    color: #00773D;
}
.typeaheadresults .typeaheadresults-item:after{
    content: '\d7';
    font-family: icomoon;
    font-size: 20px;
    color: #333;
    vertical-align: middle;
    display: inline-block;
    font-weight: 100;
    position: absolute;
    right: -20px;
    top: 50%;
    margin: -10px 0 0 0;
}