body, html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, cite, code, em, img, samp, small, strong, var, dl, dt, dd, ol, ul, li, table,
caption, tbody, tfoot, thead, tr, th, td {  margin: 0;	padding: 0;	border: 0; 	outline: 0; }

body { padding: 0; margin: 0;  }
html, body {  height: 100%;  font: 12px tahoma, verdana, arial; }
.clear { clear: both; }
.left { float: left;  }
.right { float: right; }
.hide, .xhide { display: none;  }
.xshow { display: block; }

.wrapper {  min-height: 100%;  height: auto !important;  height: 100%;  margin: 0 auto -381px;  }
.topper { margin: 0 auto;     }

.content { margin: 0 auto;    min-height: 0px; padding-bottom: 40px; padding-top: 40px;  background: #fff; }

.push { height: 381px;   }
.footer  {  background: #272F3D;   height: 380px;  margin: 0 auto; text-align: left;  }
.footer div.sfa {  margin: 0 auto; color: #777; padding-top: 18px;     }
.subfooter { width: 100%;  height: 80px;    background:#111; border-top: 0px solid #fff; }
.subfooter div  {  margin: 0 auto; color: #777; padding-top: 18px; text-align: center; font-size: 10px; overflow: hidden; }


.topper, .header div, .content, .footer div.sfa, .subfooter div {  width: calc(100% - 20px);  max-width: 1100px; padding-left: 10px; padding-right: 10px; }
.content.premium { max-width: 1240px;  }

.showIfMobile, .showIfMobileTr { display: none; }
@media screen and (max-width: 600px){
    .topper, .header div, .content, .footer div.sfa, .subfooter div {  width: calc(100% - 10px);  padding-left: 5px; padding-right: 5px; }
    .hideIfMobile { display: none;  }
    .showIfMobile { display: block;  }
    .showIfMobileTr { display: table-row;  }
    /*.content { padding-top: 44px; }  */
    .mb_right { float: right;  }
}

.desktop-ad { display: block; margin: 5px 0; }
.min250h { min-height: 250px;  }
.mob-ad { display: none; margin: 10px 0;  }
.rider-after-program, .mob-ad.after-result, .mob-ad.preview-middle { min-height: 250px; }
.desktop-ad.race-column-right, .desktop-ad.livepage-skyscraper { min-height: 1000px;   }
.desktop-ad.below-content { clear: both;  }
.team-between-stats { min-height: 300px;  }
.team-after-photos { min-height: 90px;   }
.mob-ad.livepage-intermediate { min-height: 300px; border: 1px solid #ddd; border-radius: 4px; padding: 4px; }
.r89-top-home { margin: 10px 0; min-height: 280px; }
.top-cont-mobile { margin: 10px 0; min-height: 280px;  }

@media screen and (max-width: 800px){
    .desktop-ad { display: none;  }
    .mob-ad { display: block; }
    .top-cont { display: none;  }
}
@media screen and (min-width: 800px){
    .r89-top-home { display: none;  }
    .top-cont-mobile { display: none; }
}

a:link, a:visited { color: #000; text-decoration: none; }
a:hover, a:active { text-decoration: underline; color: #CF4242; }
a.blue:link, a.blue:visited, div.blue a:link, div.blue a:visited { color: #1B9BE0; text-decoration: none; } a.blue:hover, a.blue:active, div.blue a:hover, div.blue a:active { text-decoration: underline;   }
a.black:link, a.black:visited { color: #000; text-decoration: none; } a.black:hover, a.black:active { color: yellowgreen;    }
a.grey:link, a.grey:visited { color: #999; text-decoration: none; } a.grey:hover, a.grey:active { color: yellowgreen;    }

a.goto:link, a.goto:visited { background: #4485F4; color: #fff; border-radius: 2px; padding: 4px 7px; display: inline-block; margin: 2px 0; border: 0; }
a.goto:hover  { text-decoration: none; background: #2665D1;  }

a.cur { text-decoration: underline; color: #3782C4;  }

.showmorelink:link,  .showmorelink:visited { text-transform: lowercase; background: #dcedf7;  border-radius: 2px; padding: 5px 28px; font-size: 12px; color: #88b6d1; margin-top: 2px; display: inline-block; }
.showmorelink:hover {  background: #cee2ed;  color: #2083bd; text-decoration: none; }

/* header v4 */
header { background: #272F3D;  min-height: 40px;  width: 100%; z-index: 200; position: fixed; z-index: 99999999;  }
header.cx { background: #3d342b; }
header .cont { max-width: 1100px;  margin: 0 auto; color: #fff;}

.logo { background: url('images/pcs-logos/pcs-v5.png') no-repeat; background-size: 60px;  width: 60px; height: 21px; margin-top: 11px; float: left;  display: block; }
@media screen and (max-width: 600px){
    .logo { background: url('images/pcs-logos/pcs-v5-big.png') no-repeat; background-size: 60px;  width: 60px; height: 24px; margin-top: 10px; float: left;  display: block; }
}
@media screen and (max-width: 400px){
    .logo { background: url('images/pcs-logos/pcs-v5-big.png') no-repeat; background-size: 45px;  width: 45px; height: 24px; margin-top: 13px; float: left;  display: block; }
}


.search4 { background: #4E596E; border-radius: 2px; padding: 4px; border: 0; float: left; margin: 7px 0 0 15px; font-size: 16px;  width: 110px; }
header.cx .search4 { background: #665849; }
.search4::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #272F3D;
    opacity: 1; /* Firefox */
}
.search4.focus, header.cx .search4.focus { background: #fff; }

@media screen and (max-width: 600px){
    .search4 {  width: 90px; margin: 7px 0 0 10px; }
}
@media screen and (max-width: 400px){
    .search4 {  width: 70px; margin: 7px 0 0 7px; }
}


.menuCont { position: relative; z-index: 1000000000000;  float: left; }
.mobMenu:link, .mobMenu:visited { display: none; color: #fff; font-size: 12px; text-transform: uppercase; padding: 0 11px; line-height: 40px;}
.nav_v4 { list-style: none; margin-left: 6px;   position:  relative; }
.nav_v4 li { float: left; position: relative;}
.nav_v4 li a.reg:link, .nav_v4 li a.reg:visited {   display: block; line-height: 40px; padding: 0 10px; font-size: 14px; color: #b1c1cf; color: #fff; border-left: 1px solid #3a4354; z-index: 99999; }
.nav_v4 li a.reg:hover, .nav_v4 li a.reg:active { color: #fff;   text-decoration: none; background: #353f4f; background: #1a202b; }
header.cx .nav_v4 li a.reg:hover, header.cx .nav_v4 li a.reg:active { background-color: #241e18; }
.nav_v4 li:first-child a.reg:link, .nav_v4 li:first-child a.reg:visited { border-left: 0;  }
.nav_v4 li.more4 a.reg:link, .nav_v4 li.more4 a.reg:visited {  padding: 0 20px 0 10px;  }
.nav_v4 li a.more4:link, .nav_v4 li a.more4:visited {  position: absolute; top: 12px; right: 0; line-height: 14px; padding: 2px;   color: #4E596E; font-size: 13px; }
.nav_v4 li a.more4:hover, .nav_v4 li a.more4:active {  text-decoration: none; color: yellowgreen; }
.nav_v4 ul {  position: absolute; background: #444e5e; width: 240px; border-radius: 3px; padding: 3px; list-style:none;  }
.nav_v4 ul li { border-top: 1px solid #272F3D;  }
.nav_v4 ul li:first-child { border-top: 0; }
.nav_v4 ul li a:link, .nav_v4 ul li a:visited { display: block;  width: 230px; padding: 1px 5px; font-size: 14px;  color: #fff; }
.nav_v4 ul li a:hover {  background: #eee; color: #000; text-decoration: none;  }
.nav_v4 li.user a.reg:link, .nav_v4 li.user a.reg:visited {  background-image: url(https://www.procyclingstats.com/images//icons/user_icon.png); background-repeat: no-repeat; background-position: 6px 12px; background-size: 16px;  padding-left: 23px;}
.nav_v4 li.user.logged a.reg:link, .nav_v4 li.user.logged a.reg:visited {  background-image: url(https://www.procyclingstats.com/images//icons/user_icon_green.png);   color: #A2CC59; }

.topUser:link, .topUser:visited { float: left; display: none; margin-top: 11px; color: #666; font-size: 12px; text-transform: uppercase;
    background-image: url(https://www.procyclingstats.com/images//icons/user_icon.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 18px; width: 1px; height: 18px; padding-left: 18px;  }
.topUser:hover {   color: #fff; text-decoration:none;   }
.topUser.logged { background-image: url(https://www.procyclingstats.com/images//icons/user_icon_green.png);    color: #A2CC59; }


/* special classes */
.nav_v4 li.pro { display: none;  }
header.premium .nav_v4 li.pro { display: block; }
.nav_v4 li.pro a.reg:link, .nav_v4 li.pro a.reg:visited {  color: orange;}
.nav_v4 li.pro a.more4:hover, .nav_v4 li.pro a.more4:active {  color: orange;}

.nav_v4 li.yellow a.reg:link, .nav_v4 li.yellow a.reg:visited {   background: #FFDF4F; color: #333;}
.nav_v4 li.yellow a.reg:hover, .nav_v4 li.yellow a.reg:active {  background: #F4D448; }
.nav_v4 li.yellow a.more4:link, .nav_v4 li.yellow a.more4:visited {  color: #B79914;}

.nav_v4 li.pink a.reg:link, .nav_v4 li.pink a.reg:visited {   background: #F794B9; color: #333;}
.nav_v4 li.pink a.reg:hover, .nav_v4 li.pink a.reg:active {  background: #e37da3; }
.nav_v4 li.pink a.more4:link, .nav_v4 li.pink a.more4:visited {  color: #333;}

.nav_v4 li.red a.reg:link, .nav_v4 li.red a.reg:visited {   background: #DA291C; background: #e65550; color: #333;}
.nav_v4 li.red a.reg:hover, .nav_v4 li.red a.reg:active {  background: #f03932; }
.nav_v4 li.red a.more4:link, .nav_v4 li.red a.more4:visited {  color: #333;}

.nav_v4 li.blue a.reg:link, .nav_v4 li.blue a.reg:visited {   background: #0087e4; color: #fff;}
.nav_v4 li.blue a.reg:hover, .nav_v4 li.blue a.reg:active {  background: #006bd7; }
.nav_v4 li.blue a.more4:link, .nav_v4 li.blue a.more4:visited {  color: #333;}

.selectLanguage { float: left; margin-top: 12px; margin-left: 20px; position:relative; }
.selectLanguage a:link, .selectLanguage a:visited { background: #333d4f; padding: 3px; border-radius: 2px; font-size: 11px; color: #8c9cba; text-transform:uppercase; }
.selectLanguage font { background: #333d4f; padding: 3px; border-radius: 2px; font-size: 11px; color: #8c9cba; text-transform:uppercase; display: block; margin: 0;  cursor: pointer; }
.selectLanguage div { display:none; z-index: 100; }
.selectLanguage:hover div { display: block; position:absolute;  width: 150px; padding: 5px; background: #333d4f; border-radius: 3px; }
.selectLanguage ul { list-style:none;  }
.selectLanguage ul a:link, .selectLanguage ul a:visited { display: block;  }
.selectLanguage ul a:hover, .selectLanguage a:hover { color: #fff; }
.selectLanguage ul li {  }

header.cx .selectLanguage a:link, header.cx .selectLanguage a:visited, header.cx .selectLanguage  div, header.cx .selectLanguage font { background: #54483c;  color: #857362; }
header.cx .selectLanguage a:hover { color: #fff;  }


.selectPlatform { margin-left: 10px; }
.selectPlatform:hover div {  width: 100px; }

@media screen and (max-width: 1100px){

    .selectLanguage { margin-left: 10px; }
    .selectPlatform { margin-left: 4px; }
    .nav_v4 li a.reg:link, .nav_v4 li a.reg:visited { font-size: 16px; }
    .nav_v4 li.more4 a.reg:link, .nav_v4 li.more4 a.reg:visited {  padding: 0 18px 0 6px;   }
    .nav_v4 li.more4 a.toggleNavDropdown:link, .nav_v4 li.more4 a.toggleNavDropdown:visited {  color: #fff; font-size: 18px; }
    .nav_v4 li.more4 a.toggleNavDropdown:hover { color: yellowgreen; }
    .nav_v4 li a.reg:link, .nav_v4 li a.reg:visited {  padding: 0 6px;  }
    .nav_v4 li ul { background:#333; z-index: 100; margin-left: 10px; border: 1px solid #fff; font-size: 16px; }
}

.user4:link, .user4:visited { float: right; display: block; border-radius: 2px; border: 1px solid #515b6d; color: #b1c1cf; font-size: 13px; padding: 4px 5px; margin-top: 7px;
    white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;   max-width: 90px; }
.user4 span { font-size: 18px; line-height: 16px; float: left; margin-right: 0px; }
.user4[data-logged="1"]:link, .user4[data-logged="1"]:visited { color: yellowgreen;  }
.user4:hover { color: #fff; text-decoration: none;  }

.settings4:link, .settings4:visited { float: right; display: block; font-size: 11px; color: #667481; line-height: 40px; margin-right: 10px; }
.settings4 span  { font-size: 18px; float: left; display: block; margin-right: 2px; }
.settings4:hover { text-decoration: none; color: #fff; }

.objLink:link, .objLink:visited { color: #272F3D;  font-size: 11px; display: block; float: left; background: #333d4f; padding: 3px 0px; width: 12px; text-align: center; border-radius:2px; margin: 10px 0 0 4px;  color: #434e63;}
header.cx .objLink:link, header.cx  .objLink:visited { background: #54483c; color: #827160;  }
.objLink:hover { background: #434e63; color: #fff; text-decoration:none; }
.userSettings { float: right; overflow: hidden; text-align: right;     }

@media screen and (max-width: 1100px){
    .objLink:link, .objLink:visited {  display: none; }
    .settings4:link, .settings4:visited { display: none; }
}


@media screen and (max-width: 950px){
    header .cont { padding: 0 5px;  }
    .mobMenu:link, .mobMenu:visited { display: block; }
    .nav_v4 { position: absolute; background: #444e5e; z-index: 200;   }
    .nav_v4.default { display: none;  }
    .nav_v4 li { float: none;  border-top: 1px solid #272F3D; }
    .nav_v4 li:first-child { border-top: 0; }
    .nav_v4 li a.reg:link, .nav_v4 li a.reg:visited {  line-height: 32px;  width: 100px;  }
    .nav_v4 li a.more4:link, .nav_v4 li a.more4:visited {  top: 9px;   }
    .topUser:link, .topUser:visited { display: block; }
}


/* footer */
.ftr-list { list-style: none; overflow: hidden; width: 100%;  }
.ftr-list li.group { float: left; width: 16.6%; }
.ftr-list li h3 { color: #485B79; font-weight: normal; font-size: 15px; margin: 10px 0; }
.ftr-list li ul { list-style: none; font-size: 13px; margin-bottom: 20px; }
.ftr-list a:link, .ftr-list a:visited {   color: #fff; text-decoration: none; display: block; padding: 3px 0;  }
.ftr-list a:hover, .ftr-list a:active { text-decoration: underline; color: #D9FF28;  }
.ftr-list li ul li span { display: block; padding: 3px 0; color: #fff;  }

@media screen and (max-width: 600px){
    .footer { height: auto; padding-bottom: 20px; }
    .ftr-list li h3 { margin: 4px 0;  }
    .ftr-list li.group { width: 46%; margin-left: 4%;   }
    .ftr-list li.group:nth-child(odd) { text-align: right; clear: both; margin-left: 0%; margin-right: 4%;  }
    .header { display: none;  }
}

.ui-autocomplete {
    z-index: 99999999 !important;
}

.page-content { width: calc(100% - 220px); float: left;   }
.page-content.wideNav { width: calc(100% - 360px); }
.page-content[data-no_menu="1"] { width: 100%;  }
.page-content p { font-size: 14px; text-align: justify; }
.page-nav { width: 200px; float: right;  }
.page-nav.wideNav { width: 340px;  }

.page-title { margin: 8px 0;     }
.page-title .main, .page-title .sub { overflow: hidden;    }
.page-title .main span, .page-title .main h1, .page-title .main font {  float: left; font-size: 25px; font-weight: bold; letter-spacing: -1px; margin-right: 7px;  }
.page-title .main span { margin-right: 20px;   }
.page-title .main span.center { margin: 0 20px;  }
.page-title span.flag.w24 { display: none;  }
.page-title .sub span  {  float: left; font-size: 21px; font-weight: bold; letter-spacing: -0px; margin-right: 15px; }
.page-title .sub span.fw400 { font-weight: 400;  }

.page-title .flag { float: left; font-size: 24px; }
@media screen and (max-width: 600px){
    .page-title .main span, .page-title .main h1 {  margin-right: 10px;  font-size: 18px; letter-spacing: -0.5px; }
    .page-title .sub span  {  font-size: 14px; margin-right: 5px; }
    .page-title span.flag.w32 { display: none;  }
    .page-title span.flag.w24 { display: block;  }
}

.menu-toggle { display: none;  }
.menu-toggle:link, .menu-toggle:visited { float: right; background: #4A9BE1; color: #fff; font-size: 11px; border-radius: 2px; padding: 6px 16px; margin-top: 5px;   }

.mobileMenuLink:link, .mobileMenuLink:visited { float: right;   background: #555; color: #fff; border-radius: 2px; padding: 4px 5px 5px; font-size: 12px; color: #bbb; }

.menu-tree { list-style: none;    }
.menu-tree.wideNav { columns: 2; }
.menu-tree li { margin-bottom: 15px;    }

.menu-tree li span { font-weight: 700; display: block; background: #CBDCF2; font-size: 12px; padding: 4px; border-radius: 2px; }
.menu-tree li ul { list-style: square; padding-left: 20px;   }
.menu-tree li ul li {  margin-bottom: 0;    }
.menu-tree li ul li[data-pro="1"] { color: orange; }
.menu-tree a:link, .menu-tree a:visited { display: block; padding: 0px; font-size: 12px; line-height: 19px;   }
.menu-tree.compact18 a { line-height:18px;  }
.menu-tree.compact17 a { line-height:17px;  }
.menu-tree li.cur a:link, .menu-tree li.cur a:visited { color: yellowgreen; text-decoration: underline;  }
.menu-tree li select { font-size: 12px; border: 1px solid #bbb; padding: 2px; margin-top: 4px; width: calc(100% - 30px); margin-left: 20px; }

.menu-tree .showPremiumCont { font-size: 10px; text-align: right; color: #999; opacity: 0.6;  }
.menu-tree  .showPremiumMenu:link, .menu-tree  .showPremiumMenu:visited { color: orange; display: inline-block; font-size:10px;    }

@media screen and (max-width: 600px){
    .page-content, .page-content.wideNav { width: 100%; font-size: 14px;  }
    .page-object { display: none;  }
    .page-object.default { display: block;  }
    .page-content h1 {  line-height: 35px; font-size: 23px;  }
    .page-nav, .page-nav.wideNav {  width: 100%;   }
    .page-nav.default { display: none; }
    .menu-tree li span { padding-left: 20px;   }
    .menu-tree li ul li { border-top: 1px dotted #ddd; }
    .menu-tree a:link, .menu-tree a:visited { padding: 4px; font-size: 16px;  }
    .menu-toggle { display: block; }
    .page-title .breakpoint { display: block; float: left;   }
    .page-title .arrow { display: none; }
    .main-title { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; max-width: 100%; display: block;   }
    .sub-pagetitle { font-size: 16px; display: block; letter-spacing: 0;  line-height: 14px; margin-bottom: 10px; margin-top: -4px;}
}


.page-topnav { display: block; width: 100%; margin-top: 3px; }
.page-topnav.floatTopNav { float: right; width: auto; }
.page-topnav ul { list-style: none; float: left;   }
.page-topnav ul li { float: left; position: relative; margin-right: 2px; }
.page-topnav ul li.more { display: none;  }
.page-topnav ul li a:link, .page-topnav ul li a:visited { display: block; text-transform: uppercase; color: #999; text-decoration: none; font-size: 13px; padding: 4px 7px; border-radius: 2px;  }
.page-topnav ul li a:hover { color: #000; background: #eee; }
.page-topnav ul li a.cur { border: 1px solid #bbb; padding: 3px 6px; }
.page-topnav ul li ul {  display: none; border: 1px solid #333; border-radius: 3px;  }
.page-topnav ul li.more ul { margin-left: -100px;  }
.page-topnav ul li ul li { margin: 0; }
.page-topnav ul li:hover ul { display: block; position: absolute; z-index: 999999999999; background: #fff;  }
.page-topnav ul li ul li a:link, .page-topnav ul li ul li a:visited { color: #333; font-size: 12px;   display: block; width: 190px;  }

.pageSelectNav { float: right; margin-top: 2px; overflow: hidden;   }
.pageSelectNav a:link, .pageSelectNav a:visited, .pageSelectNav a {  font-size: 14px; display: block; float: left; padding: 0px 8px; line-height: 23px;  border-radius: 2px; text-align: center; color: #666; }
.pageSelectNav a { color: #ccc; }
.pageSelectNav a:hover {  background: #1B9BE0; text-decoration: none; color: #fff; }
.pageSelectNav div {  float: left;  }
.pageSelectNav select { font-size: 14px; padding: 2px; width: 100%; color: #555; margin: 0 2px; }



@media screen and (max-width: 600px){
    .pageDDnavCont { display: flex; }
    .pageSelectNav div { position: relative; }
    .pageSelectNav select {   transform: scale(0.75); position: relative; font-size: 16px;  left: -12.5%; width: 125%; }
    .pageSelectNav a:link, .pageSelectNav a:visited { display: none; }
    .page-topnav ul li a:link, .page-topnav ul li a:visited {  letter-spacing: -1px; }
}

.top-cont { min-height: 250px; margin: 10px 0; text-align: center;}

/* general */
.red { color: #ec3838; }   /* Vorig rood: E01B6A */
.blue { color: #1B9BE0; }
.green { color: #5dcc4e;   }

.uppercase { text-transform: uppercase;  }
.linethrough { text-decoration: line-through; }
.not-active {  pointer-events: none;   cursor: default;  }

.text-regular { font-size: 14px;  }
.text-regular h4 { font-size: 14px;  }

.notify { padding: 6px; border-radius: 4px; font-size: 14px; margin-bottom: 3px; }
.notify.error { background: #eee; color: crimson;  }
.notify.succes { background: #eee; color: yellowgreen;  }

.status-square { display: inline-block; width: 8px; height: 8px;  }

.delta-down {   color: #e00; }
.delta-up {   color: #6DB84F; }
.delta-equal {    color: #000;     }

.clr555 { color: #555;  }
.clr999 { color: #999;   }

.ar { text-align: right;  }
.ac { text-align: center;  }
.al { text-align: left;  }
.bold { font-weight: bold; }
.pr5 { padding-right: 5px;  } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; }

.noAccess { overflow: hidden; height: 150px; opacity: 0.3; border: 1px solid #ff4d4d; border-radius: 3px; padding: 5px;  }

.section1 h3 { border-bottom: 1px solid #ccc; padding: 5px 0; margin-bottom: 5px;  }
.premiumlabel { border: 1px solid orange; border-radius: 2px; font-size: 10px; color: orange; display: inline-block; line-height: 10px; padding: 1px 5px 3px; }
.premiumlabel2 { background: #f5cf8e; color: #fff; font-size: 10px; border-radius: 2px; padding: 0px 2px 2px; margin-top: 4px;  }
a.premiumLink:link, a.premiumLink:visited {  color: #f5cf8e; text-decoration: none; }
a.premiumLink:hover { color: orange;  }

a.upgrade-to-pro:link, a.upgrade-to-pro:visited {  border: 1px solid #e72e2e; border-radius: 5px; padding: 15px; max-width: 250px; text-align: center; display: block; font-size: 16px; }
a.upgrade-to-pro:hover { text-decoration:none; background: #fca3a3; color: #fff;  }


.fs10 { font-size: 10px;  } .fs11 { font-size: 11px;  } .fs12 { font-size: 12px;  } .fs13 { font-size: 13px;  } .fs14 { font-size: 14px;  } .fs15 { font-size: 15px;  } .fs16 { font-size: 16px;  } .fs17 { font-size: 17px;  }
.fs18 { font-size: 18px;  } .fs19 { font-size: 19px;  } .fs20 { font-size: 20px;  } .fw700 { font-weight: 700;  }
@media screen and (max-width: 600px){
    .mob_fs16 { font-size: 16px;  }
}

a.goto2:link, a.goto2:visited {  color: #777; border-radius: 2px; padding: 5px 16px; display: inline-block; margin: 2px 0; border: 1px solid #aaa; }
a.goto2:hover  { color: #000; text-decoration: none; background: #eee; }

a.goto3:link, a.goto3:visited { display: inline-block; border: 1px solid #1B9BE0; border-radius: 3px; padding: 3px 8px; font-size: 11px; color: #1B9BE0;}
a.goto3:hover, a.goto3:active { background: #dfeff7;  text-decoration: none;}

a.red:link, a.red:visited { color: #FA4343; }

.sortColumn:link, .sortColumn:visited {  }
.sortColumn:hover { text-decoration: none; color: #6a9600; }
.sortColumn span { letter-spacing: -3px; font-size: 10px;  }

.mob-more-button { display: none;  }
.mob-more-button:link, .mob-more-button:visited {  background: #d1dcf0; font-size: 14px; border-radius: 3px; line-height: 24px; text-align: center; color: #777; }
@media screen and (max-width: 600px){ .mob-more-button { display: block;  }  }



.w1{width:1%;} .w2{width:2%;} .w3{width:3%;} .w4{width:4%;} .w5{width:5%;} .w6{width:6%;} .w7{width:7%;} .w8{width:8%;} .w9{width:9%;} .w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;}
.w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;} .w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;}
.w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;} .w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;}
.w38{width:38%;} .w39{width:39%;} .w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;}
.w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;} .w60{width:60%;} .w61{width:61%;}
.w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;} .w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;}
.w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;} .w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;}
.w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;} .w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;}
.w98{width:98%;} .w99{width:99%;} .w100{width:100%;}


.h1{height:1px;} .h2{height:2px;} .h3{height:3px;} .h4{height:4px;} .h5{height:5px;} .h6{height:6px;} .h7{height:7px;} .h8{height:8px;} .h9{height:9px;} .h10{height:10px;} .h11{height:11px;} .h12{height:12px;} .h13{height:13px;}
.h14{height:14px;} .h15{height:15px;} .h16{height:16px;} .h17{height:17px;} .h18{height:18px;} .h19{height:19px;} .h20{height:20px;} .h21{height:21px;} .h22{height:22px;} .h23{height:23px;} .h24{height:24px;} .h25{height:25px;}
.h26{height:26px;} .h27{height:27px;} .h28{height:28px;} .h29{height:29px;} .h30{height:30px;} .h31{height:31px;} .h32{height:32px;} .h33{height:33px;} .h34{height:34px;} .h35{height:35px;} .h36{height:36px;} .h37{height:37px;}
.h38{height:38px;} .h39{height:39px;} .h40{height:40px;} .h41{height:41px;} .h42{height:42px;} .h43{height:43px;} .h44{height:44px;} .h45{height:45px;} .h46{height:46px;} .h47{height:47px;} .h48{height:48px;} .h49{height:49px;}
.h50{height:50px;} .h51{height:51px;} .h52{height:52px;} .h53{height:53px;} .h54{height:54px;} .h55{height:55px;} .h56{height:56px;} .h57{height:57px;} .h58{height:58px;} .h59{height:59px;} .h60{height:60px;} .h61{height:61px;}
.h62{height:62px;} .h63{height:63px;} .h64{height:64px;} .h65{height:65px;} .h66{height:66px;} .h67{height:67px;} .h68{height:68px;} .h69{height:69px;} .h70{height:70px;} .h71{height:71px;} .h72{height:72px;} .h73{height:73px;}
.h74{height:74px;} .h75{height:75px;} .h76{height:76px;} .h77{height:77px;} .h78{height:78px;} .h79{height:79px;} .h80{height:80px;} .h81{height:81px;} .h82{height:82px;} .h83{height:83px;} .h84{height:84px;} .h85{height:85px;}
.h86{height:86px;} .h87{height:87px;} .h88{height:88px;} .h89{height:89px;} .h90{height:90px;} .h91{height:91px;} .h92{height:92px;} .h93{height:93px;} .h94{height:94px;} .h95{height:95px;} .h96{height:96px;} .h97{height:97px;}
.h98{height:98px;} .h99{height:99px;} .h100{height:100px;}


.mt5 { margin-top: 5px;  } .mt10 { margin-top: 10px;  } .mt15 { margin-top: 15px;  }  .mt20 { margin-top: 20px;  } .mt30 { margin-top: 30px;  } .mt40 { margin-top: 40px;  } .mt50 { margin-top: 50px;  }
.mt60 { margin-top: 60px;  } .mt70 { margin-top: 70px;  } .mt80 { margin-top: 80px;  } .mt90 { margin-top: 90px;  } .mt100 { margin-top: 100px;  } .mt150 { margin-top: 150px;  } .mt200 { margin-top: 200px;  }

.mr5 { margin-right: 5px;  } .mr10 { margin-right: 10px;  } .mr15 { margin-right: 15px;  }  .mr20 { margin-right: 20px;  } .mr30 { margin-right: 30px;  } .mr40 { margin-right: 40px;  } .mr50 { margin-right: 50px;  }
.mr60 { margin-right: 60px;  } .mr70 { margin-right: 70px;  } .mr80 { margin-right: 80px;  } .mr90 { margin-right: 90px;  } .mr100 { margin-right: 100px;  } .mr150 { margin-right: 150px;  } .mr200 { margin-right: 200px;  }

.mb5 { margin-bottom: 5px;  } .mb10 { margin-bottom: 10px;  } .mb15 { margin-bottom: 15px;  }  .mb20 { margin-bottom: 20px;  } .mb30 { margin-bottom: 30px;  } .mb40 { margin-bottom: 40px;  } .mb50 { margin-bottom: 50px;  }
.mb60 { margin-bottom: 60px;  } .mb70 { margin-bottom: 70px;  } .mb80 { margin-bottom: 80px;  } .mb90 { margin-bottom: 90px;  } .mb100 { margin-bottom: 100px;  } .mb150 { margin-bottom: 150px;  } .mb200 { margin-bottom: 200px;  }


.maxw30 { max-width: 30px;  } .maxw40 { max-width: 40px;  } .maxw50 { max-width: 50px;  } .maxw60 { max-width: 60px;  } .maxw70 { max-width: 70px;  } .maxw80 { max-width: 80px;  } .maxw90 { max-width: 90px;  }
.maxw100 { max-width: 100px;  } .maxw110 { max-width: 110px;  } .maxw120 { max-width: 120px;  } .maxw130 { max-width: 130px;  } .maxw140 { max-width: 140px;  } .maxw150 { max-width: 150px;  }
.maxw160 { max-width: 160px;  } .maxw170 { max-width: 170px;  }.maxw180 { max-width: 180px;  }.maxw190 { max-width: 190px;  }.maxw200 { max-width: 200px;  } .maxw210 { max-width: 210px;  } .maxw220 { max-width: 220px;  }
.maxw230 { max-width: 230px;  } .maxw240 { max-width: 240px;  } .maxw250 { max-width: 250px;  } .maxw260 { max-width: 260px;  } .maxw270 { max-width: 270px;  } .maxw280 { max-width: 280px;  } .maxw290 { max-width: 290px;  }
.maxw300 { max-width: 300px;  } .maxw400 { max-width: 400px;  } .maxw500 { max-width: 500px;  }  .maxw550 { max-width: 550px;  }.maxw600 { max-width: 600px;  } .maxw700 { max-width: 700px;  }
.maxw800 { max-width: 800px;  } .maxw900 { max-width: 900px;  } .maxw1000 { max-width: 1000px;  } .maxw1100 { max-width: 1100px;  } .maxw1200 { max-width: 1200px;  }


.mg_rp5 { margin-right: 5px;  }  .mg_rp10 { margin-right: 10px;  } .mg_rp20 { margin-right: 20px;  }
.mg_r05 { margin-right: 0.5%;  } .mg_r1 { margin-right: 1%;  } .mg_r2 { margin-right: 2%;  } .mg_r3 { margin-right: 3%;  } .mg_r4 { margin-right: 4%;  } .mg_r5 { margin-right: 5%;  }
.mg_center { margin: 0 auto; }
@media screen and (max-width: 600px){
    .mb_w1{width:1%;} .mb_w2{width:2%;} .mb_w3{width:3%;} .mb_w4{width:4%;} .mb_w5{width:5%;} .mb_w6{width:6%;} .mb_w7{width:7%;} .mb_w8{width:8%;} .mb_w9{width:9%;} .mb_w10{width:10%;} .mb_w11{width:11%;}
    .mb_w12{width:12%;} .mb_w13{width:13%;} .mb_w14{width:14%;} .mb_w15{width:15%;} .mb_w16{width:16%;} .mb_w17{width:17%;} .mb_w18{width:18%;} .mb_w19{width:19%;} .mb_w20{width:20%;} .mb_w21{width:21%;}
    .mb_w22{width:22%;} .mb_w23{width:23%;} .mb_w24{width:24%;} .mb_w25{width:25%;} .mb_w26{width:26%;} .mb_w27{width:27%;} .mb_w28{width:28%;} .mb_w29{width:29%;} .mb_w30{width:30%;} .mb_w31{width:31%;}
    .mb_w32{width:32%;} .mb_w33{width:33%;} .mb_w34{width:34%;} .mb_w35{width:35%;} .mb_w36{width:36%;} .mb_w37{width:37%;} .mb_w38{width:38%;} .mb_w39{width:39%;} .mb_w40{width:40%;} .mb_w41{width:41%;}
    .mb_w42{width:42%;} .mb_w43{width:43%;} .mb_w44{width:44%;} .mb_w45{width:45%;} .mb_w46{width:46%;} .mb_w47{width:47%;} .mb_w48{width:48%;} .mb_w49{width:49%;} .mb_w50{width:50%;} .mb_w51{width:51%;}
    .mb_w52{width:52%;} .mb_w53{width:53%;} .mb_w54{width:54%;} .mb_w55{width:55%;} .mb_w56{width:56%;} .mb_w57{width:57%;} .mb_w58{width:58%;} .mb_w59{width:59%;} .mb_w60{width:60%;} .mb_w61{width:61%;}
    .mb_w62{width:62%;} .mb_w63{width:63%;} .mb_w64{width:64%;} .mb_w65{width:65%;} .mb_w66{width:66%;} .mb_w67{width:67%;} .mb_w68{width:68%;} .mb_w69{width:69%;} .mb_w70{width:70%;} .mb_w71{width:71%;}
    .mb_w72{width:72%;} .mb_w73{width:73%;} .mb_w74{width:74%;} .mb_w75{width:75%;} .mb_w76{width:76%;} .mb_w77{width:77%;} .mb_w78{width:78%;} .mb_w79{width:79%;} .mb_w80{width:80%;} .mb_w81{width:81%;}
    .mb_w82{width:82%;} .mb_w83{width:83%;} .mb_w84{width:84%;} .mb_w85{width:85%;} .mb_w86{width:86%;} .mb_w87{width:87%;} .mb_w88{width:88%;} .mb_w89{width:89%;} .mb_w90{width:90%;} .mb_w91{width:91%;}
    .mb_w92{width:92%;} .mb_w93{width:93%;} .mb_w94{width:94%;} .mb_w95{width:95%;} .mb_w96{width:96%;} .mb_w97{width:97%;} .mb_w98{width:98%;} .mb_w99{width:99%;} .mb_w100{width:100%;}
    .mb_mt5 { margin-top: 5px;  } .mb_mt10 { margin-top: 10px;  }  .mb_mt15 { margin-top: 15px;  }.mb_mt20 { margin-top: 20px;  }.mb_mt25 { margin-top: 25px;  }.mb_mt30 { margin-top: 30px;  }.mb_mt40 { margin-top: 40px;  }
    .mg_r1, .mg_r2 { margin: 0;  }
}

@media screen and (max-width: 300px){    th.cu300,  td.cu300, div.cu300 { display: none; }   div.cs300 { display: block;  } th.cs300,  td.cs300 { display: table-cell; }  }
@media screen and (max-width: 350px){    th.cu350,  td.cu350, div.cu350 { display: none; }   div.cs350 { display: block;  } th.cs350,  td.cs350 { display: table-cell; } }
@media screen and (max-width: 400px){    th.cu400,  td.cu400, div.cu400 { display: none; }   div.cs400 { display: block;  } th.cs400,  td.cs400 { display: table-cell; } }
@media screen and (max-width: 450px){    th.cu450,  td.cu450, div.cu450 { display: none; }   div.cs450 { display: block;  } th.cs450,  td.cs450 { display: table-cell; }  }
@media screen and (max-width: 500px){    th.cu500,  td.cu500, div.cu500 { display: none; }   div.cs500 { display: block;  } th.cs500,  td.cs500 { display: table-cell; }  }
@media screen and (max-width: 550px){    th.cu550,  td.cu550, div.cu550 { display: none; }   div.cs550 { display: block;  } th.cs550,  td.cs550 { display: table-cell; } }
@media screen and (max-width: 600px){    th.cu600,  td.cu600, div.cu600 { display: none; }   div.cs600 { display: block;  } th.cs600,  td.cs600 { display: table-cell; } }
@media screen and (max-width: 650px){    th.cu650,  td.cu650, div.cu650 { display: none; }   div.cs650 { display: block;  } th.cs650,  td.cs650 { display: table-cell; }  }

@media screen and (max-width: 600px){
    .moblist[data-shortnr="1"] li.main:nth-child(n+2), .moblist1 tr:nth-child(n+2) {  display: none;   }
    .moblist[data-shortnr="2"] li.main:nth-child(n+3), .moblist2 tr:nth-child(n+3){  display: none;   }
    .moblist[data-shortnr="3"] li.main:nth-child(n+4), .moblist3 tr:nth-child(n+4){  display: none;   }
    .moblist[data-shortnr="4"] li.main:nth-child(n+5), .moblist4 tr:nth-child(n+5){  display: none;  }
    .moblist[data-shortnr="5"] li.main:nth-child(n+6), .moblist5 tr:nth-child(n+6){  display: none;  }
    .moblist[data-shortnr="6"] li.main:nth-child(n+7), .moblist6 tr:nth-child(n+7){  display: none;  }
    .moblist[data-shortnr="7"] li.main:nth-child(n+8), .moblist7 tr:nth-child(n+8){  display: none;  }
    .moblist[data-shortnr="8"] li.main:nth-child(n+9), .moblist8 tr:nth-child(n+9){  display: none;  }
    .moblist[data-shortnr="9"] li.main:nth-child(n+10), .moblist9 tr:nth-child(n+10){  display: none;  }
    .moblist[data-shortnr="10"] li.main:nth-child(n+11), .moblist10 tr:nth-child(n+11){  display: none;  }
    .moblist[data-shortnr="11"] li.main:nth-child(n+12), .moblist11 tr:nth-child(n+12){  display: none;  }
    .moblist[data-shortnr="12"] li.main:nth-child(n+13), .moblist12 tr:nth-child(n+13){  display: none;  }
    .moblist[data-shortnr="13"] li.main:nth-child(n+14), .moblist13 tr:nth-child(n+14){  display: none;  }
}

/* Basic table */
.tableCont {   }
.basic { border-collapse: collapse;  width: 100%;  }
.basic th { text-align: left; border-bottom: 1px solid #D4D4D4; vertical-align: bottom;   color: #000;  padding: 2px; font-weight: bold; font-size: 12px;   } /* 85AEE0  BED156 */
.basic th.ar { text-align: right; }
.basic th.ac { text-align: center; }
.basic.small th {  font-size: 11px; }

.basic td a span { text-transform: uppercase; }
.basic td a.stripped { text-decoration: line-through; }
.basic td { border-right: 1px solid #fff;  border-bottom: 1px solid #eee; padding: 4px 2px;     }  /* blue: A7C9D4 */
.basic td.pad1 { padding: 1px 2px;  }
.basic td.invisible { visibility: hidden  }
.basic tr.sum td.invisible { visibility: visible;  }
.basic td.font11 { font-size: 11px; }
.basic td.font10 { font-size: 10px; }
.basic td.pr10 { padding-right: 10px; } .basic td.pr5 { padding-right: 5px; }
.basic.small td { font: 11px tahoma, arial; padding: 3px 1px; }
.basic.padding_small td { padding: 3px;  }
.basic.shorten td {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.basic tr:hover { background: #f7f7ff; }
.basic tr.sum td { border-top: 3px double #bbb; border-bottom: 0; background: #fff; font-weight: bold; }
.basic.sum tr:last-child td { border-top: 3px double #bbb; border-bottom: 0; background: #fff; font-weight: bold; }

.basic tr.highlight td, .basic tr.highlight td a:link, .basic tr.highlight td a:visited  {  color: #5DAB22;   text-decoration: underline; }
.basic tr.highlight2 td, .basic tr.highlight2 td a:link, .basic tr.highlight2 td a:visited  {  background: #D0E3A8;  }
.basic tr.highlight_red1 td  {  background: repeating-linear-gradient(  -45deg,  #ffe8e8,  #ffe8e8 10px,  #ffd1d1 10px,  #ffd1d1 20px); border-top: 1px solid #fff; }

.basic a.more:link, .basic a.more:visited {    display: inline-block; width: 14px; height: 14px; position: relative;  }
.basic a.more div { display: none; position: absolute;  border: 1px solid #ddd; padding: 5px; background: #fff; left: 0px; width: 100px; z-index: 40; }
.basic a.more div a { display: none;position: absolute;  }
.basic a.more:hover div { display: block; }

.basic tr.striked td { text-decoration: line-through; }

.basic a.red:link, .basic a.red:visited { color: #FA4343; }
.basic a.red:hover, .basic a.red:hover { color: #D62D2D; }
.basic.v2 td {   border-bottom: 1px dashed #ccc;     }
.basic.v3 td {   border-bottom: 1px dashed #ccc;  font-size: 11px; padding: 2px;   }
.basic.v3 th {   font-size: 10px; text-transform: uppercase; font-weight: normal; color: #999;   }
.basic.v3 tr:hover { background: #eee; }

.basic td.blue a:link, .basic td.blue a:visited { color: #1B9BE0; }
.basic td.darkblue a:link, .basic td.darkblue a:visited { color: #2784b8; }
.basic td.green a:link, .basic td.green a:visited { color: #5dcc4e; }

.barToRight div.barCont div.left { float: right;  }
.barToRight div.barCont span {  float: right; margin-right: 5px;  }

.barCont div.vTitle { color: #999; font-size: 10px; position: absolute; right: -2px; width: 0;   }
.barToRight div.vTitle {  position: absolute; left: -30px; width: 27px;  text-align: right;  }



.ellipsis { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.striked { text-decoration: line-through;   }
.nr_minutes { display: inline-block; background: #b0e317; color: #333; border-radius: 3px; padding: 1px 8px;   }

.list { list-style: none;     }
.list.circle { list-style: disc; padding-left: 20px; }
.list.circle.horizontal li { margin-right: 40px;  }
.list.horizontal { overflow: hidden; }
.list li { overflow: hidden;    }
.list.lh16 li { height: 16px; } .list.lh18 li { height: 18px;  } .list.lh20 li { height: 20px;  }
.list.circle li { overflow: visible; }
.list.flex li  { display: flex; overflow: initial; }
.list.pad4 li { padding: 4px 0; }
.list.pad02 li { padding: 0px 2px; }
.list.horizontal li { float: left;  }
.list li div { float: left;   }
.list li div.right { float: right;  }
.list.pad2 li div { padding: 2px;  }
.list.lines li {  border-bottom: 1px solid #eee; }
.list.dashed li {  border-top: 1px dashed #ccc; }
.list.dotted li {  border-top: 1px dotted #ccc; }
.list.dashed li:first-child, .list.dotted li:first-child { border-top: 0;  }
.list li div.ellipsis { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;   }
.list.bluelink a:link, .list.bluelink a:visited { color: #1B9BE0; text-decoration: none;  }
.list.bluelink a:hover, .list.bluelink a:active { text-decoration: underline;  }
.list.borderlink a:link, .list.borderlink a:visited { border: 1px solid #bbb; border-radius: 2px; display:  inline-block;  }



.wraplist { display: flex; flex-wrap: wrap; }
.wraplist li { margin: 0 1px 1px 0;   }

.columns2 { column-count: 2; } .columns3 { column-count: 3; } .columns4 { column-count: 4; } .columns5 { column-count: 5; } .columns6 { column-count: 6; } .columns7 { column-count: 7; } .columns8 { column-count: 8; }
.columns9 { column-count: 9; }
@media screen and (max-width: 600px){
    .mob_columns1 {column-count: 1; }
    .list li div.mb_right { float: right;  }
    .list2 li { display:  inherit;  }
    .basic th.hideContentOnMobile { content-visibility: hidden; }
}

.infolist { list-style: none; }
.infolist li { overflow: hidden; line-height: 16px; }
.infolist li div { float: left; }
.infolist li div:first-child { font-weight: bold; margin-right: 5px;   }

.kpi { list-style: none; overflow: hidden;}
.kpi li { float: left;  margin-right: 25px; }
.kpi li div:nth-child(1) { font-size: 11px; text-transform: uppercase; color: #bbb; }
.kpi li div:nth-child(2) {  font-weight: bold; font-size: 21px; letter-spacing: -1px; }

.aform li { overflow: hidden; border-top: 1px solid #ddd; padding: 3px 0; }
.aform div { float: left;  }
.aform div.title { width: 140px; text-align: right; padding-right: 10px;   }
.aform div.input { width: calc(100% - 150px);   }
@media screen and (max-width: 600px){
    .aform div { float: none;  }
    .aform div.title { text-align: left;width: 100%;  }
    .aform div.input { width: 95%; }
    .aform div.input input, .aform div.input select , .aform div.input textarea { font-size: 16px;  }
}

.tbl14_v1 { font-size: 14px; border-collapse: collapse; width: 100%; }
.tbl14_v1 th { text-align: left; padding: 3px 1px; font-size: 12px; }
.tbl14_v1 td { border-top: 1px solid #ddd; padding: 3px 1px; }


.photolist { list-style: none; width: 100%;   }
.photolist li { overflow: hidden; padding: 3px 0; border-top: 1px dashed #ccc;   }
.photolist li div { float: right; width: calc(100% - 110px);  }
.photolist li div:first-child { width: 100px; float: left; margin-right: 10px;  }


/* stats-snippet */
.stats-snippet a:link, .stats-snippet a:visited { color: #ad4337; }
.stats-snippet a:hover {  }

.stats-snippet .followup { list-style:none; display: flex; font-size: 12px; margin-top: 8px; }
.stats-snippet .followup li { margin-right: 20px; }
.stats-snippet .followup li a:link, .stats-snippet .followup li a:visited { color: #63afe6; color: #5d966d; }

.hp-table { border-collapse: collapse; width: 100%;  }
.hp-table th { font-size: 10px; text-align:left; color: #999; background: #eee; border-right: 1px solid #fff; color: #555; padding: 2px 1px; font-weight: normal; text-transform:uppercase; }
.hp-table td { border-top: 1px solid #eee;  padding: 2px 0;   }
.hp-table td a:link, .hp-table td a:visited { color: #333; }
.hp-table td a:hover { color: yellowgreen;  text-decoration:none; }

.hp-last-updates-cont { overflow: hidden; }
.hp-last-updates { list-style: none; width: 4000px;  text-transform: uppercase; font-size: 11px; padding: 6px 0;  }
.hp-last-updates li { display: inline-block;   margin-right: 10px;  }
.hp-last-updates li font { display: inline-block; background: #d5e844; color: #5d870c; font-size: 10px; border-radius: 2px; padding: 1px 3px; }
.hp-last-updates li a:link, .hp-last-updates li a:visited { color: #777;  }
.hp-last-updates li a:hover { color: #1B9BE0; text-decoration:underline;  }
.hp-last-updates li .short { display:none;  }
@media screen and (max-width: 600px){
    .hp-last-updates li .long { display:none;  }
    .hp-last-updates li .short { display:inline-block;  }
    .hp-last-updates li { margin-right:  4px; }
}

/* filter */
.filter { list-style: none; overflow: hidden; margin-top: 5px; }
.filter li {   overflow: hidden; margin-bottom: 3px; }
.filter.horizontal li { float:left;  }
.filter li div { float: left;  }
.filter li div.label { text-align: right; width: 150px; padding: 2px; font-weight: bold; }
.filter li div.input { width: calc(100% - 154px); }
.filter.horizontal li div.label { text-align:left; width: auto;   padding: 4px; }
.filter li input[type="text"] { width: 150px;  margin-right: 3px; }
.filter li select { width: 158px; padding: 1px; margin-right: 3px;  }
.filter li select.selectOperator{ width: 60px;  }
.filter li input[type="submit"] { padding: 3px 16px; }
input[name="filter"] { margin-left: 154px;  padding: 2px 12px;   color: #333; }
.filter.horizontal input[name="filter"] { margin: 0; }
.filter.horizontal input, .filter.horizontal select { padding: 3px; }
@media screen and (max-width: 600px){
    .filter li div.label {  width: 110px; font-size: 11px; }
    .filter li div.input { width: calc(100% - 114px); }
    input[name="filter"] { margin-left: 114px;  }
    .filter li div span.suggestions { font-size: 11px; display: block; }
}


/* Flags */
.flag { display: inline-block; margin: 0 3px -2px 0; }
.flag { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_16_16_0_15.png);   width:16px;   height:14px;  }
.flag.w24 { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_24_24_0_13.png);   width:24px;   height:22px;  }
.flag.w32 { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_32_32_0_13.png);   width:32px;   height:28px;  }
.flag.w48 { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_48_48_0_13.png);   width:48px;   height:42px;  }
.flag.w12 { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_16_12_0_13.png);   width:12px;   height:11px; margin: 0 3px -1px 0; }
.flag.c12 { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_circle_12_0_26.png);   width:12px;   height:12px;  }
.flag.c16 { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_circle_16_0_18.png);   width:16px;   height:16px;  }
.flag.c24 { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_circle_24_0_17.png);   width:24px;   height:24px;  }
.flag.c32 { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_circle_32_0_18.png);   width:32px;   height:32px;  }
.flag.c48 { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_circle_48_0_18.png);   width:48px;   height:48px;  }

@media screen and (max-width: 600px){
    .flag { background: url(https://www.procyclingstats.com/images//flag_sprites/flag_48_48_1_18.png);  background-size: 480px;  }
}
.flag.rf{background-position:-48px -0px; } .flag.it{background-position:-96px -0px; } .flag.nl{background-position:-144px -0px; } .flag.be{background-position:-192px -0px; } .flag.es{background-position:-240px -0px; }
.flag.fr{background-position:-288px -0px; } .flag.gb{background-position:-336px -0px; } .flag.co{background-position:-384px -0px; } .flag.dk{background-position:-432px -0px; } .flag.au{background-position:-0px -48px; }
.flag.de{background-position:-48px -48px; } .flag.si{background-position:-96px -48px; } .flag.no{background-position:-144px -48px; } .flag.pl{background-position:-192px -48px; } .flag.sk{background-position:-240px -48px; }
.flag.us{background-position:-288px -48px; } .flag.ie{background-position:-336px -48px; } .flag.ru{background-position:-384px -48px; } .flag.ch{background-position:-432px -48px; } .flag.at{background-position:-0px -96px; }
.flag.pt{background-position:-48px -96px; } .flag.cz{background-position:-96px -96px; } .flag.nz{background-position:-144px -96px; } .flag.lu{background-position:-192px -96px; } .flag.ca{background-position:-240px -96px; }
.flag.za{background-position:-288px -96px; } .flag.kz{background-position:-336px -96px; } .flag.ee{background-position:-384px -96px; } .flag.ec{background-position:-432px -96px; } .flag.by{background-position:-0px -144px; }
.flag.lv{background-position:-48px -144px; } .flag.ua{background-position:-96px -144px; } .flag.er{background-position:-144px -144px; } .flag.ar{background-position:-192px -144px; } .flag.jp{background-position:-240px -144px; }
.flag.ro{background-position:-288px -144px; } .flag.ve{background-position:-336px -144px; } .flag.cr{background-position:-384px -144px; } .flag.hr{background-position:-432px -144px; } .flag.rw{background-position:-0px -192px; }
.flag.ir{background-position:-48px -192px; } .flag.dz{background-position:-96px -192px; } .flag.tr{background-position:-144px -192px; } .flag.lt{background-position:-192px -192px; } .flag.se{background-position:-240px -192px; }
.flag.hk{background-position:-288px -192px; } .flag.mx{background-position:-336px -192px; } .flag.ma{background-position:-384px -192px; } .flag.br{background-position:-432px -192px; } .flag.my{background-position:-0px -240px; }
.flag.id{background-position:-48px -240px; } .flag.md{background-position:-96px -240px; } .flag.et{background-position:-144px -240px; } .flag.kr{background-position:-192px -240px; } .flag.th{background-position:-240px -240px; }
.flag.gt{background-position:-288px -240px; } .flag.gr{background-position:-336px -240px; } .flag.rs{background-position:-384px -240px; } .flag.bg{background-position:-432px -240px; } .flag.cn{background-position:-0px -288px; }
.flag.az{background-position:-48px -288px; } .flag.ae{background-position:-96px -288px; } .flag.uy{background-position:-144px -288px; } .flag.al{background-position:-192px -288px; } .flag.cu{background-position:-240px -288px; }
.flag.mn{background-position:-288px -288px; } .flag.la{background-position:-336px -288px; } .flag.ke{background-position:-384px -288px; } .flag.hu{background-position:-432px -288px; } .flag.na{background-position:-0px -336px; }
.flag.sg{background-position:-48px -336px; } .flag.il{background-position:-96px -336px; } .flag.ph{background-position:-144px -336px; } .flag.mk{background-position:-192px -336px; } .flag.tn{background-position:-240px -336px; }
.flag.mu{background-position:-288px -336px; } .flag.fi{background-position:-336px -336px; } .flag.pa{background-position:-384px -336px; } .flag.in{background-position:-432px -336px; } .flag.bm{background-position:-0px -384px; }
.flag.lb{background-position:-48px -384px; } .flag.bz{background-position:-96px -384px; } .flag.cy{background-position:-144px -384px; } .flag.pr{background-position:-192px -384px; } .flag.kw{background-position:-240px -384px; }
.flag.xk{background-position:-288px -384px; } .flag.ge{background-position:-336px -384px; } .flag.cl{background-position:-384px -384px; } .flag.cm{background-position:-432px -384px; } .flag.do{background-position:-0px -432px; }
.flag.ci{background-position:-48px -432px; } .flag.me{background-position:-96px -432px; } .flag.bf{background-position:-144px -432px; } .flag.sv{background-position:-192px -432px; } .flag.tw{background-position:-240px -432px; }
.flag.sy{background-position:-288px -432px; } .flag.pk{background-position:-336px -432px; } .flag.cw{background-position:-384px -432px; } .flag.ao{background-position:-432px -432px; } .flag.uz{background-position:-0px -480px; }
.flag.bw{background-position:-48px -480px; } .flag.bv{background-position:-96px -480px; } .flag.pe{background-position:-144px -480px; } .flag.ck{background-position:-192px -480px; } .flag.gi{background-position:-240px -480px; }
.flag.lr{background-position:-288px -480px; } .flag.nr{background-position:-336px -480px; } .flag.vn{background-position:-384px -480px; } .flag.pw{background-position:-432px -480px; } .flag.xx{background-position:-0px -528px; }
.flag.sb{background-position:-48px -528px; } .flag.tc{background-position:-96px -528px; } .flag.gg{background-position:-144px -528px; } .flag.cd{background-position:-192px -528px; } .flag.cg{background-position:-240px -528px; }
.flag.ht{background-position:-288px -528px; } .flag.tm{background-position:-336px -528px; } .flag.ng{background-position:-384px -528px; } .flag.sz{background-position:-432px -528px; } .flag.cv{background-position:-0px -576px; }
.flag.fk{background-position:-48px -576px; } .flag.gw{background-position:-96px -576px; } .flag.tz{background-position:-144px -576px; } .flag.mh{background-position:-192px -576px; } .flag.nc{background-position:-240px -576px; }
.flag.zw{background-position:-288px -576px; } .flag.bo{background-position:-336px -576px; } .flag.pn{background-position:-384px -576px; } .flag.bn{background-position:-432px -576px; } .flag.sj{background-position:-0px -624px; }
.flag.am{background-position:-48px -624px; } .flag.eg{background-position:-96px -624px; } .flag.vu{background-position:-144px -624px; } .flag.mc{background-position:-192px -624px; } .flag.tl{background-position:-240px -624px; }
.flag.jo{background-position:-288px -624px; } .flag.li{background-position:-336px -624px; } .flag.sc{background-position:-384px -624px; } .flag.aq{background-position:-432px -624px; } .flag.cc{background-position:-0px -672px; }
.flag.sa{background-position:-48px -672px; } .flag.pf{background-position:-96px -672px; } .flag.sd{background-position:-144px -672px; } .flag.ki{background-position:-192px -672px; } .flag.fm{background-position:-240px -672px; }
.flag.nf{background-position:-288px -672px; } .flag.om{background-position:-336px -672px; } .flag.pm{background-position:-384px -672px; } .flag.mt{background-position:-432px -672px; } .flag.tk{background-position:-0px -720px; }
.flag.aw{background-position:-48px -720px; } .flag.cs{background-position:-96px -720px; } .flag.kn{background-position:-144px -720px; } .flag.gn{background-position:-192px -720px; } .flag.lc{background-position:-240px -720px; }
.flag.sr{background-position:-288px -720px; } .flag.ls{background-position:-336px -720px; } .flag.mw{background-position:-384px -720px; } .flag.io{background-position:-432px -720px; } .flag.qa{background-position:-0px -768px; }
.flag.dm{background-position:-48px -768px; } .flag.lk{background-position:-96px -768px; } .flag.gl{background-position:-144px -768px; } .flag.mg{background-position:-192px -768px; } .flag.af{background-position:-240px -768px; }
.flag.np{background-position:-288px -768px; } .flag.ye{background-position:-336px -768px; } .flag.bj{background-position:-384px -768px; } .flag.ps{background-position:-432px -768px; } .flag.so{background-position:-0px -816px; }
.flag.as{background-position:-48px -816px; } .flag.tv{background-position:-96px -816px; } .flag.bd{background-position:-144px -816px; } .flag.im{background-position:-192px -816px; } .flag.cf{background-position:-240px -816px; }
.flag.hn{background-position:-288px -816px; } .flag.vi{background-position:-336px -816px; } .flag.kh{background-position:-384px -816px; } .flag.dj{background-position:-432px -816px; } .flag.td{background-position:-0px -864px; }
.flag.fo{background-position:-48px -864px; } .flag.hm{background-position:-96px -864px; } .flag.tt{background-position:-144px -864px; } .flag.mq{background-position:-192px -864px; } .flag.ne{background-position:-240px -864px; }
.flag.re{background-position:-288px -864px; } .flag.tj{background-position:-336px -864px; } .flag.bh{background-position:-384px -864px; } .flag.wf{background-position:-432px -864px; } .flag.gh{background-position:-0px -912px; }
.flag.vc{background-position:-48px -912px; } .flag.mo{background-position:-96px -912px; } .flag.ni{background-position:-144px -912px; } .flag.bt{background-position:-192px -912px; } .flag.py{background-position:-240px -912px; }
.flag.km{background-position:-288px -912px; } .flag.sn{background-position:-336px -912px; } .flag.tf{background-position:-384px -912px; } .flag.kp{background-position:-432px -912px; } .flag.tg{background-position:-0px -960px; }
.flag.ms{background-position:-48px -960px; } .flag.mp{background-position:-96px -960px; } .flag.ws{background-position:-144px -960px; } .flag.ba{background-position:-192px -960px; } .flag.to{background-position:-240px -960px; }
.flag.bb{background-position:-288px -960px; } .flag.je{background-position:-336px -960px; } .flag.gy{background-position:-384px -960px; } .flag.ag{background-position:-432px -960px; } .flag.iq{background-position:-0px -1008px; }
.flag.gu{background-position:-48px -1008px; } .flag.is{background-position:-96px -1008px; } .flag.st{background-position:-144px -1008px; } .flag.vg{background-position:-192px -1008px; } .flag.gq{background-position:-240px -1008px; }
.flag.sl{background-position:-288px -1008px; } .flag.gp{background-position:-336px -1008px; } .flag.mv{background-position:-384px -1008px; } .flag.ug{background-position:-432px -1008px; } .flag.an{background-position:-0px -1056px; }
.flag.zm{background-position:-48px -1056px; } .flag.pg{background-position:-96px -1056px; } .flag.gs{background-position:-144px -1056px; } .flag.ad{background-position:-192px -1056px; } .flag.um{background-position:-240px -1056px; }
.flag.kg{background-position:-288px -1056px; } .flag.ga{background-position:-336px -1056px; } .flag.bi{background-position:-384px -1056px; } .flag.jm{background-position:-432px -1056px; } .flag.yu{background-position:-0px -1104px; }
.flag.ly{background-position:-48px -1104px; } .flag.ky{background-position:-96px -1104px; } .flag.ml{background-position:-144px -1104px; } .flag.mz{background-position:-192px -1104px; } .flag.ai{background-position:-240px -1104px; }
.flag.cx{background-position:-288px -1104px; } .flag.gf{background-position:-336px -1104px; } .flag.sm{background-position:-384px -1104px; } .flag.va{background-position:-432px -1104px; } .flag.yt{background-position:-0px -1152px; }
.flag.nu{background-position:-48px -1152px; } .flag.sh{background-position:-96px -1152px; } .flag.mr{background-position:-144px -1152px; } .flag.gm{background-position:-192px -1152px; } .flag.bs{background-position:-240px -1152px; }
.flag.eh{background-position:-288px -1152px; } .flag.gd{background-position:-336px -1152px; } .flag.mm{background-position:-384px -1152px; } .flag.fj{background-position:-432px -1152px; } .flag.sx{background-position:-0px -1200px; }
.flag.ss{background-position:-48px -1200px; } .flag.mf{background-position:-96px -1200px; }



.shirt, .icon { background: url(https://www.procyclingstats.com/images//sprite10.png) no-repeat 0 0; display: inline-block;   }
.shirt.st4 { background-position:-180px -0px; width: 18px; height: 16px; }
.shirt.st4.w16 { background-position:-180px -20px; width: 16px; height: 14px; }
.shirt.st4.w14 { background-position:-180px -40px; width: 14px; height: 12px; }
.shirt.st4.w12 { background-position:-180px -60px; width: 12px; height: 11px; }
.shirt.st5 { background-position:-200px -0px; width: 18px; height: 16px; }
.shirt.st5.w16 { background-position:-200px -20px; width: 16px; height: 14px; }
.shirt.st5.w14 { background-position:-200px -40px; width: 14px; height: 12px; }
.shirt.st5.w12 { background-position:-200px -60px; width: 12px; height: 11px; }
.shirt.st7 { background-position:-220px -0px; width: 18px; height: 16px; }
.shirt.st7.w16 { background-position:-220px -20px; width: 16px; height: 14px; }
.shirt.st7.w14 { background-position:-220px -40px; width: 14px; height: 12px; }
.shirt.st7.w12 { background-position:-220px -60px; width: 12px; height: 11px; }
.shirt.st6 { background-position:-240px -0px; width: 18px; height: 16px; }
.shirt.st6.w16 { background-position:-240px -20px; width: 16px; height: 14px; }
.shirt.st6.w14 { background-position:-240px -40px; width: 14px; height: 12px; }
.shirt.st6.w12 { background-position:-240px -60px; width: 12px; height: 11px; }
.shirt.st10 { background-position:-260px -0px; width: 18px; height: 16px; }
.shirt.st10.w16 { background-position:-260px -20px; width: 16px; height: 14px; }
.shirt.st10.w14 { background-position:-260px -40px; width: 14px; height: 12px; }
.shirt.st10.w12 { background-position:-260px -60px; width: 12px; height: 11px; }
.shirt.wc { background-position:-280px -0px; width: 18px; height: 16px; }
.shirt.wc.w16 { background-position:-280px -20px; width: 16px; height: 14px; }
.shirt.wc.w14 { background-position:-280px -40px; width: 14px; height: 12px; }
.shirt.wc.w12 { background-position:-280px -60px; width: 12px; height: 11px; }
.icon.tick { background-position:-98px -44px; width: 12px; height: 12px; }
.icon.tick2 { background: url(https://www.procyclingstats.com/images//icons/tick2.png) no-repeat 0 0; background-position:0px 0px; width: 12px; height: 12px; background-size: 12px; }

.icon.profile.p1 { background-position:-180px -90px; width: 14px; height: 14px; }
.icon.profile.p1.w12 { background-position:-180px -110px; width: 12px; height: 12px; }
.icon.profile.p1.w10 { background-position:-180px -130px; width: 10px; height: 10px; }
.icon.profile.p1.w8 { background-position:-180px -150px; width: 8px; height: 8px; }
.icon.profile.p2 { background-position:-200px -90px; width: 14px; height: 14px; }
.icon.profile.p2.w12 { background-position:-200px -110px; width: 12px; height: 12px; }
.icon.profile.p2.w10 { background-position:-200px -130px; width: 10px; height: 10px; }
.icon.profile.p2.w8 { background-position:-200px -150px; width: 8px; height: 8px; }
.icon.profile.p3 { background-position:-220px -90px; width: 14px; height: 14px; }
.icon.profile.p3.w12 { background-position:-220px -110px; width: 12px; height: 12px; }
.icon.profile.p3.w10 { background-position:-220px -130px; width: 10px; height: 10px; }
.icon.profile.p3.w8 { background-position:-220px -150px; width: 8px; height: 8px; }
.icon.profile.p4 { background-position:-260px -90px; width: 14px; height: 14px; }
.icon.profile.p4.w12 { background-position:-260px -110px; width: 12px; height: 12px; }
.icon.profile.p4.w10 { background-position:-260px -130px; width: 10px; height: 10px; }
.icon.profile.p4.w8 { background-position:-260px -150px; width: 8px; height: 8px; }
.icon.profile.p5 { background-position:-240px -90px; width: 14px; height: 14px; }
.icon.profile.p5.w12 { background-position:-240px -110px; width: 12px; height: 12px; }
.icon.profile.p5.w10 { background-position:-240px -130px; width: 10px; height: 10px; }
.icon.profile.p5.w8 { background-position:-240px -150px; width: 8px; height: 8px; }

.icon.restday { background-position:-180px -170px; width: 16px; height: 16px; }
.icon.restday.w14 { background-position:-200px -170px; width: 14px; height: 14px; }

.icon.facebook { background-position:-310px -0px; width: 16px; height: 16px; }
.icon.facebook.w14 { background-position:-330px -0px; width: 14px; height: 14px; }
.icon.facebook.w12 { background-position:-350px -0px; width: 12px; height: 12px; }
.icon.website { background-position:-310px -20px; width: 16px; height: 16px; }
.icon.website.w14 { background-position:-330px -20px; width: 14px; height: 14px; }
.icon.website.w12 { background-position:-350px -20px; width: 12px; height: 12px; }
.icon.instagram { background-position:-310px -40px; width: 16px; height: 16px; }
.icon.instagram.w14 { background-position:-330px -40px; width: 14px; height: 14px; }
.icon.instagram.w12 { background-position:-350px -40px; width: 12px; height: 12px; }
.icon.twitter { background-position:-310px -60px; width: 16px; height: 16px; }
.icon.twitter.w14 { background-position:-330px -60px; width: 14px; height: 14px; }
.icon.twitter.w12 { background-position:-350px -60px; width: 12px; height: 12px; }
.icon.strava { background-position:-310px -80px; width: 16px; height: 16px; }
.icon.strava.w14 { background-position:-330px -80px; width: 14px; height: 14px; }
.icon.strava.w12 { background-position:-350px -80px; width: 12px; height: 12px; }
.icon.chrono {   background-image: url(https://www.procyclingstats.com/images//icons/chrono3.png); background-size: 14px; width: 14px; height: 14px; }
.icon.stopwatch {   background-image: url(https://www.procyclingstats.com/images//icons/stopwatch.png); background-size: 14px; width: 14px; height: 14px; }
.icon.stopwatch_red {   background-image: url(https://www.procyclingstats.com/images//icons/stopwatch_red.png); background-size: 14px; width: 14px; height: 14px; }
.icon.stopwatch_blue {   background-image: url(https://www.procyclingstats.com/images//icons/stopwatch_blue.png); background-size: 14px; width: 14px; height: 14px; }
.icon.stopwatch_grey {   background-image: url(https://www.procyclingstats.com/images//icons/stopwatch_grey.png); background-size: 14px; width: 14px; height: 14px; }
.icon.toggle_cb { background-image: url(https://www.procyclingstats.com/images//icons/checkbox_no.png); background-size: 14px; width: 14px; height: 14px; }
.icon.toggle_cb_yes { background-image: url(https://www.procyclingstats.com/images//icons/checkbox_yes.png); background-size: 14px; width: 14px; height: 14px; }

.icon.barchart1 { background-image: url(https://www.procyclingstats.com/images//icons/barchart_green2.png);  background-repeat: no-repeat; background-size: 18px; width: 18px; height: 18px; display: inline-block; float: left; }
.icon.piechart1 { background-image: url(https://www.procyclingstats.com/images//icons/piechart2.png);  background-repeat: no-repeat; background-size: 18px; width: 18px; height: 18px; display: inline-block; float: left; }
.icon.bluestar { background-image: url(https://www.procyclingstats.com/images//icons/bluestar2.png);  background-repeat: no-repeat; background-size: 18px; width: 18px; height: 18px; display: inline-block; float: left; }
.icon.camper { background: url(https://www.procyclingstats.com/images//icons/camper-lila.png) no-repeat 0 0; background-position:0px 0px; width: 24px; height: 16px; background-size: 24px; }



.pdf:link, .pdf:visited { background-image: url(https://www.procyclingstats.com/images//icons/pdf.png);  background-repeat: no-repeat; background-size: 16px;  display: inline-block;   padding: 1px 0 1px 18px; color: #555; float: right;  }


/* color classes */
.bg.blue1, .blue1  { background: #367DCF; } .bg.blue1:hover { background: #2668B5; }
.bg.blue2 { background: #1B9BE0; } .bg.blue2:hover { background: #3AABE9; }
.bg.blue3 { background: #2191C4; } .bg.blue3:hover, .barCont:hover .bg.blue3 { background: #1369A8; }
.bg.blue4 { background: repeating-linear-gradient(  -45deg,  #367DCF,  #367DCF 10px,  #4887cf 10px,  #4887cf 20px); } .bg.blue4:hover, .barCont:hover .bg.blue4 { opacity: 0.8; }

.bg.orange1 { background: #FF6515; } .bg.orange1:hover, .barCont:hover .bg.orange1 { background: #FF9525; }
.bg.orange2 { background: repeating-linear-gradient(  -45deg,  #FF6515,  #FF6515 10px,  #fc7b38 10px,  #fc7b38 20px); } .bg.orange2:hover, .barCont:hover .bg.orange2 { opacity: 0.8; }
.bg.orange3 { background:  #d25300; } .bg.orange3:hover, .barCont:hover .bg.orange3 { background: #ed6105; }


.bg.green1 { background: linear-gradient(to right, #b6e026 0%,#abdc28 100%);   } .bg.green1:hover, .barCont:hover .bg.green1 { background: linear-gradient(to right, #8fc400 0%,#8fc400 100%); }
.bg.green2 { background: #97CC3B; } .bg.green2:hover, .barCont:hover .bg.green2 { background: #8ABD33; }
.bg.green3 { background: #C0D67E; } .bg.green3:hover, .barCont:hover .bg.green3 { background: #AEC46A; }
.bg.green4 { background: #C4EB5E; } .bg.green4:hover, .barCont:hover .bg.green4 { background: #BAE34F; }
.bg.green5 { background: #577508; } .bg.green5:hover, .barCont:hover .bg.green5 { background: #62830C; }
.bg.green6 { background:  #92dc7e; } .bg.green6:hover, .barCont:hover .bg.green6 { background: #80c76d; }
.bg.green7 { background: repeating-linear-gradient(  -45deg,  #deef4a,  #deef4a 10px,  #d5e844 10px,  #d5e844 20px); } .bg.green7:hover, .barCont:hover .bg.green7 { opacity: 0.8; }
.bg.green8 { background: repeating-linear-gradient(  -45deg,  #89b000,  #89b000 10px,  #9abd17 10px,  #9abd17 20px); } .bg.green8:hover, .barCont:hover .bg.green8 { opacity: 0.8; }



.bg.purple1 { background: #9025B3; } .bg.purple1:hover, .barCont:hover .bg.purple1 { background: #c62ff7; }
.bg.magenta1 { background: #A80F3E; } .bg.magenta1:hover, .barCont:hover .bg.magenta1 { background: #C41A60; }
.bg.magenta2 { background: #C41A60; } .bg.magenta2:hover, .barCont:hover .bg.magenta2 { background: #A80F3E; }
.bg.magenta3 { background: repeating-linear-gradient(  -45deg,  #C41A60,  #C41A60 10px,  #A80F3E 10px,  #A80F3E 20px); } .bg.magenta3:hover, .barCont:hover .bg.magenta3 { opacity: 0.8; }

.bg.red1 { background:  #EB484B; } .barCont:hover .bg.red1, .bg.red1:hover { background:  #B32A3E; }
.bg.red2 { background:  #cf0e35; } .barCont:hover .bg.red2, .bg.red2:hover { background:  crimson; }
.bg.red3 { background:  #DA2943; } .barCont:hover .bg.red3, .bg.red3:hover { background:  #BF1522; }
.bg.red4 { background: repeating-linear-gradient(  -45deg,  #DA2943,  #DA2943 10px,  #BF1522 10px,  #BF1522 20px); } .barCont:hover .bg.red4, .bg.red4:hover {   opacity: 0.8;  }

.bg.c3d.d3green1 { background:  #6BB71F; }.bg.c3d.d3green1 .left-plain { background: #76BD2E;  } .bg.c3d.d3green1 .top-plain { background: #A9D766;  }
.bg.c3d.d3red1 { background:  #D62D3E; }.bg.c3d.d3red1 .left-plain { background: #FE4C4F;  } .bg.c3d.d3red1 .top-plain { background: #FC7371;  }
.bg.c3d.d3orange1 { background:  #F18A10; }.bg.c3d.d3orange1 .left-plain { background: #FFAC15;  } .bg.c3d.d3orange1 .top-plain { background: #FCD119;  }
.bg.c3d.d3blue1 { background:  #075389; }.bg.c3d.d3blue1 .left-plain { background: #2E78B6;  } .bg.c3d.d3blue1 .top-plain { background: #478DD8;  }
.bg.c3d.d3black1 { background:  #15212A; }.bg.c3d.d3black1 .left-plain { background: #213440;  } .bg.c3d.d3black1 .top-plain { background: #465E6C;  }



.barCont:hover .bg.c3d { opacity: 0.8;   }



.barCont .bg.black1, .bg.black1 { background: #333; } .barCont:hover .bg.black1, .bg.black1 { background: #555; }
.barCont .bg.black2, .bg.black2 { background: #333; } .barCont:hover .bg.black2, .bg.black2 { background: #222; }
.barCont .bg.opaas1, .bg.opaas1 { background: #19B1A7; } .barCont:hover .bg.opaas1, .bg.opaas1 { background: #149990; }
.barCont .bg.lightblue1, .bg.lightblue1 { background: #18DCF4; } .barCont:hover .bg.lightblue1, .bg.lightblue1 { background: #14c8de; }

.bg.yellow1 { background: #ebc83d; } .barCont:hover .bg.yellow1, .bg.yellow1 { background: #f7d64f; }
.bg.dg_yellow { background: repeating-linear-gradient(  -45deg,  #ebc83d,  #ebc83d 10px,  #fad74d 10px,  #fad74d 20px); } .barCont:hover .bg.dg_yellow, .bg.dg_yellow:hover {   opacity: 0.8;  }
.bg.yellow3 { background: repeating-linear-gradient(  -45deg,  #f7f06f,  #f7f06f 10px,  #eee664 10px,  #eee664 20px); } .barCont:hover .bg.yellow3, .bg.yellow3:hover {   opacity: 0.8;  }
.bg.yellow4 { background:  #fbf575; } .barCont:hover .bg.yellow4, .bg.yellow4:hover { background:  #f2eb6a; }

.barCont .bg.pink1, .bg.pink1 { background: #F16C9A; } .barCont:hover .bg.pink1, .bg.pink1 { background: #E06791; }

.barCont .bg.grey1, .bg.grey1 { background:  #999; } .barCont:hover .bg.grey1, .bg.grey1:hover { background:  #777; }

.bg.pps_blue  { background: #5DA9EF;  }
.bg.pps_red  { background: #F42A0E;  }
.bg.pps_green  { background: #A0D54C;  }
.bg.pps_orange { background: #FFAD4E;  }
.bg.pps_purple { background: #BB4B9C;  }
.bg.pps_pink {  background: #ff64d3;  }


.bg.grey { background: #bbb; } .barCont:hover .bg.grey, .bg.grey:hover {   opacity: 0.8;  }

.bg.dg_blue { background: repeating-linear-gradient(  -45deg,  #1B9BE0,  #1B9BE0 10px,  #3AABE9 10px,  #3AABE9 20px); }
.barCont:hover .bg.dg_blue, .bg.dg_blue:hover {   background: repeating-linear-gradient(  -45deg,  #1694D7,  #1694D7 10px,  #1B9BE0 10px,  #1B9BE0 20px);   }

.bg.dg_green { background: repeating-linear-gradient(  -45deg,  #97CC3B,  #97CC3B 10px,  #b6e026 10px,  #b6e026 20px); }
.barCont:hover .bg.dg_green, .bg.dg_green:hover {   background: repeating-linear-gradient(  -45deg,  #97CC3B,  #97CC3B 10px,  #ADD426 10px,  #ADD426 20px);   }

.bg.dg_red { background: repeating-linear-gradient(  -45deg,  #cf0e35,  #cf0e35 10px,  crimson 10px,  crimson 20px); }
.barCont:hover .bg.dg_red, .bg.dg_red:hover {   background: repeating-linear-gradient(  -45deg,  #1694D7,  #1694D7 10px,  #1B9BE0 10px,  #1B9BE0 20px);   }

.bg.dg_pink { background: repeating-linear-gradient(  -45deg,  #F16C9A,  #F16C9A 10px,  #E06791 10px,  #E06791 20px); }
.barCont:hover .bg.dg_pink, .bg.dg_pink:hover {   opacity: 0.8;  }



/* STAT TABS */
.stat-tabs { list-style: none; border-bottom: 1px solid #ccc; position: relative; height: 37px; margin-bottom: 8px;  }
.stat-tabs li { float: left; border: 1px solid #ccc; height: 36px;  position: relative; margin-left: 4px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.stat-tabs li.cur { border-bottom: 1px solid #fff; background: #fff; }
.stat-tabs li a { display: block; padding: 0px 12px; height: 35px; text-align: center; position: relative; font-size: 11px; color: #444;    }
.stat-tabs li a:link, .stat-tabs li a:visited { color: #666;  }
.stat-tabs li.cur a:link, .stat-tabs li.cur a:visited { color: #439BE8; font-weight: bold; }
.stat-tabs li a span { display: block; position: relative; top: 50%; transform: translateY(-50%); }
@media screen and (max-width: 600px){
    .stat-tabs li a:link, .stat-tabs li a:visited { padding: 0 4px;   }
}

/* rider page */
.rdr-img-cont {  width: 120px; float: left; margin-right: 10px; min-height: 140px; }
.rdr-img-cont img { max-width: 120px;  }
.rdr-info-cont { float: left; width: calc(100% - 130px); }

.rider-kpi { list-style: none; margin-top: 5px; }
.rider-kpi li { overflow: hidden; margin-bottom: 2px; line-height: 19px;  }
.rider-kpi div { float: left;  }
.rider-kpi div.nr { background: yellowgreen; width: 30px; border-radius: 2px; color: #fff;   text-align: center;font-size: 12px; margin-right: 5px; }
.rider-kpi div.title { margin-right: 10px; }
.rider-kpi div.info { color: #999; margin-right: 2px;  }

.basic.rdr-season-stats { font-size: 11px; }
.basic.rdr-season-stats th { color: #999; font-size: 10px; text-transform: uppercase; font-weight: normal; }
.basic.rdr-season-stats td { padding: 2px 0;  }
.basic.rdr-season-stats td.bar { padding-top: 3px; }

.rdr-teams2 { list-style:none;  }
.rdr-teams2 div.season { float: left; padding-right: 4px; font-weight: bold; }
.rdr-teams2 div.name { float: left; width: calc(100% - 46px);    }
.rdr-teams2 div.name2 { float: left; width: calc(100% - 96px);    }
.rdr-teams2 div.name a:link, .rdr-teams2 div.name a:visited { color: #1B9BE0;  }
.rdr-teams2 li.showifmob { display:none;  }
@media screen and (max-width: 600px){
    .rdr-teams2 li.showifmob { display:block;  }
    .rdr-teams2 li.hideifmob { display:none;  }
    .rdr-teams2 li.old{  display:none;  }
}


.stat-tabs.seasonNav { height: 21px; }
.stat-tabs.seasonNav li { height: 20px; border-radius: 0;  margin-left: 2px; }
.stat-tabs.seasonNav li a {   padding: 0px 4px; height: 19px;   }

.rdrResults { border-collapse: collapse; }
.rdrResults th.name, .rdrResults td.name { width: 52%;  }
.rdrResults th { text-align: left;  }
.rdrResults tr td { border-top: 1px solid #eee; padding: 3px 2px; }
.rdrResults td.gc { font-size: 10px; color:#d1b934; }
.rdrResults tr[data-main="1"] td {  border-top: 1px solid #ccc;  padding: 5px 2px;  }
.rdrResults tr[data-main="1"] td.name a { font-weight: bold; }
.rdrResults tr[data-main="1"] td.name a span { font-weight: normal; }
.rdrResults a.more:link, .rdrResults a.more:visited { font-size: 10px; color: #666; }
.rdrResults tr[data-main="0"] a.more, .rdrResults tr[data-main="0"] span.flag { display: none; }

.top-results { line-height: 17px; }
.top-results div.left-column { width: 55px;  }
.top-results div.right-column { width: calc(100% - 55px);  }
.top-results span.years { color: #777; font: 11px tahoma; }
.top-results span.category { color: #a4b51d; font-size: 11px; }

@media screen and (max-width: 600px){
    .rdr-img-cont {  width: 100px;  }
    .rdr-img-cont img { max-width: 100px;  }
    .rdr-info-cont {   width: calc(100% - 110px); }
    .resDateEnd { display: none; }
    .rdrResults { font-size: 11px;  }
    .rdrResults th.race { width: 71%;  }
}

.sites a:link, .sites a:visited {  color: #1B9BE0; display: inline-block; padding: 2px;  }

.sites2 { list-style:none; margin-top: 4px; }
.sites2 li { float:left; margin-right: 2px; }
.sites2 li a:link, .sites2 li a:visited { display: block; min-width: 25px; text-transform:uppercase; font-size: 10px;  line-height:14px; padding: 1px;}
.sites2 li a:hover { background: #7ba3b0; text-decoration:none; color: #fff; }
.sites2 li span.iconv3 { width: 14px; height: 14px; float: left; margin-right:2px;  }

.pps h3 { font-size: 12px;  }
.pps ul { list-style:none;  }
.pps ul li div {     }
.pps ul li {  height: 8px; margin-bottom: 1px; line-height: 8px;}
.pps ul .bg.blue { background: #5DA9EF;  }
.pps ul .bg.red { background: #F42A0E;  }
.pps ul .bg.green { background: #A0D54C;  }
.pps ul .bg.orange { background: #FFAD4E;  }
.pps ul .bg.purple { background: #aa3df2;  }  /* #BB4B9C */
.pps ul .bg.pink { background: #ff64d3;  }
.pps ul div.bar { width: 95px; height: 8px; background: #DCEDF2; float: left;  }
.pps ul li:hover div.bar {  background: #D2E5EB; }
.pps ul div.title { font-size: 10px; color: #777;  float: left;}
.pps ul li:hover div.title { color: #000; }
.pps ul div.pnt { width: 30px; height: 8px; margin-left: 3px;   color: #60BBFF; font-size: 10px; text-align: center;  float: left; }
.pps ul li:hover div.pnt { color: #4FA8E9; }

.rdr-rankings div.title { padding: 2px; margin-right: 2px;  }
.rdr-rankings div.rnk { background: #ccc; border-radius: 2px; padding: 2px 3px; font-weight: bold; margin-right: 5px;}

.rdrResultsSum { border-top: 1px solid #999; }
.rdrResultsSum div { border-top: 1px solid #999; margin-top: 1px; text-align: right; padding: 2px 0;  }


.rdrSeasonNav { list-style: none; position: relative;   height: 20px; border-bottom: 1px solid #ddd; margin: 4px 0 0 0; float: left;  }
.rdrSeasonNav li { float: left; margin-right: 2px; position: relative; height: 19px; border: 1px solid #ddd;   position: relative; background: #F5F5F5; color: #999; font-size: 11px; }
.rdrSeasonNav li span { display: block; padding: 2px 4px;  }
.rdrSeasonNav li:hover { background: #DCEAF7; }
.rdrSeasonNav li.cur {  border-bottom: 1px solid #fff; background: #fff; }
.rdrSeasonNav li a:link, .rdrSeasonNav li a:visited { padding: 2px 3px; font-size: 11px; color: #888;  display: block;   text-decoration: none; }
.rdrSeasonNav li a:hover, .rdrSeasonNav li a:active { color: #000;    }
.rdrSeasonNav li.cur  a:link, .rdrSeasonNav li.cur  a:visited { color: #000; font-weight: bold;  }
.rdrSeasonNav li ul { display: none; position: absolute; list-style: none;  border: 1px solid #ddd;}
.rdrSeasonNav li ul li { border: 0; display: none;  }
.rdrSeasonNav li ul li:nth-child(n+11){ display: block;  }
.rdrSeasonNav li:hover ul { display: block;  }
.rdrSeasonNav li.more, .rdrSeasonNav li ul li {   }
@media screen and (max-width: 600px){
    .rdrSeasonNav li:nth-child(n+8){  display: none;  }
    .rdrSeasonNav li.more.show_if { display: block;  }
    .rdrSeasonNav li ul li:nth-child(n+8){  display: block;  }
}

.tabsV3 { list-style: none; overflow: hidden; }
.tabsV3 li { float: left; margin-right: 3px; }
.tabsV3 li a:link, .tabsV3 li a:visited { display: block; background: #eee; padding: 0px 4px 1px; font-size: 10px; color: #999; border-radius: 2px; }
.tabsV3 li a:hover { text-decoration: none; }
.tabsV3 li span { display: block; margin-left: calc(50% - 6px);  width: 0; height: 0; border-style: solid; border-width: 5px 6px 0 6px; border-color: #eee transparent transparent transparent; }
.tabsV3 li.cur a:link, .tabsV3 li.cur a:visited { background: #bbb; color: #555;  }
.tabsV3 li.cur span { border-color: #bbb transparent transparent transparent;  }
.tabsV3 li:not(.cur):hover a:link, .tabsV3 li:not(.cur):hover a:visited { background: #bbb; color: #555; }
.tabsV3 li:not(.cur):hover span { border-color: #bbb transparent transparent transparent;  }


.resultsSortFilter { font-size: 11px; color: #555; padding: 2px; float: left; margin-top: 4px;  margin-right: 20px;  }
.resultsSortFilter a:link, .resultsSortFilter a:visited { color: #555; display: inline-block;padding: 2px;  }
.resultsSortFilter a.cur:link, .resultsSortFilter a.cur:visited { color: #799E11; text-decoration: none; border: 1px solid yellowgreen; border-radius: 2px;   }
@media screen and (max-width: 600px){
    .resultsSortFilter {  margin: 0; }
}

.toggleNationals:link, .toggleNationals:visited { display: inline-block; font-size: 11px; color: #666; margin: 9px 0 0 6px;}

/* HOMEPAGE */
.home-results { list-style: none;  }
.home-results li.race {overflow: hidden; border-top: 1px solid #ddd; padding: 15px 0; }
.home-results li div.img { width: 90px; min-height: 120px; float: left; margin-right: 10px; background-size: 90px; border-radius: 3px; background-repeat: no-repeat; }
.home-results li div .no-img { border: 1px solid #ddd;   text-align: center;font-size: 10px; color: #bbb; height: 120px; line-height: 100px; border-radius: 2px; }
.home-results li div.title {  overflow: hidden;  }
.home-results li div.info { width: calc(100% - 100px);  float: left;  }
.home-results li div.title .flag  { float: left; margin-top: 1px; margin-right: 5px;  }
.home-results .racename { float: left; display: block; font-size: 14px; }
.home-results .racename .stage { display: block; color: #1B9BE0; }
.home-results a.racename:link, .home-results .racename a:visited { width: calc(100% - 30px);  }
.home-results a.racename:hover, .home-results .racename a:active, .home-results a.racename:hover .stage { color: #CF4242; text-decoration: none;  }

.home-results li ul.info-thumbs { overflow: hidden; color: #999; font-size: 11px; list-style: none; margin: 4px 0;  margin-left: 28px;}
.home-results li ul.info-thumbs li { float: left; margin-right: 5px;  }
.home-results li ul.results { list-style: none;  font-size: 12px; list-style: none; border-bottom: 0px dashed #ddd; margin-left: 7px; }
.home-results li ul.results li { overflow: hidden; padding: 2px 0; border-top: 0px dashed #ddd;  }
.home-results li ul.results li span.rnk { display: block; float: left; border-radius: 50%; background: #ddd; width: 14px; height: 14px; line-height: 14px; text-align: center; margin-right: 6px; font-size: 11px; color: #888; }
.home-results li ul.results li span.flag { float :left;  }
.home-results li ul.results li a.rider { display: block; float: left; width: calc(50% - 46px);    }
.home-results li ul.results li a.team { display: block; float: left; width: calc(50% - 46px);   color: #555; }
.home-results li ul.results li span.time { display: block; float: left; width: 52px; text-align: right;    }
.home-results li ul.leaders { overflow: hidden; color: #999; font-size: 11px; list-style: none; margin-top: 5px; margin-left: 28px; }
.home-results li ul.leaders li { float: left; margin-right: 6px; color: #555; }
.home-results li ul.leaders li span { float :left;  }
.home-results li ul.leaders li a:link, .home-results li ul.leaders li a:visited { color: #555;  }

@media screen and (max-width: 600px){
    .home-results li div.img {  width: 70px;  background-size: 70px; margin-right: 5px; min-height: 100px; }
    .home-results li div.info { width: calc(100% - 75px);   }
    .home-results li ul.results { font-size: 13px; letter-spacing: -0.5px;}
    .home-results li ul.results li span.rnk { width: 16px; height: 16px; line-height: 16px; }
    .home-results li ul.results li a.rider { width: calc(100% - 92px);  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
    .home-results li ul.results li a.team { display: none; }
    .home-results li ul.results li span.time {  width: 50px;  letter-spacing: -1px; }
    .home-results li ul.leaders { font-size: 12px; }
}

.tbl_black { background: #272F3D; border-radius: 3px;  border-collapse: collapse; }
.tbl_black td { border: 0; border-top: 1px dashed #394354; color: #fff; }
.tbl_black th { color: #6a7485; font-size: 11px; border-bottom: 1px dashed #394354;  font-weight: normal; }
.tbl_black a:link, .tbl_black td a:visited { color: #fff; }
.tbl_black a:hover, .tbl_black a:active { color: #D9FF28; text-decoration: none; }
.tbl_black tr:hover { background: #394354; }

.tblCont1 { border: 1px solid #ddd; padding: 5px; border-radius: 3px; }




/* home v2 */
.hp-left { width: 44%; float: left; margin-right:1%;   }
.hp-right { width: 55%; float: left; overflow:hidden;   }
.hp-right-left { width: 55%; margin-right:2%; float: left;    }
.hp-right-right { width: 43%;  float: left;   }

@media screen and (max-width: 1000px){
    .hp-left { width: 60%; margin-right:1%;   }
    .hp-right { width: 39%;      }
    .hp-right-left,  .hp-right-right { width: 100%;  }
}
@media screen and (max-width: 600px){
    .hp-left { width: 100%;   }
    .hp-right { width: 100%;      }
}

.info-title { border-bottom: 1px solid #888; line-height: 24px;  }
.black-info-title { background: #272F3D; color: #fff; border-radius: 2px; padding: 4px; margin-bottom: 10px; }
.follow-up:link, .follow-up:visited { display:inline-block; background: #eee; letter-spacing: 1px; border-radius:2px; padding: 4px 12px; font-size: 11px; color: #bbb; text-transform: uppercase;}
.follow-up:hover { text-decoration:none; background: #D95455; color: #fff; }

.hp-tbl1 { border-collapse:collapse; width: 100%; font-size: 14px;  }
.hp-tbl1 th { font-size:10px; color: #bbb; text-align:left; font-weight:normal;  text-transform: uppercase;}
.hp-tbl1 td { border-top: 1px dashed #ddd; padding: 4px 0; }

.hp-tbl1.last-results td { padding: 4px 0; line-height: 13px;}
.hp-tbl1.last-results td a.winner:link, .hp-tbl1.last-results td a.winner:visited { color: #a0b21a;  }

.hp-tbl1.tomorrow td { padding: 2px 0; }

.hp-list { list-style: none; line-height: 16px; font-size: 14px; margin: 3px 0; }
.hp-list li { padding: 2px 0; overflow: hidden; }
.hp-list li div { float: left;  }

.hp-list.ranking div.bg { height: 16px; font-size: 10px; color: #fff; text-align: right; padding-right: 3px; }
.hp-link-list { list-style: square; padding-left: 20px; line-height: 19px; font-size: 14px; margin: 3px 0 }

.hp-team-pop { list-style: none; line-height: 18px; font-size: 14px; margin: 3px 0; display: flex; }
.hp-team-pop li { padding: 1px 0; overflow: hidden; width: 34%; text-align: center; }
.hp-team-pop li div.bgCont { border-bottom: 1px solid #333; height: 114px;  }
.hp-team-pop li div.valueTitle { height: 14px; line-height: 14px; font-size: 10px; color: #555;  }
.hp-team-pop li div.ptop {   margin: 0 auto; width: 28px;   }
.hp-team-pop li a:link, .hp-team-pop li a:visited { font-size: 11px; line-height: 12px; color: #666; display: block; }
.hp-team-pop li a span { display: inline-block; margin: 0;  }

.hp-list.articles li { margin-bottom: 3px; }
.date-snip { display: inline-block; border-radius: 2px; font-size: 11px; background: #DEEF4A; padding: 1px 3px; color: #b3c232; margin-right: 3px; }

.sl-upd-time-ago {  display: inline-block;  border-radius: 2px; font-size: 11px; background: #DEEF4A; padding: 1px 3px; color: #b3c232; margin-right: 3px; width: 20px; text-align: center;  }
.sl-upd-time-ago.old { background: #555; color: #999;  }

.hp-list.popular a:link, .hp-list.popular a:visited { display: block; width: 55%; float: left; text-align: right; font-size: 12px; }
.hp-list.popular div.bg { height: 15px; line-height: 15px; text-indent: 3px; font-size: 10px; color: #333; }

.hp2-results { list-style: none; }
.hp2-results li.race { margin-bottom: 25px; overflow: hidden;  }
.hp2-results .winner-img { width: 85px; margin-right: 10px; height: 112px;  border-radius: 3px; float: left; }
.hp2-results .resultsCont { width: calc(100% - 95px); float: left;  overflow:hidden; }
.hp2-results div.top3Cont { width: calc(100% - 120px); margin-right: 10px; float: left; }
.hp2-results table.top3 {  width: 100%;  }
.hp2-results .nrFromFollowing { font-size: 10px; border-radius: 3px; padding: 1px 4px; background: #B00DBF; color: #fff; display: inline-block; margin-bottom: 4px; margin-right: 8px; opacity: 0.5; }
.hp2-results .followingList { font-size: 10px; color: #555;  }
.hp2-results .followingList a:link, .hp2-results .followingList a:visited { color: #555;  }
.hp2-results div.message {  width: calc(100% - 120px); margin-right: 10px; float: left; color: #777; line-height:16px; margin-bottom: 5px; }
.hp2-results .leaders { width: 110px;   float: left; font-size: 11px;  list-style: none;}
.hp2-results .leaders div {  display: inline-block; width: 8px; height: 8px;   }
.hp2-results .leaders div[data-stage_type="4"] {  background: #dec650;  }
.hp2-results .leaders div[data-stage_type="5"] {  background: #ade374;  }
.hp2-results .leaders div[data-stage_type="6"] {  background: #e3e3e3;  }
.hp2-results .leaders div[data-stage_type="7"] {  background: #f26363;  }
.hp2-results .leaders div[data-stage_type="10"] {  background: #79b2e0;  }
.hp2-results table { width: 100%; margin: 2px 0;  line-height: 16px;  }

.hp2-results .goto-race:link, .hp2-results .goto-race:visited { display:inline-block; background: #eee;   border-radius:2px; padding: 4px 12px;
    color: #bbb; text-transform: uppercase; letter-spacing: 0.5px; font-size: 10px; padding: 3px 8px; margin-left: 5px;}
.hp2-results .goto-race:hover { text-decoration:none; background: #D95455; color: #fff;  }
.hp2-results .goto-race.livestats:link, .hp2-results .goto-race.livestats:visited {  background: #c3cf1f; color: #fff;  }
.hp2-results .goto-race.livestats:hover { background: #aab516;  }

.hp-list.transfers div.datum { display: inline-block; border-radius: 2px; font-size: 11px; letter-spacing: -0.5px; margin-right: 3px;  background: #bbb; padding: 1px 3px; color: #333; line-height: 13px;  }

.green_a1 { color: #ade374;  }

.hp2-livestats { list-style: none; line-height: 14px; font-size: 12px; margin: 3px 0; }
.hp2-livestats li { overflow: hidden;    background: #f1f5e1; margin: 0; padding: 3px 3px 0 3px; margin-bottom: 12px;   }  /* background: #e7eff4; */

.hp2-livestats li:hover { background: #e0e6c8;  }
.hp2-livestats li:last-child { border-bottom:0; }
.hp2-livestats li a:link, .hp2-livestats li a:visited { display:block;  }
.hp2-livestats li a:hover {  }
.hp2-livestats .cont { margin-bottom: 3px; overflow:hidden; }
.hp2-livestats .live { margin-right: 5px; text-align: center; height: 14px; background: #E35656; color: #fff; padding: 2px 4px; border-radius: 2px; float: left; text-transform:uppercase;  }
.hp2-livestats .live.soon {  background: #bfa243; }
.hp2-livestats .live.finished { background: yellowgreen; padding: 2px 2px; }
.hp2-livestats li.cx .live { background: #627636; }
.hp2-livestats .racename { width: calc(100% - 114px);   float: left; font-weight: bold; font-size: 14px; line-height: 18px; color: #333;  }
.hp2-livestats .kmtogo { width: 50px;   height: 14px; font-size: 14px; text-align: center;   color: #fff; padding: 2px 0px; border-radius: 2px; float: left; font-weight: bold; background: #333;  }
.hp2-livestats .situ_txt {  width: 200px; height: 10px; position: absolute; top: -5px; z-index: 9999999; font-size: 12px; color: #333;  }
.hp2-livestats .situ { border-bottom: 1px solid #333; width: 100px; height: 10px; position: absolute; top: 5px; z-index: 9999999;   }
.hp2-livestats .situ div.group { width: 16px; height: 16px; background: #666; position: absolute; top: 0px; border-radius: 2px; color: #fff; text-align: center; line-height: 16px; left: 0px; }
.hp2-livestats .situ div.group.rg { left: 90px;  }
.hp2-livestats .situ div.timegap { position: absolute; top: -4px; width: 110px; text-align: center; font-weight: bold;  }


.hp3-livestats { list-style:none; overflow: hidden; }
.hp3-livestats li { width: 100%;  margin-bottom: 4px; float: left; box-sizing:border-box; float: right; }
.hp3-livestats li[data-small="1"] { width: 49%;  }
.hp3-livestats li.clear { float: left;  }
.hp3-livestats li a:link, .hp3-livestats li a:visited { display: block; background: #f1f5e1;color: #000; border-radius: 2px; padding: 2px; overflow: hidden; }
.hp3-livestats li a:hover { background: #d8e3aa; text-decoration:none;  }
.hp3-livestats li span.title { font-weight: bold; font-size:14px; line-height: 18px;}
.hp3-livestats li[data-small="1"] span.title {  font-size:12px;  }
.hp3-livestats li span.status { display: block; float: left; color: #fff;  padding: 3px 3px; border-radius:2px; text-transform:uppercase; font-size: 10px; margin-right: 4px;   }
.hp3-livestats li span.status.live { background: #E35656; }
.hp3-livestats li span.status.soon { background: #bfa243; }
.hp3-livestats li span.status.preview { background: #18a4f5; }
.hp3-livestats li span.status.finished { background: yellowgreen; }
.hp3-livestats li div.togo { float: right; font-size: 10px; width: 42px;  text-align: right; display:none; }
.hp3-livestats li.live div.togo { display: block;  }
.hp3-livestats li div.togo span { display: inline-block; text-align: center; background: #272F3D; color: #fff; padding: 2px 3px; font-size: 12px; border-radius: 2px; margin-right: 1px;  }
.hp3-livestats li.live span.title { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  width: calc(100% - 75px);  display: block; float: left; }
.hp3-livestats .situ_txt {position: absolute; top: 5px; z-index: 9999999; font-size: 12px; color: #333; }

.hp3-previews { list-style:square; padding-left: 20px; }
.hp3-previews li {   }
.hp3-previews a:link, .hp3-previews a:visited { font-size: 14px; display: inline-block;    }
.hp3-previews div { display: inline-block;  background: #292F56; margin-right: 5px; font-size:11px; color: #fff; padding: 1px 3px; border-radius:2px; }

.hp2-preview-live { list-style:none;  }
.hp2-preview-live li { margin-bottom: 3px; line-height:20px; }
.hp2-preview-live li a:link, .hp2-preview-live li a:visited { display: block; background: #F1F5E1; padding: 2px; border-radius: 2px; font-weight:bold; }
.hp2-preview-live li a:hover { background: #e0e6c8; text-decoration:none;  }
.hp2-preview-live li span { display: inline-block; background: yellowgreen; color: #F1F5E1; font-size: 11px; border-radius: 2px; padding: 2px 4px; margin-right: 5px; font-weight:normal; letter-spacing: 1px; }

.top-articles { list-style:none;  }
.top-articles li { overflow: hidden; margin-bottom: 20px; }
.top-articles li img { width: 85px; float: left; margin-right: 15px; }
.top-articles .cont { float: left; width: calc(100% - 100px); font-size: 14px; }
.top-articles .title { font-size: 14px; font-weight: bold;  }
.top-articles .text { font-size: 14px; line-height: 16px; color: #666; }
.top-articles li a:link, .top-articles li a:visited { color: #333;  }
.top-articles li a:hover .text, .top-articles li a:hover .title  { color: #1B9BE0; }

.cx-today .live { width: 35px; margin-right: 5px; text-align: center; height: 14px; background: #E35656; color: #fff; padding: 2px 0px; border-radius: 2px; font-size: 11px; float: left; }
.cx-today .progress { width: calc(100% - 40px); text-align: center; border-radius: 2px; background: #eee; color: #fff;   font-size: 11px;  float: left; }
.cx-today .bar { background: #C3DB23; height: 18px; border-radius: 2px; }
.cx-today tr:hover .bar { background: #acc21b;  }
.cx-today td table td { border: 0; padding: 0; font-size: 11px; line-height: 11px; }

@media screen and (max-width: 600px){
    .hp2-results table.top3 { width: 100%; font-size: 12px;}
    .hp2-results div.top3Cont {  width: 100%; }
    .hp2-results .leaders { width: 100%;  }
    .hp2-results .leaders li { float: left; margin-right: 5px; }

    .black-info-title {  font-size: 12px; font-weight: normal;  }
    .next-to-finish { font-size: 12px; }
    .hp-tbl1.last-results tr:nth-child(n+10) { display:none;  }
}

/* Team */
.photos { list-style: none; width: 100%; }
.photos li { float: left; width: 90px; margin: 0 1px 1px 0; height: 130px;  position: relative; }
.photos li a   { width: 100%;   height: 130px;  display: block; }
.photos li span { display: none; background: #000; opacity: 0.8; bottom: 5px; position: absolute; font-size: 10px; color: #fff; width: 86px; left: 2px; text-align: center; border-radius: 3px;  padding: 3px 0; }
.photos li:hover span { display: block;   }

.live_thread { border: 1px dashed #bbb; border-radius: 3px; margin: 1px 0 4px;  }
.live_thread a:link, .live_thread a:visited { display: block;   height: 20px; padding: 5px; }
.live_thread div.leftcol { background: crimson; color: #fff; height: 20px; padding:  0 8px; border-radius: 2px; text-align: center; margin-right: 4px; }

.team-kpi { list-style:none; overflow:hidden; background: #eee; font-size: 14px; display: flex; margin-bottom: 10px; }
.team-kpi li { float: left; line-height: 24px;  }
.team-kpi li.title { padding: 0 10px; }
.team-kpi li.nr, .team-kpi li.nr span {   width: 50px;  }
.team-kpi li.nr span.bg {  display: block;   position: absolute;    height: 24px;      transform: skew(-20deg);      background: #272F3D; text-align:center; font-weight:bold; color: #fff; }
.team-kpi li.nr span.val { position: absolute;   text-align: center; color: #fff;  }
.team-kpi li.nr a:link, .team-kpi li.nr a:visited { color: #fff;  }
.team-kpi li.nr a:hover { text-decoration:none; color: #c4ec74; }
.team-kpi li.nr font { display:none; }

.riderlistTabs {  list-style: none; overflow: hidden; margin-bottom: 5px; }
.riderlistTabs li { float: left; margin-right: 3px; }
.riderlistTabs li a:link, .riderlistTabs li a:visited { border-bottom: 2px solid #fff; display:block; color: #999; font-size: 11px; padding: 3px 4px; }
.riderlistTabs li a:hover, .riderlistTabs li a.cur:link, .riderlistTabs li a.cur:visited {  background: #eee; text-decoration: none; border-bottom: 2px solid crimson;  color: #000; }

.ridersTab { border: 1px solid #ddd; border-radius:4px; padding: 3px; }
.ridersTab table { border-collapse:collapse; width: 100%; }
.ridersTab table th { font-size: 10px; color: #bbb; text-align:left; font-weight:normal; }
.ridersTab table td { padding: 3px 1px; }

@media screen and (max-width: 600px){
    .riderlistTabs li a:link, .riderlistTabs li a:visited {  font-size: 12px; padding: 5px 4px; }
    .riderlistTabs li a:hover, .riderlistTabs li a.cur:link, .riderlistTabs li a.cur:visited { border-bottom: 3px solid crimson;  }


    .tmCont1, .tmCont2, .tmCont3, .tmCont4 { width: 100%;  }
    .photos li { height: 150px;  }
    .photos li span { color: #000; background: #fff; display: block; top: 110px; }
    .photos li:nth-child(n+9){ display: none; }

    .team-kpi {  font-size: 11px; }
    .team-kpi li { line-height: 24px;  }
    .team-kpi li.title { padding: 0 2px; }
    .team-kpi li.title a:link, .team-kpi li.title a:visited { display: none;  }
    .team-kpi li.nr font { font-size: 8px; color: #aaa; text-transform: uppercase; font-style: italic; display: block; }
    .team-kpi li.nr, .team-kpi li.nr span {     height: 26px; line-height:10px; }
}

.teamkpi li div:nth-child(1) { font-size: 14px;  padding: 5px; }
.teamkpi li div:nth-child(2) { border-radius: 50%;  background: #333; color: #fff; font-size: 14px; width: 28px; height: 28px; line-height: 28px; text-align: center; }
.teamkpi li div:nth-child(2) a:link, .teamkpi li div:nth-child(2) a:visited { color: #fff; display: block; border-radius: 50%;  text-decoration: none;}
.teamkpi li div:nth-child(2) a:hover { background: #666; color: #fff; }

.sortriders li a:link, .sortriders li a:visited { font-size: 11px; color: #777; display: block; padding: 2px 4px; text-decoration: none; }
.sortriders li a:hover { color: dodgerblue;  }
.sortriders li.cur a:visited, .sortriders li.cur a:link { color: dodgerblue; text-decoration: underline; text-decoration: none;}

.ttabs  { border-radius: 4px; border: 1px solid #ddd; padding: 4px;  }

/* Result */
.restabs { list-style: none; border-bottom: 1px solid #ccc; position: relative; height: 38px; margin-bottom: 0px;   }
.restabs li { float: left; margin-left: 3px; position: relative; border: 1px solid #ccc;  background: #fff;    }
.restabs li.cur { border-bottom: 1px solid #fff;   background: #fff; }
.restabs li a:link, .restabs li a:visited { text-transform: uppercase; display: block;  height: 29px; padding: 4px 8px; font-size: 11px;   color: #777;  text-decoration: none;  }
.restabs li a:hover, .restabs li a:active { text-decoration: none; color:#EB484B;}
.restabs li.cur a:link, .restabs li.cur a:visited {  color: #000; text-decoration: none;   }
.restabs li a span { display: block;    background: url(https://www.procyclingstats.com/images//sprite10.png) no-repeat 0 0;  background-position:-0px -64px; width: 16px; height: 16px; margin: 0 auto;  }
.restabs li a span.st4 { background-position:-180px -19px;   }
.restabs li a span.st5 { background-position:-200px -19px;   }
.restabs li a span.st6 { background-position:-240px -19px;   }
.restabs li a span.st7 { background-position:-220px -19px;   }
.restabs li a span.st10 {background-position:-260px -19px;   }

.restabs.noicons li a span { display: none; }
.restabs.noicons li  a:link, .restabs.noicons li  a:visited { font-size: 14px; line-height: 30px; padding: 4px 12px; }

.subsubResultNav { list-style: none; margin-bottom: 5px; overflow: hidden;}
.subsubResultNav li {float: left; margin-right: 5px; border: 1px solid #ccc; border-radius: 2px; text-transform: uppercase;  }
.subsubResultNav li a:link, .subsubResultNav li a:visited { display: block; color: #999; padding:  2px 14px; font-size: 11px;  }
.subsubResultNav li a.cur:link, .subsubResultNav li a.cur:visited { color: #000; text-decoration: none; }
.subsubResultNav li a:hover { background: #eee; text-decoration: none; color: #333; }

.prevNextStageLink { display:inline-block; font-size: 10px; }

.resSp { width: 12px; height: 12px;border-radius: 50%; display: inline-block; margin-right: 5px;  }

@media screen and (max-width: 600px){
    .restabs li a span.st4 {  background-position:-0px -83px; background-size: 124px;  }
    .restabs li a span.st5 {  background-position:-18px -83px; background-size: 124px;  }
    .restabs li a span.st6 {  background-position:-52px -83px; background-size: 124px;  }
    .restabs li a span.st7 {  background-position:-35px -83px; background-size: 124px;  }
    .restabs li a span.st10 {  background-position:-70px -83px; background-size: 124px;  }
    .prevNextStageLink { display: block; margin-bottom: 5px; font-size: 11px;  }
}

.teamNationFilterCont { float: right;   overflow: hidden;  }
.teamNationFilter { float: right; width: 125px; color: #999; padding: 2px; font-size: 12px; margin-left: 4px;}
@media screen and (max-width: 600px){
    .teamNationFilter { font-size: 16px;  transform: scale(0.75); margin-right: -14px; }
}


.results-ttt { border-collapse: collapse; width: 100%;  }
.results-ttt th { text-align: left; }
.results-ttt tr.team td { border-top: 1px solid #ddd; padding: 3px 1px;    }
.results-ttt tr.last td { padding-bottom: 4px; }

.result-filter-cont { text-align: right; padding: 3px 0; font-size: 11px; color: #555; }
.result-filter-cont select { width: 100px; font-size: 12px; color: #999; padding: 2px; margin-left: 4px; }

.results { font-size: 12px; }
.results .riderteam { color: #999; font-size: 11px; margin-left: 24px; }

/*
.results tr:nth-child(6) tr { position:relative; }
.results tr:nth-child(6) td { background:crimson; margin-top: -10px;   }


.results { font-size: 12px; border-collapse: collapse;  width: 100%;  }
.results td { border-right: 1px solid #fff;  border-bottom: 1px solid #eee; padding: 4px 2px;     }
.results th {  text-align: left; border-bottom: 1px solid #D4D4D4; vertical-align: bottom;   color: #000;  padding: 2px; font-weight: bold; font-size: 12px; }
.results .riderteam { color: #999; font-size: 11px; margin-left: 24px; }

.sp1 tr { position: relative; }
.sp1 tr:nth-child(2) div { position: absolute; top: -18px; background: #ddd; }
.sp1 tr:nth-child(1) div { position: absolute; top: 27px; background: #ccc;  }
.sp1 tr:nth-child(1) div a { display: inline-block; width: 180px; height: 15px; background: crimson;  }

.sp1 tr:nth-child(6) div { position: absolute; top: -18px; background: #ddd; }
.sp1 tr:nth-child(5) div { position: absolute; top: 27px; background: #ccc; }


.basic { border-collapse: collapse;  width: 100%;  }
.basic th { text-align: left; border-bottom: 1px solid #D4D4D4; vertical-align: bottom;   color: #000;  padding: 2px; font-weight: bold; font-size: 12px;   }
.basic th.ar { text-align: right; }
.basic th.ac { text-align: center; }
.basic.small th {  font-size: 11px; }

.basic td a span { text-transform: uppercase; }
.basic td a.stripped { text-decoration: line-through; }
.basic td { border-right: 1px solid #fff;  border-bottom: 1px solid #eee; padding: 4px 2px;     }
.basic td.pad1 { padding: 1px 2px;  }
.basic td.font11 { font-size: 11px; }
.basic td.font10 { font-size: 10px; }
.basic.small td { font: 11px tahoma, arial; padding: 3px 1px; }
.basic.padding_small td { padding: 3px;  }
.basic.shorten td {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.basic tr:hover { background: #f7f7ff; }
.basic tr.sum td { border-top: 3px double #bbb; border-bottom: 0; background: #fff; font-weight: bold; }

.basic tr.highlight td, .basic tr.highlight td a:link, .basic tr.highlight td a:visited  {  color: #5DAB22;   text-decoration: underline; }
.basic tr.highlight2 td, .basic tr.highlight2 td a:link, .basic tr.highlight2 td a:visited  {  background: #D0E3A8; }

.basic a.more:link, .basic a.more:visited {    display: inline-block; width: 14px; height: 14px; position: relative;  }
.basic a.more div { display: none; position: absolute;  border: 1px solid #ddd; padding: 5px; background: #fff; left: 0px; width: 100px; z-index: 40; }
.basic a.more div a { display: none;position: absolute;  }
.basic a.more:hover div { display: block; }
*/

.more-results-cont { display: none;  width: 100%;  }
@media screen and (max-width: 600px){  .more-results-cont { display: flex; }   }
.viewMoreResults:link, .viewMoreResults:visited { border: 1px solid #bbb;background: #eee; color: #999;   border-radius: 3px; text-align: center; display: block; padding: 4px; font-size: 11px; width: 100%;   }


/* profile */
.keypoint-cont { position: absolute;  }
.keypoint-cont .bol { position: absolute;   z-index: 60; background: #333; color: #fff; font-size: 10px; letter-spacing: -0.5px; width: 12px; height: 12px; left: -6px; border-radius: 50%; text-align: center;  }
.keypoint-cont .vline { position: absolute; left: 0;  z-index: 50;border-left: 1px solid #333; height: 200px; }
.keypoint-cont .shirt_icon { left: -11px; top: -21px; position: absolute;}
.keypoint-cont .name { left: -25px; top: -20px; height: 20px; width: 50px; text-align: center;  position: absolute; letter-spacing: -0.5px; font-size: 10px; color: #555;}
.keypoint-cont .name span { position: absolute;     bottom: 0;    right: 0; }
.keypoint-cont .name.rotate45 {   transform: rotate(-45deg);    }
.keypoint-cont .name.rotate45 span {       }


/*.keypoint-cont { background: #333; width: 10px; height: 10px; border-radius: 2px; position: absolute; z-index: 7; text-align: center; line-height: 10px;  color: #fff;  font-size: 8px;  font-family: arial;}  */
.keypoint-cont.sprint .bol {   background: yellowgreen;  font-size: 10px;    }
.keypoint-cont.climb .bol {  background: #003A4C;    border-radius: 2px; width: 10px; height: 10px;left: -5px; }
.keypoint-cont.cobble   {  height: 12px; background: #333; border-radius: 2px; position: absolute; bottom: -16px; z-index: 99999; color: #777; text-align: center; font-size: 10px;    }
.keypoint-cont.cobble:hover   {  background: crimson; color: #fff;  }
.keypoint-cont.timing_point .bol {  background: crimson;  font-size: 10px; border-radius: 2px; }
.keypoint-cont.food .bol {    background-color: #1B9BE0; font-size: 10px; }
.keypoint-cont.golden_km .bol {  border-radius: 50%; width: 12px; height: 12px; background-color: #ebbd34; font-size: 10px; margin-left: -1px; }
.keypoint-cont.group .bol {  background: dodgerblue; }
.keypoint-cont.tt_rider .name { top: -33px; position: relative;  }
.keypoint-cont.landmark .bol { display: none;  }
.keypoint-cont.event .bol { display: none;  }
.keypoint-cont .popup-info {  display: none; position: absolute; top: -14px; left: 0; width: 150px; text-align: left;  font-size: 12px; color: #000;   }
.keypoint-cont:hover .popup-info { display: block; }
.keypoint-cont.event .vline { border-left: 1px dashed #DB6A64; }

#backdropShade { background: #333; width: 100%; height: 100%; top: 0; left: 0;  position: fixed; opacity: 0.6; z-index: 99998; }
#adblPopup { position: fixed; top: 100px; background: #fff;   width: 400px; padding: 30px; left: calc(50% - 230px); border: 1px solid #888; font-size: 14px; font-weight: bold; z-index: 99999; }
a.adblChoice.block:link, a.adblChoice.block:visited { display: block; width: 170px; padding: 8px 0;  background: grey;  float: left;  font-weight: normal; margin-right: 10px; text-align: center; margin-bottom: 10px; }
a.adblChoice.block.green:link, a.adblChoice.block.green:visited { background: yellowgreen;  }
a.adblChoice.block:hover { text-decoration: none; color: #fff; }
a.adblChoice.noBlocker:link, a.adblChoice.noBlocker:visited { color: #aaa; font-weight: normal; font-size: 11px; clear: both;  }
@media screen and (max-width: 600px){
    #adblPopup { top: 50px;   width: 260px; padding: 10px; left: calc(50% - 140px);   }
    a.adblChoice.block:link, a.adblChoice.block:visited {  width: 120px; }
}



.socials { list-style: none; overflow: hidden; }
.socials li { float: left; width: calc(25% - 15px); margin-right: 5px; background: #eee; border-radius: 4px; padding: 5px;   }
.socials li:hover { background: #c4db70; }
.socials li a:link, .socials li a:visited { display: block; width: 32px; height: 32px; background-size: 32px; margin: 0 auto;   }
.socials li.twitter a {   background-image: url(https://www.procyclingstats.com/images//social_twitter.png);   }
.socials li.facebook a  {   background-image: url(https://www.procyclingstats.com/images//social_facebook.png);   }
.socials li.instagram a  {   background-image: url(https://www.procyclingstats.com/images//social_instagram.png);   }
.socials li.youtube a  {   background-image: url(https://www.procyclingstats.com/images//social_youtube.png);   }

.infoHover {  border-radius: 3px; padding: 1px; display: inline-block; margin-left: 2px; }
.infoHover:hover { color: crimson;  border: 1px solid #fca19a; padding:  0; cursor: help;  }

.view_text_info { display: inline-block; font-size: 10px; background: #00898a; color: #fff; padding: 1px 4px 2px; line-height: 10px;; border-radius: 2px; margin-left: 4px; position: relative ;}
.view_text_info div { display: none; }
.popupInfoText {  position: absolute; z-index: 60000; border: 1px solid #bbb; padding:  5px; box-shadow: 3px 3px 3px #aaa; border-radius: 2px;  background: #fff; top: 300px; }
.popupInfoText a.closePopupInfoText:link { font-size: 10px; color: #999;  }



.voteForFav500:link, .voteForFav500:visited { background: #afe445; color: #333; text-transform:uppercase; margin-bottom: 10px;font-size: 14px; letter-spacing: 1px;
    text-align:center; display:block; border-radius:4px; padding: 11px 20px;  }
.voteForFav500:hover { text-decoration:none; background: #bfe84c;  }

.voteForFav500voted:link, .voteForFav500voted:visited { border: 1px dashed #bbb; color: #333; text-transform:uppercase; margin-bottom: 5px;font-size: 12px; letter-spacing: 1px;
    text-align:center; display:block; border-radius:4px; padding: 5px 20px;  }
.voteForFav500voted:hover { text-decoration:none; background: #eee;  }


.thumbnails { display: flex; list-style: none; color: #999; margin-top: 5px; }
.thumbnails a:link, .thumbnails a:visited { color: #1B9BE0;  font-size: 11px; }

.fav500hplink:link, .fav500hplink:visited { font-size: 14px; background: #AFE445; border-radius: 4px; padding: 7px; overflow: hidden; display: block; }
.fav500hplink:hover { background: #9bcc39; color: #000; }
.fav500hplink img { float: left; width: 40px; margin-right: 10px; }
.fav500hplink div { float: left; width: calc(100% - 50px); }


/* pcg-promo */
.pcg-promo { background: #003A4C; padding: 8px; border-radius: 2px; overflow: hidden; }
.pcg-promo .countdown { overflow: hidden; list-style:none; margin: 6px 0;  }
.pcg-promo .countdown li.digit { background: #0b6c8a; width: 16px; line-height: 24px; color: #fff; font-weight: bold; text-align: center; font-size: 18px; border-radius: 1px; float: left; margin-right: 2px; }
.pcg-promo .countdown li.letter {   line-height: 24px; color: #356778; font-weight: normal; text-align: center; font-size: 12px; border-radius: 1px; float: left; margin-right: 2px; }
.pcg-promo a:link, .pcg-promo a:visited { color: #ecff6e;  }
.pcg-promo a.more:link, .pcg-promo a.more:visited { color: #bbb;  }
.pcg-promo img { width: 44px; margin: 5px; margin-right: 20px; float: left;  }
.pcg-promo .cont { width: calc(100% - 74px); float: left; color: #fff; font-size: 14px; line-height: 12px; }

.pcg-promo.fav500 { background: #ff6352; }
.pcg-promo.fav500 .countdown li.digit { background: #bd1335; }
.pcg-promo.fav500 img { width: 54px; margin-right: 10px; }
.pcg-promo.fav500 .cont { width: calc(100% - 74px);  }

.followEntry:link, .followEntry:visited { background: #ddd; border-radius: 2px; padding: 2px 4px; font-size: 10px; color: #555; margin-top: 4px; display: inline-block; }
.followEntry:hover { background: #bbb; text-decoration:none; color: #000; }
.followEntry.cur { background: #CDE286; text-decoration:none; color: #6B7D30; }
.followEntry.cur:hover { color: #333; }
.followMax {  text-decoration: line-through;  background: #eee; border-radius: 2px; padding: 2px 2px; font-size: 10px; color: #bbb; margin-top: 4px; display: inline-block; }

.desktopView:link, .desktopView:visited { float: right; font-size: 11px; background: #4E596E; color: #ccc; border-radius:2px; padding: 2px 15px;  }


.hp-user-pcs-game span { font-size: 12px; color: #777; }
.hp-user-pcs-game a:link, .hp-user-pcs-game a:visited { display: inline-block; background: #dae8ed; border-radius: 2px; padding: 3px; margin-right: 4px; font-size: 12px;  }
.hp-user-pcs-game a:hover { text-decoration:none; background: #67b2f0; color: #fff; }

.timeleft { background: #1f7b93; font-size: 10px; color: #fff; border-radius: 2px; display: inline-block; padding: 1px 2px; }
.sl-error { color: #fff; font-size: 10px; border-radius: 3px; padding: 1px 3px; background: #FF462E; display: inline-block; }



.pollCont .question {  font-size: 14px; background: #003A4C; color: #fff; border-radius: 2px; padding: 10px;  }
.pollCont .options  { list-style: none; margin-bottom: 3px;  }
.pollCont .options li { border-bottom: 1px dashed #bbb; border-radius: 2px; padding: 4px 0; font-size: 14px; }
.pollCont .options li input { float: left; }

.followbadge { background: #B00DBF; color: #fff; display: inline-block; padding: 1px 3px; border-radius: 3px; font-size: 10px; line-height: 10px; opacity: 0.5;  }

.riderHommage img  {
    filter: grayscale(100%);
}

.nks { list-style:none; margin-top: 5px; }
.nks li { float: left; position: relative; margin-right: 10px; margin-top: 5px;}
.nks li span.ok { background: url(site-icons/tick48.png) no-repeat 0 0; background-size: 24px; display: block; width: 24px; height: 24px; position: absolute;  top: -5px; left: 16px; }

.h2hRider:link, .h2hRider:visited { text-transform:uppercase; font-size: 10px; padding: 1px 5px; background: #7ab1f0; color: #fff; border-radius:2px; }
.h2hRider:hover { text-decoration:none; background: #3392ff; }

.h2hGoto:link, .h2hGoto:visited { text-transform:uppercase; font-size: 10px; padding: 1px 5px; background: #c18ef5; color: #fff; border-radius:0px; }
.h2hGoto:hover { text-decoration:none; background: #a570db; }

.h2hToggleColumn:link, .h2hToggleColumn:visited { text-transform:uppercase; font-size: 10px; font-weight: normal; padding: 2px 3px; background: #eee; color: #555; border-radius:2px; margin-right: 3px; }
.h2hToggleColumn:hover { text-decoration:none; background: #333; color: #fff; }


.riderPlatform:link, .riderPlatform:visited { border: 1px dashed #999; border-radius: 3px; padding: 2px 4px; text-transform:uppercase; font-size: 10px; color: #999; display: inline-block; margin: 1px 0; }
.riderPlatform:hover { text-decoration:none;  color: #fff; background:#a3721c; border: 1px dashed #805812;}
.riderPlatform.road:hover {  background: #d44224;  border: 1px dashed #ad2d13; }

.homepageDailyQuiz:link, .homepageDailyQuiz:visited { display: block; color: #fff; margin-bottom: 10px; border-radius: 4px; font-size: 14px; padding: 5px 15px 5px 15px; background-color: #0080f7; overflow: hidden; }
.homepageDailyQuiz div.title { float: left; width: 100px; font-family: verdana; font-weight: bold; font-size: 26px; color: #bfe3ff; }
.homepageDailyQuiz div.text { float: left; width: calc(100% - 100px); }

.iconv3 { background: url(https://www.procyclingstats.com/images//sprite_v3_n47.png) no-repeat 0 0; display: inline-block; }
.iconv3.letter { background-position:-0px -0px; width: 12px; height: 12px; }
.iconv3.list6 { background-position:-14px -0px; width: 12px; height: 12px; }
.iconv3.vertbar4 { background-position:-28px -0px; width: 12px; height: 12px; }
.iconv3.barchart4 { background-position:-42px -0px; width: 12px; height: 12px; }
.iconv3.donut2 { background-position:-56px -0px; width: 12px; height: 12px; }
.iconv3.linechart3 { background-position:-70px -0px; width: 12px; height: 12px; }
.iconv3.compare { background-position:-84px -0px; width: 12px; height: 12px; }
.iconv3.linechart2 { background-position:-98px -0px; width: 12px; height: 12px; }
.iconv3.linechart1 { background-position:-112px -0px; width: 12px; height: 12px; }
.iconv3.minus { background-position:-126px -0px; width: 12px; height: 12px; }
.iconv3.number2 { background-position:-140px -0px; width: 12px; height: 12px; }
.iconv3.number3 { background-position:-154px -0px; width: 12px; height: 12px; }
.iconv3.number1 { background-position:-168px -0px; width: 12px; height: 12px; }
.iconv3.perc-bar { background-position:-182px -0px; width: 12px; height: 12px; }
.iconv3.plus2 { background-position:-196px -0px; width: 12px; height: 12px; }
.iconv3.piechart2 { background-position:-210px -0px; width: 12px; height: 12px; }
.iconv3.vert-barchart2 { background-position:-224px -0px; width: 12px; height: 12px; }
.iconv3.star4 { background-position:-238px -0px; width: 12px; height: 13px; }
.iconv3.threads14 { background-position:-252px -0px; width: 14px; height: 14px; }
.iconv3.donutchart { background-position:-268px -0px; width: 14px; height: 14px; }
.iconv3.error { background-position:-284px -0px; width: 14px; height: 14px; }
.iconv3.facebook14 { background-position:-300px -0px; width: 14px; height: 14px; }
.iconv3.insta14 { background-position:-316px -0px; width: 14px; height: 14px; }
.iconv3.site14 { background-position:-332px -0px; width: 14px; height: 14px; }
.iconv3.strava14 { background-position:-348px -0px; width: 14px; height: 14px; }
.iconv3.wiki14 { background-position:-364px -0px; width: 14px; height: 14px; }
.iconv3.x-logo14 { background-position:-380px -0px; width: 14px; height: 14px; }
.iconv3.vert-barchart { background-position:-396px -0px; width: 16px; height: 15px; }
.iconv3.users2 { background-position:-414px -0px; width: 16px; height: 16px; }
.iconv3.shield { background-position:-432px -0px; width: 16px; height: 16px; }
.iconv3.x-former-twitter16 { background-position:-450px -0px; width: 16px; height: 16px; }
.iconv3.twitter { background-position:-468px -0px; width: 16px; height: 16px; }
.iconv3.piechart2 { background-position:-486px -0px; width: 16px; height: 16px; }
.iconv3.plus3 { background-position:-504px -0px; width: 16px; height: 16px; }
.iconv3.text { background-position:-522px -0px; width: 16px; height: 16px; }
.iconv3.eiffel { background-position:-540px -0px; width: 16px; height: 16px; }
.iconv3.dice { background-position:-558px -0px; width: 16px; height: 16px; }
.iconv3.bigben { background-position:-576px -0px; width: 16px; height: 16px; }
.iconv3.rain { background-position:-0px -18px; width: 16px; height: 16px; }
.iconv3.wikipedia { background-position:-18px -18px; width: 16px; height: 16px; }
.iconv3.tick3 { background-position:-36px -18px; width: 16px; height: 16px; }
.iconv3.pie-chart { background-position:-54px -18px; width: 16px; height: 16px; }
.iconv3.abc { background-position:-72px -18px; width: 16px; height: 16px; }
.iconv3.artikel { background-position:-90px -18px; width: 16px; height: 16px; }
.iconv3.banner { background-position:-108px -18px; width: 16px; height: 16px; }
.iconv3.bluechart { background-position:-126px -18px; width: 16px; height: 16px; }
.iconv3.berg { background-position:-144px -18px; width: 16px; height: 16px; }
.iconv3.certificate { background-position:-162px -18px; width: 16px; height: 16px; }
.iconv3.chart-bar { background-position:-180px -18px; width: 16px; height: 16px; }
.iconv3.clock { background-position:-198px -18px; width: 16px; height: 16px; }
.iconv3.connect { background-position:-216px -18px; width: 16px; height: 16px; }
.iconv3.cut { background-position:-234px -18px; width: 16px; height: 16px; }
.iconv3.dashboard { background-position:-252px -18px; width: 16px; height: 16px; }
.iconv3.data-usage { background-position:-270px -18px; width: 16px; height: 16px; }
.iconv3.database { background-position:-288px -18px; width: 16px; height: 16px; }
.iconv3.dollar { background-position:-306px -18px; width: 16px; height: 16px; }
.iconv3.earth { background-position:-324px -18px; width: 16px; height: 16px; }
.iconv3.euro { background-position:-342px -18px; width: 16px; height: 16px; }
.iconv3.exclamation { background-position:-360px -18px; width: 16px; height: 16px; }
.iconv3.foot { background-position:-378px -18px; width: 16px; height: 16px; }
.iconv3.gear { background-position:-396px -18px; width: 16px; height: 16px; }
.iconv3.hourglass { background-position:-414px -18px; width: 16px; height: 16px; }
.iconv3.excel { background-position:-432px -18px; width: 16px; height: 16px; }
.iconv3.pdf { background-position:-450px -18px; width: 16px; height: 16px; }
.iconv3.in-out { background-position:-468px -18px; width: 16px; height: 16px; }
.iconv3.injury { background-position:-486px -18px; width: 16px; height: 16px; }
.iconv3.team { background-position:-504px -18px; width: 16px; height: 16px; }
.iconv3.key { background-position:-522px -18px; width: 16px; height: 16px; }
.iconv3.list-info { background-position:-540px -18px; width: 16px; height: 16px; }
.iconv3.navigation { background-position:-558px -18px; width: 16px; height: 16px; }
.iconv3.manual { background-position:-576px -18px; width: 16px; height: 16px; }
.iconv3.people { background-position:-0px -36px; width: 16px; height: 16px; }
.iconv3.persons { background-position:-18px -36px; width: 16px; height: 16px; }
.iconv3.plus { background-position:-36px -36px; width: 16px; height: 16px; }
.iconv3.puzzle { background-position:-54px -36px; width: 16px; height: 16px; }
.iconv3.schedule { background-position:-72px -36px; width: 16px; height: 16px; }
.iconv3.push { background-position:-90px -36px; width: 16px; height: 16px; }
.iconv3.question { background-position:-108px -36px; width: 16px; height: 16px; }
.iconv3.weather { background-position:-126px -36px; width: 16px; height: 16px; }
.iconv3.receive { background-position:-144px -36px; width: 16px; height: 16px; }
.iconv3.redchart { background-position:-162px -36px; width: 16px; height: 16px; }
.iconv3.refresh2 { background-position:-180px -36px; width: 16px; height: 16px; }
.iconv3.wrench2 { background-position:-198px -36px; width: 16px; height: 16px; }
.iconv3.retour { background-position:-216px -36px; width: 16px; height: 16px; }
.iconv3.search { background-position:-234px -36px; width: 16px; height: 16px; }
.iconv3.settings { background-position:-252px -36px; width: 16px; height: 16px; }
.iconv3.diploma { background-position:-270px -36px; width: 16px; height: 16px; }
.iconv3.brackets { background-position:-288px -36px; width: 16px; height: 16px; }
.iconv3.star-red { background-position:-306px -36px; width: 16px; height: 16px; }
.iconv3.tick { background-position:-324px -36px; width: 16px; height: 16px; }
.iconv3.tools { background-position:-342px -36px; width: 16px; height: 16px; }
.iconv3.tree { background-position:-360px -36px; width: 16px; height: 16px; }
.iconv3.wrench { background-position:-378px -36px; width: 16px; height: 16px; }
.iconv3.yellowchart { background-position:-396px -36px; width: 16px; height: 16px; }
.iconv3.threads { background-position:-414px -36px; width: 20px; height: 20px; }
.iconv3.x-former-twitter { background-position:-436px -36px; width: 20px; height: 20px; }
.iconv3.facebook-2023-w20 { background-position:-458px -36px; width: 20px; height: 20px; }
.iconv3.instagram-2023-w20 { background-position:-480px -36px; width: 20px; height: 20px; }
.iconv3.twitter-2023-w20 { background-position:-502px -36px; width: 20px; height: 20px; }
.iconv3.wikipedia24 { background-position:-524px -36px; width: 24px; height: 24px; }