html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, details, figcaption, figure,
footer, header, menu, section {
    display: block;
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a, input, select, textarea {
    box-sizing: border-box;
    border: 0 none;
    padding: 0;
    margin: 0;
    font: inherit;
}

strong, b {
    font-weight: bold;
    font-family: inherit !important;
}

em, i {
    font-style: italic;
    font-family: inherit !important;
}

img {
    vertical-align: top;
}

script {
    display: none !important;
}

.hidden { display: none; }
.clear { clear: both; }
.red { color: red; }
.green { color: green; }
.darkgrey { color: #666; }
.lightgrey { color: #ccc; }
.right {text-align: right; }
.center {text-align: center; }

body {
    margin: 0;
    padding: 0;
}

/* mobile/layout/layout.less */
h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeSpeed;
}

body {
    font: 18px/1.3 'PT Sans', Arial, Helvetica, sans-serif;;
    color: black;
    min-height: 100vh;
    -webkit-tap-highlight-color: transparent;
}

a { color: black; }
a.nolink {text-decoration: none; border-bottom: 1px dotted black;}
a.nodecor, .main_menu A {text-decoration: none;}

header { position: relative; }
header .logo { border-bottom: 1px solid #ddd; position: fixed; width: 100%; background-color: white; top: 0px; left: 0px; height: 59px; z-index: 10; text-align: center; line-height: 59px;}
header .logo img {vertical-align: middle; height: 40px;}
header .main_menu { margin-top: 60px; width: 100%; background-color: #eee; height: 50px; border-bottom: 1px solid #ddd; line-height: 50px; overflow: hidden;}
header .main_menu ul { width: 550px; }
header .main_menu li { display: inline-block; text-transform: uppercase; margin-right: 5px;}
header .main_menu li A { display: block; margin: 0 8px; }
header .butter {position: fixed; top: 15px; left: 10px; z-index: 15; opacity: 0.5;}
.options {display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #eee; z-index: 20; padding: 20px;}
.options .close {position: absolute; top: 15px; right: 55px;}


footer { margin-top: 30px; background-color: #333; color: #aaa; padding: 30px; font-size: 15px;}
footer A {color: #aaa;}
footer>div {margin-bottom: 10px;}

.main_content {
    margin: 10px;
}

h1 { font-size: 30px; margin-bottom: 0.4em; line-height: 30px; }
h2 { font-size: 25px; margin-bottom: 0.4em; line-height: 25px; }
h3 { font-size: 22px; margin-bottom: 0.4em; line-height: 23px; }

.banner {margin: 10px auto; display: table;}
.banner50 {height: 50px;}

.content_body {margin-bottom: 10px;}
.content_body P {margin-bottom: 10px;}

A.back {display: block; text-decoration: underline; color: #999; margin: -10px 0 20px 0;}
.date, .author {color: #666; margin: 10px 0;}
.intro {font-size: 20px;}

.nav_bar {margin-bottom: 10px;}
.nav_bar A, A.decor {text-decoration: underline;}

.sport form {background-color: #eee; padding: 5px; margin: 10px 0;}
input, select, button {border: 1px solid #AAA; border-radius: 5px; padding: 5px; margin-bottom: 2px; background-color: white; color: black; font: inherit;}
Xbutton {box-shadow: 1px 1px 10px #999;}

.article_list .list_entry, .main_content>div.list_entry {margin-bottom: 30px;}
.article_list .list_entry.nophoto { border-top: 1px solid #eee;}
.article_list .list_entry A {text-decoration: none; font-size: 20px;}
.article_list .list_entry .subtitle {font-weight: bold;}
.article_list .list_entry .img { background-size: cover; height: 200px;}


.list .entry {clear: both; margin-bottom: 10px; border-top: 1px solid #eee;}
.list .entry .photo {float: right; width: 75px; height: 75px; overflow: hidden; }
.list .entry IMG { width: 75px; }
.list .entry .name {font-weight: bold;}
.list .entry .description {margin-left: 20px; color: #666;}

.box {margin: 20px 0;}
.alphabet {margin: 20px 0;}

.photo_slider {position: relative; overflow: hidden; padding: 10px; background-color: #eee; margin-left: -10px; width: 100%; height: 250px;}
.photo_slider .list {position: absolute;}
.photo_slider .list IMG { margin-right: 5px; }

.market_actions {text-align: right; margin: 10px 0;}
.market_actions IMG {vertical-align: middle;}
.market_props {margin: 20px 0;}
.market_props .entry {margin-bottom: 10px;}

.market_rubrics {margin: -10px -10px 20px -10px; padding: 10px; border-bottom: 1px solid #eee;}
.market_rubrics .subsectors li {display: inline-block; margin-right: 5px;}


.market_cat {clear: both; margin-bottom: 20px;}
.market_cat A {text-decoration: none;}
.market_cat .sector {margin:0 0 25px 0;vertical-align:top;}
.market_cat .sector .title {margin:0 13px 0 0;font-size:125%;line-height:15px;}
.market_cat .subsectors {margin-left: 13px;font-size:95%;}

#ht_section sup {font-size: 70%; vertical-align: super; }
#ht_section nobr {display:block; margin-right: 20px;}

#ht_actions_box {margin: 20px 0;}
#ht_actions_box IMG {vertical-align: middle;}
#ht_actions_box UL {padding-left: 30px; list-style: circle;}
#ht_actions_box div {margin: 0px; padding: 10px; background-color: #eee;}

.market_form .title {margin-top:20px; margin-bottom: 5px; font-size: 15px; color: #666;}
.market_form .input {border: 0; width: 100%;}
.market_form .input input[type=text] {width: 100%;}
.market_form .input textarea {width: 100%; border: 1px solid #AAA; padding: 5px; border-radius: 5px;}

.market_form .add_photo {float: left; height: 100px; width: 105px; margin: 0;}
.market_form .add_photo span {font-size: 40px; padding: 25px 40px 35px 30px; line-height: 100px;}
.market_form .add_photo span IMG {margin: 20px;}

.market_form .photos {margin: 5px 0 20px 0;}
.market_form .photos .entry {float: left; position: relative; margin: 0 10px 10px 0;}
.market_form .photos .entry .remove {
    position: absolute; top: 5px; right: 2px;
    font-size: 20px;
}
.market_form .photos .entry IMG {height: 100px; }

.market_form .input.submit {clear: both; margin-top: 20px;}

.market_entry ul.actions {list-style-type: disc; padding-left: 30px; margin: 20px 0;}

.market_multiply p, .market_multiply A {font-size: 17px;}
.market_multiply table {  margin: 20px auto; }
.market_multiply table th { padding: 10px;font-size: 17px;}
.market_multiply table td { text-align: center; }
.market_multiply p {margin: 10px 0;}
.market_multiply p img {width: 100%;}

.sport_entry .mainimage {margin: 20px 0; text-align: center;}
.sport_entry .mainimage img {max-width: 100%;}
.sport_entry>div {margin-bottom: 10px;}
.sport_entry h4 {margin: 20px 0 10px 0; font-weight: bold;}
.sport_entry .raitings .data {margin-left: 20px;}

.sport_results .entry .compet_date {display: none;}
.sport_results .entry .figures {display: none;}
.sport_results .entry .place {float: right;}
.sport_results .entry .parkur A {color: #666;}

.sport_results .compet_title {margin-top: 10px;background-color: #eee; padding: 5px;}
.sport_results .compet_title .date {color: #666;}
.sport_results .entry {margin-left: 20px; margin-bottom: 10px; color: #666; }


.events_form {margin-bottom: 20px;}
.events_form select {width: 100%;}

.event>div, .club>div {margin-bottom: 10px;}

.event .start_list .data {margin-left: 10px; margin-top: 0px;}
.event A.online-application-icon {
    color: green;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    margin-right: 3px;
}
.event A.event-registration-button:hover {
    background-color: #008800;
}
.event A.event-registration-button {
    display: block; text-align: center; height: 50px; background-color: #009900; border-radius: 5px; color: white; text-decoration: none; margin-bottom: 15px; font-size: 20px; line-height: 40px; position: relative;
}
.event .event-registration-button .reg_date {font-size: 12px; line-height: 10px; margin-top: -8px;color: #CCC;}
.event .rating_level {font-size: 120%; color: #777;}

.event_judges .event_judges_overlay div {display: none; z-index: 1; background-color: white;position: absolute; top: 20px; left: 0px; width: 200px; height: auto; border: 1px solid #666; border-radius: 3px; padding: 3px; font: 18px / 1.3 'PT Sans', Arial, Helvetica, sans-serif;}
.event_judges .event_judges_overlay:hover div {display: block;}


.online-application-icon {color: green;}

.event_application .new_form {
  position: fixed;
  left: 0; top: 0;
  padding: 70px 0px 20px 0px;
  width: 100%; 
  height: 100%; 
  background-color: white;
  display: none;
}
.event_application .new_form input, .event_application .new_form select { width: 100%; }
.applications_container .phone {margin: 10px 0;}


.club .category {color: #777; #aeb4b6; font-weight: bold;}
.club .category:before { font-size: 80%;}
.club .features .feature span {color: #BFBFBF;}
.club .features .feature span:before {font-size: 80%;}
.club .features .feature {margin-bottom: 2px;line-height: 1;}

.club .news .date, .club .news .date A {color: #777;}
.club .news P {margin-top: 0;}

.club .horses .horse {float: left; margin-top: 20px; position: relative; margin-right: 5px; width: 75px; text-align: center; font-size: 15px;}
.club .horses .indent {margin-left: 7px;}
.club .horses .horse .photo { width: 75px; height: 75px; overflow: hidden; border-radius: 2px;}
.club .horses .horse .ad_type_title {position: absolute; left:0; top: -20px; font-weight: normal; font-size: 15px;}
.club .horses .horse_add {font-size: 80px; font-weight: bold; text-align: center; line-height: 75px; width: 75px; height: 75px; border-radius: 2px; background-color: #DEDEDE; color: white; cursor: pointer; border: 1px solid black;}

.club .social .button:before {}
.club .social .button { 
    height: 36px;
    line-height: 36px;
    color: #777; font-size: 20px; border: 1px solid #BFBFBF;     
    border-radius: 3px;
}
.club .social .rating {color: white; font-size: 12px; cursor: auto;}
.club .social .rating .rate {font-weight: bold; font-size: 17px;}
.club .social .good {background-color: #4EB842; }
.club .social .bad {background-color: #BD6666;}
.club .social {margin: 20px 0;}
.club .social DIV {float: left; width: auto; margin-right: 7px; padding: 0 9px;}
.club .social DIV.right {float: right; margin-right: 0px; margin-left: 7px; }

.club .horses .photo {border: 1px solid black; border-radius: 2px;}


UL#rating_groups {margin: 20px 0;}
UL#rating_groups LI {display:inline-block; margin-right: 10px;}
UL#rating_groups LI A.current, A.current {  border-bottom: 0; font-weight: bold; text-decoration: none;}

table.ratings {width: 100%; border-collapse: separate; border-spacing: 2px; margin: 20px 0;}
table.ratings A {text-decoration: none;}
table.ratings .number {text-align: right;}
table.ratings .rating_ch {margin-left: 5px; font-size: 80%; }
table.ratings .up {color: green;}
table.ratings .down {color: red;}
table.ratings .moreinfo {color: #999; border-bottom: 1px dotted #999; }

table.ratings .rating_info_event TD {padding-top: 5px; }
table.ratings TD.rating_info {padding-left: 10px; }
table.ratings TD.rating_info .horse A {color: #666; }

table.ratings TR.new TD , table.ratings TR.new TD A {color: green;}
table.ratings TR.old TD , table.ratings TR.old TD A {color: #999; text-decoration: line-through; }


.photolist>div {margin-bottom: 10px;}
.photolist .entry {margin-bottom: 10px; position: relative;}
.photolist .entry .descr {position: absolute; left: 0; bottom: 0; background-color: black; opacity: 0.7; color: white; padding: 5px 3px; font-size: 15px;}
.photolist .entry .img IMG {width: 100%;}

.article h1 { font: 27px 'robotocondensed', sans-serif; border: 0; }
.article P {margin-bottom: 10px;}
.article .article_photos {text-align: center;}
.article .article_photo {margin: 10px 0; width: auto;}
.article .article_photo div { margin: 0 50px; font-size: 90%; }
.article .article_photo .caption {font-size: 130%; font-family: 'robotocondensed', sans-serif;}
.article .article_photo .description {font-style: italic;}
.article .article_photo .source {color: #999;}
.article IMG.image {width: 100%; height: auto;}
.article .gallery li {margin-bottom: 5px;}
.article .share {text-align: right;}
.article blockquote {border-left: 4px solid #990000; margin: 20px 10px; padding: 5px 10px; color: #777; font-size: 19px; }


.rider_description table { border: 1px solid #999; border-collapse: collapse; }
.rider_description table td { border: 1px solid #999; padding: 5px; }
.rider_description table td:first-child { text-align: right; color: #666; font-style: italic; }
.claim {border: 0; border-radius: 3px; background-color: #efefef; padding: 1px 10px; margin: 10px 0;}
.follow span {color: #ccc; vertical-align: middle;}
.add_photo {float: right;}
.add_photo span {font-size: 40px; color: #ccc;}
.sport_registry div {float: right; margin:5px; width: 82px; height: 150px;}
.sport_registry div IMG {max-width: 100%; max-height: 100%;}


.popup {position: fixed; left: 0; top: 0; padding-top: 60px; overflow: hidden; z-index: 9999;}
.popup.box { margin: 0!important; }
.popup .close {position: absolute; top: 57px; right: 3px; cursor: pointer; font-size: 20px;}
.popup .error {padding: 0 5px; text-align: center; color: #ea8b8b; font-size: 15px;background-color: white; }

.popup.photoupload {width: 100%; height: 100%;}
.popup.photoupload .list {height: 100%; overflow-y: scroll; color: #666;background-color: white; }
.popup.photoupload .list .entry {float: left; clear: none!important; width: auto; position: relative;}
.popup.photoupload .list .entry .remove { position: absolute; left: 5px; top: 5px; color: #fff; text-shadow: 0px 1px 5px  rgba(0,0,0,0.7); font-size: 20px; cursor: pointer;}
.popup.photoupload .list .entry div { display: none; }
.popup.photoupload div.img {display: block!important; height: 150px; margin: 0 10px 10px 0;}
.popup.photoupload div.img img {height: 150px; width: auto;}

.comment_action {
    padding-left: 20px;
}

.comment_content {
    margin-left: 57px;
}
.comment_photo {
    float: left; 
    width: 50px; height: 50px;
    overflow: hidden;
    margin-right: 5px; text-align: right;
    border: 1px solid #888;
    position: relative;
}
.comment_photo IMG {position: absolute;}
#comments textarea {width: 100%; border: 1px solid #666; height: 250px;}

.event_files nobr { margin-right: 10px;  max-width: 100%; overflow-x: hidden;}

.event_files nobr.rating {display: block; margin: 10px 0;}
.event_files nobr.rating a {font-size: 120%;}


.registry {color:#333;}
.registry P {font-size: 120%; margin: 20px;}
.registry P A {font-size: 100%;}
.registry h1 {font:225% Georgia, serif; font-weight: normal; line-height: 0.9em;margin: 25px 0; border: 0;}
.registry h2 {font:150% Georgia, serif!important; font-weight: normal; line-height: 1em; margin-top: 30px;}

.registry UL {margin: 20px; list-style: disc;}
.registry li {font-size:120%;}
.registry li.nowrap {white-space: nowrap;}
.registry .img {margin: 20px 30px; text-align: center;}
.registry .img DIV {float: left; width: auto; height: 200px;}
.registry .img IMG {height: 150px; border-radius: 5px; margin: 5px;}

.registry .example {float: right; width: 100px;}
.registry .example IMG {max-width: 100%;}

.registry table {margin: 20px; border-collapse: collapse;}
.registry table TD, .registry table TH {font-size: 120%; padding: 5px; text-align: center; border: 1px solid #EEE;}
.registry TABLE TD A {font-size: 120%; text-decoration: none; border-bottom: 1px dotted blue;}

.registry textarea {border: 1px solid #AAA; border-radius: 5px; padding: 5px; margin-bottom: 2px; background-color: white; font: inherit;}

.registry_list .classes {text-align: center; }
.registry_list .classes .class {margin-bottom: 20px; float: left; width: 90px;}
.registry_list .classes IMG {height: 30px; vertical-align: middle; margin-left: 5px;}
.registry_list .classes .class:last-child {margin-bottom: 0px;}
.registry_list .classes A {color: black; font-size: 30px; font-family: 'robotocondensed', sans-serif; text-decoration: none;}
.registry_list .classes A.current { color: #999; }

.registry_list .current_class { display: none;}
.registry_list .current_class IMG { display: none; }

.registry_list .list, .registry_list h2 { clear: left;}
.registry_list .list DIV { width: 240px; margin: 0 20px 20px;}
.registry_list .list A { text-decoration: none; color: black; font-size: 20px;}
.registry_list .list A:hover { text-decoration: underline; }
.js-data-example-ajax.wide { width: 100%; }


.registry_list H2 {margin-bottom: 30px;}

.registry.adl-fs h1 {margin: 20px;}
.registry.adl-fs h1 nobr {white-space: normal;}
.registry.adl-fs h1 .prequot {margin-right: 22px;}
.registry.adl-fs h1 .quot {margin-left: -22px;}