@media (max-width: 767px) { body:after { content: 'phone'; display: none; height: 0px; width: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { body:after { content: 'tablet'; display: none; height: 0px; width: 0px; } } @media (min-width: 1025px) and (max-width: 1299px) { body:after { content: 'desktop'; display: none; height: 0px; width: 0px; } } @media (min-width: 1300px) { body:after { content: 'desktop-large'; display: none; height: 0px; width: 0px; } } body.ipad:after { display: none; height: 0px; width: 0px; } /* note: breakpoints in em ---------------------------- base font size to determine breakpoints - 16px useful pixel to em converter http://bradfrostweb.com/demo/ish/ -----------------------------------------------------*/ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 28, 2014 */ @font-face { font-family: 'rg_textbold'; src: url("/rgr/css/fonts/rg_text_bold-webfont.eot"); src: url("/rgr/css/fonts/rg_text_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_text_bold-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_text_bold-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_text_bold-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_text_bold-webfont.svg#rg_textbold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_textlight'; src: url("/rgr/css/fonts/rg_text_light-webfont.eot"); src: url("/rgr/css/fonts/rg_text_light-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_text_light-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_text_light-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_text_light-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_text_light-webfont.svg#rg_textlight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_titlebold'; src: url("/rgr/css/fonts/rg_title_bold-webfont.eot"); src: url("/rgr/css/fonts/rg_title_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_title_bold-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_title_bold-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_title_bold-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_title_bold-webfont.svg#rg_titlebold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_titlelight'; src: url("/rgr/css/fonts/rg_title_light-webfont.eot"); src: url("/rgr/css/fonts/rg_title_light-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_title_light-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_title_light-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_title_light-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_title_light-webfont.svg#rg_titlelight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_textregular'; src: url("/rgr/css/fonts/rg_text_regular-webfont.eot"); src: url("/rgr/css/fonts/rg_text_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_text_regular-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_text_regular-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_text_regular-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_text_regular-webfont.svg#rg_textregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_textitalic'; src: url("/rgr/css/fonts/rg_text_italic-webfont.eot"); src: url("/rgr/css/fonts/rg_text_italic-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_text_italic-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_text_italic-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_text_italic-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_text_italic-webfont.svg#rg_textitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_condensedmedium'; src: url("/rgr/css/fonts/rgcondensed_medium-webfont.eot"); src: url("/rgr/css/fonts/rgcondensed_medium-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rgcondensed_medium-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rgcondensed_medium-webfont.woff") format("woff"), url("/rgr/css/fonts/rgcondensed_medium-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rgcondensed_medium-webfont.svg#rg_condensedmedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_condensedregular'; src: url("/rgr/css/fonts/rgcondensed_regular-webfont.eot"); src: url("/rgr/css/fonts/rgcondensed_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rgcondensed_regular-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rgcondensed_regular-webfont.woff") format("woff"), url("/rgr/css/fonts/rgcondensed_regular-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rgcondensed_regular-webfont.svg#rg_condensedregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_condensedbold'; src: url("/rgr/css/fonts/rgcondensed_bold-webfont.eot"); src: url("/rgr/css/fonts/rgcondensed_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rgcondensed_bold-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rgcondensed_bold-webfont.woff") format("woff"), url("/rgr/css/fonts/rgcondensed_bold-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rgcondensed_bold-webfont.svg#rg_condensedbold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_titleregular'; src: url("/rgr/css/fonts/rg_title_reg-webfont.eot"); src: url("/rgr/css/fonts/rg_title_reg-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_title_reg-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_title_reg-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_title_reg-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_title_reg-webfont.svg#rg_titleregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_semiserifregular'; src: url("/rgr/css/fonts/rg_semi_serif_regular-webfont.eot"); /* IE9 Compat Modes */ src: url("/rgr/css/fonts/rg_semi_serif_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_semi_serif_regular-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_semi_serif_regular-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_semi_serif_regular-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_semi_serif_regular-webfont.svg#3c6bf5a1dd46535c46a74e498ccb0aed") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'rg_semiseriflight'; src: url("/rgr/css/fonts/rg_semi_serif_light-webfont.eot"); /* IE9 Compat Modes */ src: url("/rgr/css/fonts/rg_semi_serif_light-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_semi_serif_light-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_semi_serif_light-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_semi_serif_light-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_semi_serif_light-webfont.svg#58b4f764143c52117562aff80592e0dc") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'rg_semiserifextralight'; src: url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.eot"); /* IE9 Compat Modes */ src: url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.svg#ca305789bd4d5f5c87f6cab73a7da82a") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'rg_semiserifbold'; src: url("/rgr/css/fonts/rg_semi_serif_bold-webfont.eot"); /* IE9 Compat Modes */ src: url("/rgr/css/fonts/rg_semi_serif_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_semi_serif_bold-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_semi_serif_bold-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_semi_serif_bold-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_semi_serif_bold-webfont.svg#9933959ba6968d7af9c8f24e455898fb") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: "rg-icons"; src: url("/rgr/css/fonts/rg-icons.eot"); src: url("/rgr/css/fonts/rg-icons.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg-icons.woff") format("woff"), url("/rgr/css/fonts/rg-icons.ttf") format("truetype"), url("/rgr/css/fonts/rg-icons.svg#rg-icons") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "rg-icons"; src: url("/rgr/css/fonts/rg-icons.svg#rg-icons") format("svg"); } } /* This file is for general styles that can be used across events */ @media (max-width: 767px) { body:after { content: 'phone'; display: none; height: 0px; width: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { body:after { content: 'tablet'; display: none; height: 0px; width: 0px; } } @media (min-width: 1025px) and (max-width: 1299px) { body:after { content: 'desktop'; display: none; height: 0px; width: 0px; } } @media (min-width: 1300px) { body:after { content: 'desktop-large'; display: none; height: 0px; width: 0px; } } body.ipad:after { display: none; height: 0px; width: 0px; } /* note: breakpoints in em ---------------------------- base font size to determine breakpoints - 16px useful pixel to em converter http://bradfrostweb.com/demo/ish/ -----------------------------------------------------*/ /* pull in the fonts css here */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 28, 2014 */ @font-face { font-family: 'rg_textbold'; src: url("/rgr/css/fonts/rg_text_bold-webfont.eot"); src: url("/rgr/css/fonts/rg_text_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_text_bold-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_text_bold-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_text_bold-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_text_bold-webfont.svg#rg_textbold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_textlight'; src: url("/rgr/css/fonts/rg_text_light-webfont.eot"); src: url("/rgr/css/fonts/rg_text_light-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_text_light-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_text_light-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_text_light-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_text_light-webfont.svg#rg_textlight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_titlebold'; src: url("/rgr/css/fonts/rg_title_bold-webfont.eot"); src: url("/rgr/css/fonts/rg_title_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_title_bold-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_title_bold-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_title_bold-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_title_bold-webfont.svg#rg_titlebold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_titlelight'; src: url("/rgr/css/fonts/rg_title_light-webfont.eot"); src: url("/rgr/css/fonts/rg_title_light-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_title_light-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_title_light-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_title_light-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_title_light-webfont.svg#rg_titlelight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_textregular'; src: url("/rgr/css/fonts/rg_text_regular-webfont.eot"); src: url("/rgr/css/fonts/rg_text_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_text_regular-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_text_regular-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_text_regular-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_text_regular-webfont.svg#rg_textregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_textitalic'; src: url("/rgr/css/fonts/rg_text_italic-webfont.eot"); src: url("/rgr/css/fonts/rg_text_italic-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_text_italic-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_text_italic-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_text_italic-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_text_italic-webfont.svg#rg_textitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_condensedmedium'; src: url("/rgr/css/fonts/rgcondensed_medium-webfont.eot"); src: url("/rgr/css/fonts/rgcondensed_medium-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rgcondensed_medium-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rgcondensed_medium-webfont.woff") format("woff"), url("/rgr/css/fonts/rgcondensed_medium-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rgcondensed_medium-webfont.svg#rg_condensedmedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_condensedregular'; src: url("/rgr/css/fonts/rgcondensed_regular-webfont.eot"); src: url("/rgr/css/fonts/rgcondensed_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rgcondensed_regular-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rgcondensed_regular-webfont.woff") format("woff"), url("/rgr/css/fonts/rgcondensed_regular-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rgcondensed_regular-webfont.svg#rg_condensedregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_condensedbold'; src: url("/rgr/css/fonts/rgcondensed_bold-webfont.eot"); src: url("/rgr/css/fonts/rgcondensed_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rgcondensed_bold-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rgcondensed_bold-webfont.woff") format("woff"), url("/rgr/css/fonts/rgcondensed_bold-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rgcondensed_bold-webfont.svg#rg_condensedbold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_titleregular'; src: url("/rgr/css/fonts/rg_title_reg-webfont.eot"); src: url("/rgr/css/fonts/rg_title_reg-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_title_reg-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_title_reg-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_title_reg-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_title_reg-webfont.svg#rg_titleregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'rg_semiserifregular'; src: url("/rgr/css/fonts/rg_semi_serif_regular-webfont.eot"); /* IE9 Compat Modes */ src: url("/rgr/css/fonts/rg_semi_serif_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_semi_serif_regular-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_semi_serif_regular-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_semi_serif_regular-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_semi_serif_regular-webfont.svg#3c6bf5a1dd46535c46a74e498ccb0aed") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'rg_semiseriflight'; src: url("/rgr/css/fonts/rg_semi_serif_light-webfont.eot"); /* IE9 Compat Modes */ src: url("/rgr/css/fonts/rg_semi_serif_light-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_semi_serif_light-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_semi_serif_light-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_semi_serif_light-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_semi_serif_light-webfont.svg#58b4f764143c52117562aff80592e0dc") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'rg_semiserifextralight'; src: url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.eot"); /* IE9 Compat Modes */ src: url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_semi_serif_extra_light-webfont.svg#ca305789bd4d5f5c87f6cab73a7da82a") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'rg_semiserifbold'; src: url("/rgr/css/fonts/rg_semi_serif_bold-webfont.eot"); /* IE9 Compat Modes */ src: url("/rgr/css/fonts/rg_semi_serif_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg_semi_serif_bold-webfont.woff2") format("woff2"), url("/rgr/css/fonts/rg_semi_serif_bold-webfont.woff") format("woff"), url("/rgr/css/fonts/rg_semi_serif_bold-webfont.ttf") format("truetype"), url("/rgr/css/fonts/rg_semi_serif_bold-webfont.svg#9933959ba6968d7af9c8f24e455898fb") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: "rg-icons"; src: url("/rgr/css/fonts/rg-icons.eot"); src: url("/rgr/css/fonts/rg-icons.eot?#iefix") format("embedded-opentype"), url("/rgr/css/fonts/rg-icons.woff") format("woff"), url("/rgr/css/fonts/rg-icons.ttf") format("truetype"), url("/rgr/css/fonts/rg-icons.svg#rg-icons") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "rg-icons"; src: url("/rgr/css/fonts/rg-icons.svg#rg-icons") format("svg"); } } /* along w/ fonts, we need to pull in the icon font definitions */ [data-icon]:before { content: attr(data-icon); } [data-icon]:before, .icon-add-a-file:before, .icon-add-this-journalist:before, .icon-add-this-player:before, .icon-airplane-north:before, .icon-airplane-nw:before, .icon-animation:before, .icon-article:before, .icon-autocar:before, .icon-available-on-mobile:before, .icon-bar:before, .icon-bar-location:before, .icon-book:before, .icon-budget:before, .icon-buffet:before, .icon-bus:before, .icon-cart:before, .icon-cloakroom:before, .icon-close:before, .icon-cloudy:before, .icon-column:before, .icon-comment:before, .icon-compass:before, .icon-compass-draw:before, .icon-delete-profile:before, .icon-detailed-programme:before, .icon-directions:before, .icon-disabled-person:before, .icon-down-arrow:before, .icon-down-direction:before, .icon-download:before, .icon-edit-profile:before, .icon-educate:before, .icon-entrance:before, .icon-entry-forms:before, .icon-euro-currency:before, .icon-exclusive-content:before, .icon-exit:before, .icon-facebook:before, .icon-favourite-online:before, .icon-file:before, .icon-flag:before, .icon-follow-a-profile:before, .icon-followed-jornalist:before, .icon-followed-player:before, .icon-forward:before, .icon-gallery:before, .icon-gift:before, .icon-google-plus:before, .icon-hail:before, .icon-heart-rate:before, .icon-help-information:before, .icon-home:before, .icon-hotel:before, .icon-hotline:before, .icon-infirmary:before, .icon-instagram:before, .icon-left-arrow:before, .icon-left-direction:before, .icon-live:before, .icon-location:before, .icon-magazine:before, .icon-mail:before, .icon-map:before, .icon-match-point:before, .icon-mixed-weather:before, .icon-motorcycle:before, .icon-museum-location:before, .icon-news:before, .icon-newsletter:before, .icon-newspaper:before, .icon-notebook:before, .icon-offers-and-prices:before, .icon-online-order-for-catering:before, .icon-opening-closing-times-am:before, .icon-opening-closing-times-pm:before, .icon-parking:before, .icon-pause:before, .icon-pedestrian:before, .icon-picture:before, .icon-pinterest:before, .icon-play:before, .icon-players:before, .icon-profile:before, .icon-question:before, .icon-racquet:before, .icon-radio:before, .icon-rain:before, .icon-real-time-availability:before, .icon-reception-desk:before, .icon-repeat-once:before, .icon-research:before, .icon-resize:before, .icon-restaurant:before, .icon-restaurant-location:before, .icon-rewind:before, .icon-rg-spirit:before, .icon-rg-spirit-sign:before, .icon-right-arrow:before, .icon-right-direction:before, .icon-room:before, .icon-rss:before, .icon-satisfied-or-your-money-back:before, .icon-save:before, .icon-save-profile:before, .icon-schedule:before, .icon-score-keeper:before, .icon-scores:before, .icon-search:before, .icon-secure-payment:before, .icon-send:before, .icon-settings:before, .icon-share:before, .icon-shop-location:before, .icon-shuttle:before, .icon-sound-off:before, .icon-stop:before, .icon-storm:before, .icon-subway:before, .icon-suggested-journalist:before, .icon-suggested-player:before, .icon-suit:before, .icon-sunny:before, .icon-taxi:before, .icon-tickets:before, .icon-tips:before, .icon-traffic-cone:before, .icon-trophy:before, .icon-twitter:before, .icon-up-arrow:before, .icon-up-direction:before, .icon-upload:before, .icon-user-guide:before, .icon-validation-stage:before, .icon-velib:before, .icon-victory:before, .icon-video:before, .icon-view:before, .icon-vine:before, .icon-visit:before, .icon-volume-1:before, .icon-volume-2:before, .icon-volume-3:before, .icon-wallet:before, .icon-warning:before, .icon-warning-1:before, .icon-warning-2:before, .icon-youtube:before { display: inline-block; font-family: "rg-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .icon-add-a-file:before { content: "\f226"; } .icon-add-this-journalist:before { content: "\f227"; } .icon-add-this-player:before { content: "\f228"; } .icon-airplane-north:before { content: "\f229"; } .icon-airplane-nw:before { content: "\f22a"; } .icon-animation:before { content: "\f22b"; } .icon-article:before { content: "\f22c"; } .icon-autocar:before { content: "\f22d"; } .icon-available-on-mobile:before { content: "\f22e"; } .icon-bar:before { content: "\f22f"; } .icon-bar-location:before { content: "\f230"; } .icon-book:before { content: "\f231"; } .icon-budget:before { content: "\f232"; } .icon-buffet:before { content: "\f233"; } .icon-bus:before { content: "\f234"; } .icon-cart:before { content: "\f235"; } .icon-cloakroom:before { content: "\f236"; } .icon-close:before { content: "\f237"; } .icon-cloudy:before { content: "\f238"; } .icon-column:before { content: "\f239"; } .icon-comment:before { content: "\f23a"; } .icon-compass:before { content: "\f23b"; } .icon-compass-draw:before { content: "\f23c"; } .icon-delete-profile:before { content: "\f23d"; } .icon-detailed-programme:before { content: "\f23e"; } .icon-directions:before { content: "\f23f"; } .icon-disabled-person:before { content: "\f240"; } .icon-down-arrow:before { content: "\f241"; } .icon-down-direction:before { content: "\f242"; } .icon-download:before { content: "\f243"; } .icon-edit-profile:before { content: "\f244"; } .icon-educate:before { content: "\f245"; } .icon-entrance:before { content: "\f246"; } .icon-entry-forms:before { content: "\f247"; } .icon-euro-currency:before { content: "\f248"; } .icon-exclusive-content:before { content: "\f249"; } .icon-exit:before { content: "\f24a"; } .icon-facebook:before { content: "\f24b"; } .icon-favourite-online:before { content: "\f24c"; } .icon-file:before { content: "\f24d"; } .icon-flag:before { content: "\f24e"; } .icon-follow-a-profile:before { content: "\f24f"; } .icon-followed-jornalist:before { content: "\f250"; } .icon-followed-player:before { content: "\f251"; } .icon-forward:before { content: "\f252"; } .icon-gallery:before { content: "\f253"; } .icon-gift:before { content: "\f254"; } .icon-google-plus:before { content: "\f255"; } .icon-hail:before { content: "\f256"; } .icon-heart-rate:before { content: "\f257"; } .icon-help-information:before { content: "\f258"; } .icon-home:before { content: "\f259"; } .icon-hotel:before { content: "\f25a"; } .icon-hotline:before { content: "\f25b"; } .icon-infirmary:before { content: "\f25c"; } .icon-instagram:before { content: "\f25d"; } .icon-left-arrow:before { content: "\f25e"; } .icon-left-direction:before { content: "\f25f"; } .icon-live:before { content: "\f260"; } .icon-location:before { content: "\f261"; } .icon-magazine:before { content: "\f262"; } .icon-mail:before { content: "\f263"; } .icon-map:before { content: "\f264"; } .icon-match-point:before { content: "\f265"; } .icon-mixed-weather:before { content: "\f266"; } .icon-motorcycle:before { content: "\f267"; } .icon-museum-location:before { content: "\f268"; } .icon-news:before { content: "\f269"; } .icon-newsletter:before { content: "\f26a"; } .icon-newspaper:before { content: "\f26b"; } .icon-notebook:before { content: "\f26c"; } .icon-offers-and-prices:before { content: "\f26d"; } .icon-online-order-for-catering:before { content: "\f26e"; } .icon-opening-closing-times-am:before { content: "\f26f"; } .icon-opening-closing-times-pm:before { content: "\f270"; } .icon-parking:before { content: "\f271"; } .icon-pause:before { content: "\f272"; } .icon-pedestrian:before { content: "\f273"; } .icon-picture:before { content: "\f274"; } .icon-pinterest:before { content: "\f275"; } .icon-play:before { content: "\f276"; } .icon-players:before { content: "\f277"; } .icon-profile:before { content: "\f278"; } .icon-question:before { content: "\f279"; } .icon-racquet:before { content: "\f27a"; } .icon-radio:before { content: "\f27b"; } .icon-rain:before { content: "\f27c"; } .icon-real-time-availability:before { content: "\f27d"; } .icon-reception-desk:before { content: "\f27e"; } .icon-repeat-once:before { content: "\f27f"; } .icon-research:before { content: "\f280"; } .icon-resize:before { content: "\f281"; } .icon-restaurant:before { content: "\f282"; } .icon-restaurant-location:before { content: "\f283"; } .icon-rewind:before { content: "\f284"; } .icon-rg-spirit:before { content: "\f285"; } .icon-rg-spirit-sign:before { content: "\f286"; } .icon-right-arrow:before { content: "\f287"; } .icon-right-direction:before { content: "\f288"; } .icon-room:before { content: "\f289"; } .icon-rss:before { content: "\f28a"; } .icon-satisfied-or-your-money-back:before { content: "\f28b"; } .icon-save:before { content: "\f28c"; } .icon-save-profile:before { content: "\f28d"; } .icon-schedule:before { content: "\f28e"; } .icon-score-keeper:before { content: "\f28f"; } .icon-scores:before { content: "\f290"; } .icon-search:before { content: "\f291"; } .icon-secure-payment:before { content: "\f292"; } .icon-send:before { content: "\f293"; } .icon-settings:before { content: "\f294"; } .icon-share:before { content: "\f295"; } .icon-shop-location:before { content: "\f296"; } .icon-shuttle:before { content: "\f297"; } .icon-sound-off:before { content: "\f298"; } .icon-stop:before { content: "\f299"; } .icon-storm:before { content: "\f29a"; } .icon-subway:before { content: "\f29b"; } .icon-suggested-journalist:before { content: "\f29c"; } .icon-suggested-player:before { content: "\f29d"; } .icon-suit:before { content: "\f29e"; } .icon-sunny:before { content: "\f29f"; } .icon-taxi:before { content: "\f2a0"; } .icon-tickets:before { content: "\f2a1"; } .icon-tips:before { content: "\f2a2"; } .icon-traffic-cone:before { content: "\f2a3"; } .icon-trophy:before { content: "\f2a4"; } .icon-twitter:before { content: "\f2a5"; } .icon-up-arrow:before { content: "\f2a6"; } .icon-up-direction:before { content: "\f2a7"; } .icon-upload:before { content: "\f2a8"; } .icon-user-guide:before { content: "\f2a9"; } .icon-validation-stage:before { content: "\f2aa"; } .icon-velib:before { content: "\f2ab"; } .icon-victory:before { content: "\f2ac"; } .icon-video:before { content: "\f2ad"; } .icon-view:before { content: "\f2ae"; } .icon-vine:before { content: "\f2af"; } .icon-visit:before { content: "\f2b0"; } .icon-volume-1:before { content: "\f2b1"; } .icon-volume-2:before { content: "\f2b2"; } .icon-volume-3:before { content: "\f2b3"; } .icon-wallet:before { content: "\f2b4"; } .icon-warning:before { content: "\f2b5"; } .icon-warning-1:before { content: "\f2b6"; } .icon-warning-2:before { content: "\f2b7"; } .icon-youtube:before { content: "\f2b8"; } /***element styles***/ body { background-color: #fff; color: #000; padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .table { display: table; } .tr { display: table-row; } .td { display: table-cell; } .tc { display: table-caption; } img { display: block; border: 0px; } select, input { font-size: 1em; color: #000000; } object, a { outline: none; } img.centered { margin-left: auto; margin-right: auto; display: block; text-align: center; border: 0px; } img.right { display: block; border: 0px; float: right; } img.redBdr { display: block; border: 1px; border-style: solid; border-color: #C85A19; } /*** removing the outline around the image map ***/ *:focus { outline: none; outline-width: 0; } /***link styles***/ A:link { color: #C85A19; } A:active { color: #C85A19; } A:visited { color: #789E6D; } A.bold:link, A.bold:active { color: #C85A19; font-weight: bold; } A.bold:visited { color: #789E6D; font-weight: bold; } A.black:link, A.black:active, A.black:visited { color: #000000; text-decoration: none; } A.blue:link, A.blue:active, A.blue:visited { color: #0000FF; } A.footer:link, A.footer:active { font-size: .9em; color: #C5E0C5; } A.footer:visited { font-size: .9em; color: #5A6D5A; } A.articleTitleLink:link, A.articleTitleLink:active, A.articleTitleLink:visited { font-size: .8em; font-weight: bold; text-decoration: none; } A.plain:link, A.plain:active { color: #C85A19; font-weight: bold; text-decoration: none; } A.plain:visited { color: #789E6D; font-weight: bold; text-decoration: none; } .ui-state-disabled a { -webkit-tap-highlight-color: transparent; } /***text styles***/ h1 { margin: 0 0 20px 0; font-size: 1.6em; text-transform: uppercase; color: #2C8656; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 48px; border-bottom: solid 1px #AFAFAF; } h2 { font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 2.1em; color: #000000; margin-top: 24px; margin-bottom: 20px; } h2.galleryHeader { margin: 0; font-size: 1.2em; font-weight: bold; color: #C85A19; line-height: 30px; } h3 { font-size: 1.5em; color: #C85A19; margin: 10px 0px; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-weight: normal; } h4 { margin: 3px 0 6px 0; font-size: 1.2em; } h5 { font-size: 1.1em; color: #000000; margin: 0 0 0 0; font-weight: bold; } h6 { font-size: 1.0em; color: #C85A19; margin: 0 0 0 0; font-weight: bold; } .footerText { color: #FFFFFF; } .bold { font-weight: bold; } .italic { font-style: italic; } /***background styles***/ .tableBorder { background-color: #0B5272; } .whiteBg { background-color: #FFFFFF; } .blueBg { background-color: #029ACD; } /***accessibility styles***/ .access { position: absolute; left: -3000px; width: 500px; } /***photo gallery styles***/ #galleryNav { float: left; width: 590px; width: 570px !important; /*height: 52px; */ /*height: 32px !important;*/ color: #0D6186; background: #d0e5ef url(/images/misc/aus_ms_00000gk.gif) no-repeat bottom; padding: 10px 10px 10px 10px; margin: 0 0 0 0; } #galleryNav ul { list-style-type: none; float: left; width: 523px; margin: 0; padding: 2px 0 0 0; } #galleryNav ul li { float: left; width: 240px; display: inline; line-height: 18px; margin: 0; padding: 0 10px 5px 10px; } .archiveSelect { width: auto; } #galleryIndex { display: table; margin: auto; width: 644px; width: 630px !important; padding: 5px 3px 5px 9px; border-width: 1px; border-top: 0px; border-style: solid; border-color: #A3C2A3; background: url(/images/misc/rgr_ms_04000t4.gif) repeat-x; } .galleryRow { display: table-row; list-style-type: none; float: left; margin: 0px; width: 630px; padding: 0px 0px 0px 0px; background-color: #D1E0D1; border-bottom: 1px solid #ffffff; /* border: 1px solid red; */ } .galleryCell { display: table-cell; float: left; font-weight: normal; display: block; margin: 0px; width: 210px; height: 100%; padding: 15px 0px 10px 0px; /*background-color: #D1E0D1;*/ text-align: center; } #galleryIndex img { margin-top: 0px; margin-right: auto; margin-bottom: 5px; margin-left: auto; width: 150px; height: 150px; /* border: 1px solid #0D6186; */ } #galleryIndex a { text-decoration: none; } #galleryIndex p { font-weight: normal; color: #000000; padding: 0; } #galleryIndexCaption, #galleryIndexCaption2 { width: 150px; color: #000000; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; font-weight: normal; } #galleryContainer { margin: 0 0 10px 0; float: left; } #galleryTitle { text-align: center; margin: 0; padding: 0; line-height: 20px; clear: left; font-size: 1em; color: #0098DA; font-weight: bold; } #galleryContainer ul { list-style-type: none; float: left; margin: 0px; width: 100%; width: 688px; padding: 0px 0px 0px 0px; background-color: #D0E5EF; border-bottom: 1px solid #ffffff; /* border: 1px solid red; */ } #galleryContainer ul li { float: left; font-weight: bold; display: block; margin: 0px; height: 100%; width: 196px; padding: 10px 0px 10px 0px; background-color: #D0E5EF; text-align: center; } #galleryContainer ul li img { /*float: left;*/ margin-top: 0px; margin-bottom: 5px; width: 150px; height: 150px; margin-left: auto; margin-right: auto; border: 1px solid #0D6186; } #galleryContainer ul li a { text-decoration: none; } #galleryContainer ul li p { font-weight: normal; color: #000000; margin: 0; padding: 0; } #galleryCaption { width: 150px; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; } #gallerySubNav { float: left; width: 590px; width: 572px !important; height: 50px; height: 16px !important; color: #004B85; background: #d0e5ef url(/images/misc/aus_ms_00000gk.gif) no-repeat bottom; padding: 16px 9px 18px 9px; margin: 0 0 10px 0; text-align: center; } #galleryInfo { margin: 0 auto; padding: 0; } #galleryPrev { float: left; width: 113px; height: 20px; } #galleryNext { float: right; width: 113px; height: 20px; } #photoTable { clear: left; background-color: #D0E5EF; margin: 0 0 0 0; } #photo_l { width: 590px; width: 517px !important; height: 440px; height: 345px !important; padding: 48px 35px 47px 34px; } #photo_p { width: 590px; width: 280px !important; height: 440px; height: 400px !important; padding: 20px 155px 20px 155px; } #caption { font-weight: bold; background-color: #0D6186; color: #FFFFFF; padding: 5px 70px 5px 70px; } #caption p { margin: 0; padding: 0; } /*** news styles ***/ /*bio styles*/ #bios ul { list-style-type: none; padding: 0 0 0 0; margin: 5px 0 5px 0; text-align: left; } #bios ul li { padding: 0; } .medBrownText { font-size: 1.0em; color: #C85A19; font-weight: bold; } .medBlackText { font-size: 1.0em; color: #000000; font-weight: bold; } .largeBlackText { font-size: 1.4em; color: #000000; font-weight: bold; } /*rel content styles*/ #relatedcontent ul { list-style-type: none; padding: 0 0 0 0; margin: 5px 0 5px 0; text-align: left; } #relatedcontent ul li { padding: 0; } /*img styles*/ .imgBorder { border: 1px solid #0D6186; } /* Sharing/Social Network Lists */ #sharing { width: 130px; display: block; } #shareTable { width: 130px; float: right; clear: right; margin-left: 20px; margin-bottom: 20px; display: inline; } #shareLinks { width: auto; position: relative; list-style-type: none; padding: 0 2px 10px 7px; margin: 5px 0 5px 0px; } #rsscell a img { float: left; margin: 8px 10px 15px 0; } /********** styles for search results page **********/ /* styles for search */ #searchContainer .searchFormContainer { margin: 0 0 20px 0; padding: 10px; } #searchContainer #searchForm { margin: 0px; padding: 0px; height: 24px; } #searchContainer #searchForm #query { float: left; height: 18px; width: 281px; margin-right: 10px; } #searchContainer .helperText { clear: left; margin: 0 0 20px 0; padding: 0px 10px; } #searchContainer #resultsMessage { margin: 0 0 15px 0; font-weight: bold; padding: 0px 10px; } #searchContainer #resultsMessage img { display: inline; } #searchContainer .searchResultsContainer { padding: 0px; padding-top: 15px; border-top: solid 1px #CCCCCC; } #searchContainer .searchResultsContainer ul { list-style: none; padding: 0 0 20px 0; margin: 0px 0 5px 0; border-bottom: solid 1px #CCCCCC; } #searchContainer .searchResultsContainer ul li { list-style: none; padding: 10px 10px 0; margin-bottom: 10px; border-top: solid 1px #EEE8F2; height: 72px; } #searchContainer .searchResultsContainer ul li:first-child { border-top: none; padding-top: 0; } #searchContainer .searchResultsContainer .thumb { float: left; margin-right: 10px; } #searchContainer .searchResultsContainer .title { font-weight: bold; margin-right: 5px; } #searchContainer .searchResultsContainer .title a { font-weight: bold; margin-right: 5px; } #searchContainer .searchResultsContainer .summary { color: #666666; } #searchContainer .searchResultsContainer .summary em { font-weight: bold; } #searchContainer .searchResultsContainer .date { color: #999999; } #searchContainer .searchResultsContainer .title .star { display: inline; padding: 0; } #searchContainer .paginationContainer { display: none; text-align: center; position: relative; width: 400px; margin: 20px auto; } #searchContainer .paginationContainer .plink { padding: 0px 6px; border-left: solid 1px #000000; font-weight: bold; text-decoration: none; } #searchContainer .paginationContainer .plink:first-child { border: none; } #searchContainer .paginationContainer .prev { float: left; background: none; text-decoration: none; font-weight: bold; } #searchContainer .paginationContainer .next { float: right; background: none; text-decoration: none; font-weight: bold; } /*#searchBox .searchBtn {background: url("/images/search/search_go.gif") no-repeat; cursor:pointer; width: 17px; height: 17px; border: none; margin-left:10px;}*/ #searchResultsContainer hr { margin: 10px 0px; border: none; border-bottom: solid 1px #0CA2E3; } .pageSearchButton { background: none repeat scroll 0 0 #0090FF; float: left; font-family: Helvetica,Arial,sans-serif; font-weight: bold; height: 20px; line-height: 20px; margin-left: 10px; padding: 0 3px; width: 54px !important; } .pageSearchButton a { color: #FFFFFF; display: block; height: 18px; padding-left: 11px; text-decoration: none; width: 43px !important; } .alt_text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .misc-sprite, #header_right #top_menu .top_menu_item.dropdown a:after, #header_right #top_menu .top_menu_item.tournament.dropdown a:after { background-image: url('/sprites/../sprites/misc-sd4f0db0ce9.png'); background-repeat: no-repeat; } body { background-color: #fff; color: #000; padding: 0; margin: 0; } #header { background-color: #fff; height: 90px; clear: both; line-height: normal; margin: 0; position: fixed; top: 0px; width: 100%; color: #c85a19; font-family: 'rg_textregular'; z-index: 3; /* .header_section.header_hide { display: none; } */ /* #header_search.selected { background-color: #00503c; } */ } #header #header_event { padding-right: 10px; } #header #header_event #header_logo { display: inline-block; float: left; margin-top: 20px; margin-left: 15px; height: 44px; width: 44px; } #header #header_event #header_info { float: left; text-align: center; color: #555555; margin: 0; } #header #header_event #header_info #info_rg_name { font-family: 'rg_titlebold'; font-size: 9px; margin: 35px 0 0 10px; padding: 0; } #header #header_event #header_info #info_rg_date { font-size: 8px; margin: 0 0 0 10px; padding: 0; } #header #header_right { position: absolute; right: 0; border-right: none; } #header .header_section { float: left; border-right: 1px #e7e7e7 solid; height: 100%; /* #header_logo_spacer { float: left; width: 130px; height: 1px; @media only screen and (max-width: $screen-sm-max) { //display: block; display: none; } @media only screen and (min-width: $screen-md-min) { display: none; } } */ /* #header_scores, #header_live_blog, #header_schedule { @media only screen and (max-width: $screen-xs-max) { display: none; } @media only screen and (min-width: $screen-sm-min) { display: block; } } #header_cart { @media only screen and (max-width: $screen-md-max) { display: none; } @media only screen and (min-width: $screen-tb-min) { display: block; } } #header_twitter { @media only screen and (max-width: $screen-md-max) { display: none; } @media only screen and (min-width: $screen-tb-min) { display: block; } } .header_dropdown_button.selected { background-color: #00503c; color: #fff; .scores_live { background-color: #fff; color: #00503c; } .arrow_down { background: url('../../sprites/menu-arrow.png') -18px 0; } } */ } #header #header_menu_button { width: 59px; border-right: 1px #e7e7e7 solid; height: 100%; position: relative; cursor: pointer; } #header #header_menu_button #menu_button { padding: 0; margin-top: 10px; height: auto; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; color: #555; } #header #header_menu_button #menu_button img { top: 21px; left: 17px; position: absolute; } #header #header_menu_button #menu_button span { font-size: 13px; display: block; position: absolute; width: 100%; text-align: center; bottom: 19px; } #header #header_menu_button #close_menu_button { background-color: #00503c; font-size: 24px; color: #fff; padding: 21px 0 0 17px; margin-top: 10px; height: auto; position: absolute; display: none; top: 0; bottom: 0; left: 0; right: 0; } #header #header_ibm #data_image { margin: 24px 17px 0 17px; display: none; } #header #header_ibm #logo_image { margin: 32px 15px 0 15px; display: block; } #header #header_menu_language { text-align: center; } #header #header_menu_language .header_lang_flags a { margin-left: 10px; margin-right: 10px; } #header #header_language { display: none; } #header #header_language img { display: block; margin: 0 21px 6px 21px; } #header #header_language img:first-of-type { margin-top: 8px; } #header #header_search { border: none; cursor: pointer; line-height: 80px; display: none; color: #00503C; } #header #header_search i { display: block; font-size: 30px; padding: 0 5px; } #header #header_search.selected { background-color: #00503C; color: #FFFFFF; } #header #header_border { height: 10px; background-color: #00503c; position: absolute; bottom: 0px; width: 100%; } #header #header_menu_container { overflow-y: auto; overflow-x: hidden; position: absolute; top: 90px; display: none; float: left; width: 250px; z-index: 2; -webkit-backface-visibility: hidden; } #header #header_menu_container #header_menu { padding-top: 35px; background-color: #00503c; font-family: 'rg_textbold'; bottom: 0; font-size: 15px; color: #fff; } #header #header_menu_container #header_menu a { text-decoration: none; color: #FFF; } #header #header_menu_container #header_menu .header_border { margin-left: 15px; width: 220px; border-bottom: 1px solid #125c4a; padding: 16px 0 16px 12px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } #header #header_menu_container #header_menu .header_border a { display: block; } #header #header_menu_container #header_menu .arrow_down { vertical-align: top; margin: 8px 0 0 4px; width: 9px; height: 4px; background: url("../../sprites/nav-arrow.png") 0 0; display: inline-block; float: right; } #header #header_menu_container #header_menu .header_menu_item { cursor: pointer; text-transform: uppercase; } #header #header_menu_container #header_menu .header_menu_item:not(.sub) .header_border { padding: 0; } #header #header_menu_container #header_menu .header_menu_item:not(.sub) .header_border a { padding: 16px 0 16px 12px; } #header #header_menu_container #header_menu .header_menu_item:last-of-type .header_border { border: none; } #header #header_menu_container #header_menu .header_menu_item.selected { background-color: #2c8656; } #header #header_menu_container #header_menu .header_menu_item.selected .header_border { border: none; } #header #header_menu_container #header_menu .header_menu_item.selected .arrow_down { background: url("../../sprites/nav-arrow.png") -9px 0; } #header #header_menu_container #header_menu .header_menu_item.mobile_item { display: none; /*@media only screen and (max-width: 768px) { display: block; }*/ } #header #header_menu_container #header_menu .header_menu_item.mobile_item:nth-of-type(4) { display: none; } @media only screen and (max-width: 1032px) { #header #header_menu_container #header_menu .header_menu_item.mobile_item:nth-of-type(4) { display: block; } } #header #header_menu_container #header_menu #header_menu_links { padding-bottom: 10px; } #header #header_menu_container #header_menu #header_menu_links i { font-size: 20px; margin-right: 10px; } #header #header_menu_container #header_menu #header_menu_social, #header #header_menu_container #header_menu #header_menu_language { margin-left: 15px; width: 220px; border-top: 1px solid #125c4a; padding-bottom: 8px; } #header #header_menu_container #header_menu #header_menu_social p, #header #header_menu_container #header_menu #header_menu_language p { font-family: 'rg_textregular'; font-size: 11px; text-align: center; } #header #header_menu_container #header_menu #header_menu_social i, #header #header_menu_container #header_menu #header_menu_language i { font-size: 33px; } #header #header_menu_container #header_menu #header_menu_social i { font-size: 30px; margin: 0 3px; } #header #header_menu_container #header_menu #header_menu_language img { display: inline-block; } #header #header_menu_container #header_menu #header_menu_language.mobile_item { display: none; } @media only screen and (max-width: 1172px) { #header #header_menu_container #header_menu #header_menu_language.mobile_item { display: block; } } #header #header_menu_container #header_menu .header_submenu { background-color: #2c8656; font-family: 'rg_textregular'; font-size: 14px; display: none; } #header #header_menu_container #header_menu .header_submenu .header_submenu_item a { padding: 13px 0 13px 60px; display: block; } #header #header_menu_container #header_menu .header_menu_ad { width: 230px; height: 60px; margin: auto; } #header #header_search_bar { font-family: 'rg_textlight'; font-size: 0px; position: absolute; background-color: #fff; top: 90px; height: 186px; display: none; width: 100%; z-index: 1; text-align: center; border-top: solid 30px #00503C; } #header #header_search_bar.open { display: block; } #header #header_search_bar #ksearch { line-height: 186px; } #header #header_search_bar input[type="text"] { font-family: 'rg_textlight'; font-size: 18px; width: 577px; height: 50px; margin-top: 20px; padding-left: 20px; border: 1px solid #eee; margin-left: 0; margin-right: 0; } #header #header_search_bar input[type="submit"] { display: inline-block; font-family: 'rg_textlight'; font-size: 18px; height: 50px; color: #fff; background-color: #ff784d; border: 0; position: relative; top: -1px; } #header #header_search_bar .search_menu_top { vertical-align: middle; display: inline-block; color: #afafaf; font-size: 18px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; height: 48px; padding-left: 5px; padding-right: 5px; margin-top: -6px; margin-left: 0; margin-right: 0; } #header #header_search_bar .search_menu_top span { display: inline-block; margin-top: 14px; } #header #header_search_bar .header_search_menu { vertical-align: middle; width: 100px; overflow: hidden; background-color: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; display: inline-block; margin-top: -12px; } #header #header_search_bar .header_search_menu select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: transparent; font-family: 'rg_textlight'; background: url(/images/menu-down.png) no-repeat 95% 50%; border: none; color: #afafaf; font-size: 18px; height: 48px; padding: 5px; /* If you add too much padding here, the options won't show in IE */ width: 100px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #header .masthead_menu { font-family: 'rg_textlight'; position: absolute; background-color: #FFFFFF; top: 90px; display: none; width: 100%; z-index: 1; text-align: center; height: 216px; } #header .masthead_menu.open { display: none; } #header .masthead_menu .masthead_header { height: 30px; background-color: #00503c; color: #fff; font-family: 'rg_textregular'; font-size: 14px; } #header .masthead_menu .masthead_container { white-space: nowrap; overflow: hidden; text-align: left; font-size: 0; } #header_spacer { width: 100%; height: 90px; } #section_selector { position: fixed; right: 20px; top: 45%; z-index: 1; cursor: pointer; display: none; } #section_selector div { font-size: 10px; color: #65CFE9; height: 16px; line-height: 16px; padding: 0px 8px; font-family: 'rg_titlebold', Arial, Helvetica, sans-serif; clear: right; float: right; text-transform: uppercase; text-align: right; } #section_selector div:after { content: ' \25CF'; float: right; display: block; } #section_selector div:hover { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.3); } #section_selector div:hover:before { content: attr(data-title); font-size: 14px; padding-right: 5px; } #section_selector div:hover:after { content: ' \25CF'; float: right; font-size: 20px; margin-right: -3px; display: block; } #section_selector div.current_section:after { content: ' \25CF'; float: right; font-size: 20px; margin-right: -3px; display: block; } #section_selector div.current_section.active { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.3); } #section_selector div.current_section.active:before { content: attr(data-title); font-size: 14px; padding-right: 5px; } #section_selector div.current_section.active:after { content: ' \25CF'; font-size: 20px; float: right; display: block; } #rgPrivacyBanner { position: fixed; width: 100%; padding: 20px; background: #01503D; z-index: 2; text-align: center; color: #FFFFFF; font-size: 1.4em; display: none; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #rgPrivacyBanner a { color: #FFFFFF; } #rgPrivacyBanner .accept { display: inline-block; padding: 0px 10px; background: #C85A19; height: 25px; line-height: 25px; } #rgPrivacyBanner .accept a { text-decoration: none; text-transform: uppercase; } #header_right { /* jQuery Countdown styles 1.5.8. */ } #header_right #top_menu { display: none; } #header_right #top_menu .top_menu_item { display: none; padding: 10px 8px 0px; text-transform: uppercase; text-align: center; font-family: 'rg_condensedbold', Arial, Helvetica, sans-serif; font-size: 12px; } #header_right #top_menu .top_menu_item i { font-size: 20px; } #header_right #top_menu .top_menu_item a { text-decoration: none; color: #00503C; } #header_right #top_menu .top_menu_item img { display: inline; vertical-align: bottom; } #header_right #top_menu .top_menu_item span { display: block; margin-top: 3px; } #header_right #top_menu .top_menu_item.dropdown a:after { content: "\10"; width: 9px; height: 5px; display: block; margin: 0px auto; background-position: 0 -5px; /* position:absolute; left:50%; margin-left:-4.5px; bottom:5px; */ } #header_right #top_menu .top_menu_item.tournament a { color: #C85A19; } #header_right #top_menu .top_menu_item.tournament.dropdown a:after { background-position: 0 -10px; } @media only screen and (max-width: 527px) { #header_right #top_menu .top_menu_item.icon_display_mobile { display: none; } } @media only screen and (min-width: 528px) { #header_right #top_menu .top_menu_item.icon_display_mobile { display: table-cell; } } @media only screen and (max-width: 1031px) { #header_right #top_menu .top_menu_item.icon_display_tablet { display: none; } } @media only screen and (min-width: 1032px) { #header_right #top_menu .top_menu_item.icon_display_tablet { display: table-cell; } } @media only screen and (max-width: 1172px) { #header_right #top_menu .top_menu_item.icon_display_desktop { display: none; } } @media only screen and (min-width: 1173px) { #header_right #top_menu .top_menu_item.icon_display_desktop { display: table-cell; } } #header_right #header_countdown { display: none; float: left; text-align: center; padding: 0px 10px; width: 168px; } #header_right #header_countdown a { text-decoration: none; } #header_right #header_countdown .countdown-label { color: #555555; font-size: 12px; margin: 4px 0 0 0; padding: 0; font-family: 'rg_titlebold'; } #header_right #header_countdown .countdown-logo { margin: 0px auto; } #header_right #header_countdown .countdown { font-size: 16px; margin: 3px 0px; padding: 0; text-align: center; width: 100%; display: table; height: 26px; line-height: 13px; } #header_right #header_countdown .countdown .countdown-row { width: 100%; text-align: center; } #header_right .hasCountdown { display: table; } #header_right .countdown_rtl { direction: rtl; } #header_right .countdown_row { display: table-row; padding: 0px 0px; text-align: center; } #header_right .countdown_section { display: table-cell; text-align: center; padding: 0px 3px; border-left: solid 1px #E7E7E7; } #header_right .countdown_section:first-child { border-left: none; } #header_right .countdown_section .countdown_label { font-size: 11px; font-family: "Arial Narrow"; font-weight: bold; color: #555555; } #header_right .countdown_section .countdown_amount { font-size: 18px; font-family: 'rg_textbold', Arial, Helvetica, sans-serif; } #header_right .countdown_descr { display: block; width: 100%; } #header_right .countdown_separator { display: table-cell; padding: 0px 0px; vertical-align: bottom; } #live_blog_section #live_blog_header input[type="checkbox"] { display: none; } #live_blog_section #live_blog_header input[type="checkbox"] + label { color: #afafaf; font-family: 'rg_titlebold'; } #live_blog_section #live_blog_header input[type="checkbox"] + label span { display: inline-block; width: 16px; height: 17px; margin: -1px 4px 0 31px; vertical-align: middle; background: url(/sprites/checkbox.png) -16px top no-repeat; cursor: pointer; } #live_blog_section #live_blog_header input[type="checkbox"]:checked + label { color: #fff; } #live_blog_section #live_blog_header input[type="checkbox"]:checked + label span { background: url(/sprites/checkbox.png) left top no-repeat; } #live_blog_section #live_blog_container { height: 186px; } #live_blog_section #live_blog_container .left_scroll { border-right: 1px solid #adaeaf; float: left; } #live_blog_section #live_blog_container .right_scroll { border-left: 1px solid #adaeaf; float: right; } #live_blog_section #live_blog_container .scroll { width: 60px; height: 186px; position: relative; color: #787979; cursor: pointer; } #live_blog_section #live_blog_container .scroll i { font-size: 50px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 50px; width: 50px; } #live_blog_section #live_blog_container #blog_post_container { overflow-y: hidden; height: 186px; } #live_blog_section #live_blog_container .live_blog_post { height: 186px; display: inline-block; margin: 0; vertical-align: top; color: #555555; border-left: 1px solid #a8aaaa; font-size: 12px; white-space: normal; padding: 12px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'rg_textregular'; overflow-y: hidden; min-width: 100px; max-width: 350px; position: relative; height: 100%; } #live_blog_section #live_blog_container .live_blog_post .blog_header { font-family: 'rg_titleregular'; font-size: 18px; } #live_blog_section #live_blog_container .live_blog_post i { color: #c85a19; margin-left: 10px; } #live_blog_section #live_blog_container .live_blog_post .see_more { width: auto; font-family: 'rg_textregular'; font-size: 14px; color: #fff; background-color: #ef7f44; padding: 0px 11px; vertical-align: bottom; position: absolute; right: 5px; bottom: 5px; } #live_blog_section #live_blog_container .live_blog_post .see_more a, #live_blog_section #live_blog_container .live_blog_post .see_more a:link, #live_blog_section #live_blog_container .live_blog_post .see_more a:visited { color: #fff; text-decoration: none; } #live_blog_section #live_blog_container .live_blog_post:nth-of-type(1) { border-left: none; } #live_blog_section #live_blog_container .live_blog_post.text { width: 219px; } #live_blog_section #live_blog_container .live_blog_post.liveblog .blog_title { font-family: 'rg_titleregular'; } #live_blog_section #live_blog_container .live_blog_post.video div { position: relative; } #live_blog_section #live_blog_container .live_blog_post.video i { color: #fff; position: absolute; font-size: 32px; top: 0; bottom: 0; left: 0; right: 0; height: 32px; width: 32px; margin: auto; } #live_blog_section #live_blog_container .live_blog_post.article .blog_article img, #live_blog_section #live_blog_container .live_blog_post.hashtag .blog_article img, #live_blog_section #live_blog_container .live_blog_post.tweet .blog_article img { float: left; margin-right: 15px; } #live_blog_section #live_blog_container .live_blog_post.article .blog_article .blog_description, #live_blog_section #live_blog_container .live_blog_post.hashtag .blog_article .blog_description, #live_blog_section #live_blog_container .live_blog_post.tweet .blog_article .blog_description { float: left; position: relative; width: 176px; height: 95px; } #live_blog_section #live_blog_container .live_blog_post.article .blog_article .tweet_image, #live_blog_section #live_blog_container .live_blog_post.article .blog_article .tweet_video, #live_blog_section #live_blog_container .live_blog_post.hashtag .blog_article .tweet_image, #live_blog_section #live_blog_container .live_blog_post.hashtag .blog_article .tweet_video, #live_blog_section #live_blog_container .live_blog_post.tweet .blog_article .tweet_image, #live_blog_section #live_blog_container .live_blog_post.tweet .blog_article .tweet_video { float: left; } #live_blog_section #live_blog_container .live_blog_post.article .blog_article .tweet_image img, #live_blog_section #live_blog_container .live_blog_post.article .blog_article .tweet_video img, #live_blog_section #live_blog_container .live_blog_post.hashtag .blog_article .tweet_image img, #live_blog_section #live_blog_container .live_blog_post.hashtag .blog_article .tweet_video img, #live_blog_section #live_blog_container .live_blog_post.tweet .blog_article .tweet_image img, #live_blog_section #live_blog_container .live_blog_post.tweet .blog_article .tweet_video img { max-height: 100px; } #live_blog_section #live_blog_container .live_blog_post.article .blog_article .tweet_video a, #live_blog_section #live_blog_container .live_blog_post.hashtag .blog_article .tweet_video a, #live_blog_section #live_blog_container .live_blog_post.tweet .blog_article .tweet_video a { position: relative; display: block; } #live_blog_section #live_blog_container .live_blog_post.article .blog_article .tweet_video .content_icon, #live_blog_section #live_blog_container .live_blog_post.hashtag .blog_article .tweet_video .content_icon, #live_blog_section #live_blog_container .live_blog_post.tweet .blog_article .tweet_video .content_icon { width: 31px; height: 31px; font-size: 30px; color: #fff; top: 35px; left: 35px; } #live_blog_section #live_blog_container .live_blog_post.article .blog_article .tweet_video .content_icon i, #live_blog_section #live_blog_container .live_blog_post.hashtag .blog_article .tweet_video .content_icon i, #live_blog_section #live_blog_container .live_blog_post.tweet .blog_article .tweet_video .content_icon i { color: #fff; margin-left: 0; margin-top: 0; } #live_blog_section #live_blog_container .live_blog_post.article .blog_article .twitter_avatar img, #live_blog_section #live_blog_container .live_blog_post.hashtag .blog_article .twitter_avatar img, #live_blog_section #live_blog_container .live_blog_post.tweet .blog_article .twitter_avatar img { width: 30px; height: 30px; } @media only screen and (min-width: 33em) { #header .masthead_menu.open { display: block; } #header_right #top_menu { display: table; } #header_right #top_menu .top_menu_item:nth-child(-n+2) { display: table-cell; } #section_selector { display: block; } } @media only screen and (min-width: 48em) { #header_right #top_menu { display: table; } #header_right #top_menu .top_menu_item:nth-child(-n+4) { display: table-cell; } } @media only screen and (min-width: 64em) { #header #header_event #header_logo { top: 8px; left: 70px; margin-top: auto; margin-left: auto; position: absolute; z-index: 3; width: 92px; height: 92px; } #header #header_event #header_info { margin: 24px 0 0 100px; } #header #header_event #header_info #info_rg_name { font-family: 'rg_titlebold'; font-size: 20px; margin: 0; padding: 0; } #header #header_event #header_info #info_rg_date { font-size: 12px; margin: 0; padding: 0; } #header #header_ibm #data_image { display: block; } #header #header_ibm #logo_image { display: none; } #header.syn #header_event #header_logo { left: 10px; } #header_right #header_search { display: block; } #header_right #top_menu { display: table; } #header_right #top_menu .top_menu_item:nth-child(-n+5) { display: table-cell; } } @media only screen and (min-width: 81.25em) { #header #header_language { display: block; } #header_right #top_menu .top_menu_item:nth-child(-n+6) { display: table-cell; } #header_right #header_countdown { display: block; } } body { background-color: #fff; padding: 0; margin: 0; } /* start with smallest screen */ #content_mobile_footer { background-color: #00503c; height: 184px; width: 100%; color: #80a89e; font-family: 'rg_textregular'; clear: both; display: none; } #content_mobile_footer .content_footer_section { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; height: 100%; font-size: 12px; text-align: center; padding-top: 6px; } #content_mobile_footer .content_footer_section .header { color: #80a89e; font-size: 13px; margin-bottom: 10px; text-transform: uppercase; display: none; } @media only screen and (max-width: 639px) { #content_mobile_footer { display: block; } } #content_footer { width: 100%; color: #80a89e; font-family: 'rg_textregular'; clear: both; width: 100%; } #content_footer:before { content: " "; height: 20px; width: 100%; display: block; } #content_footer .content_footer_table { display: table; width: 100%; } #content_footer .content_footer_table.top_footer { height: 100px; border-top: solid 1px #EAEAEA; table-layout: auto; } #content_footer .content_footer_table.top_footer .title { font-family: 'rg_titlebold', Arial, Helvetica, sans-serif; color: #555555; font-size: 16px; text-transform: uppercase; margin: 10px 0px; } #content_footer .content_footer_table.top_footer .header { font-family: 'rg_titlebold', Arial, Helvetica, sans-serif; color: #555555; font-size: 12px; text-transform: uppercase; margin: 10px 0px 3px; } #content_footer .content_footer_table.top_footer .content_footer_section { display: table-cell; border-left: solid 1px #EAEAEA; padding: 0px 25px; } #content_footer .content_footer_table.top_footer .content_footer_section:first-of-type { border-left: none; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(1) { background: #EAEAEA; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(1) a { color: #C85A19; text-transform: uppercase; text-decoration: none; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(1) .hr { border-bottom: solid 1px #D8D8D8; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(3) .partner_container { display: table; width: 100%; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(3) .partner_logo { display: table-cell; height: 100%; text-align: left; padding-right: 10px; } #content_footer .content_footer_table.bottom_footer { height: 142px; background-color: #00503c; table-layout: auto; } #content_footer .content_footer_table.bottom_footer .content_footer_section { display: table-cell; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #0d5946; height: 100%; font-size: 12px; text-align: left; padding: 30px 15px 0px; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(1) { width: 20%; border: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(2) { width: 30%; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(3) { width: 20%; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(4) img { margin: 0px auto; display: inline-block; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(5) { width: 25%; } #content_footer .content_footer_table.bottom_footer .content_footer_section .header { color: #80a89e; font-size: 13px; margin-bottom: 20px; text-transform: uppercase; } #content_footer .content_footer_table.bottom_footer .content_footer_section a { text-decoration: none; color: #80a89e; } #content_footer .content_footer_table.bottom_footer .content_footer_section p { margin: 0; padding: 0; } #content_footer .content_footer_table.bottom_footer .content_footer_section .icon_block { font-size: 31px; float: left; } #content_footer .content_footer_table.bottom_footer .content_footer_section .icon_block i { margin-right: 7px; } #content_footer .content_footer_table.bottom_footer .content_footer_section input[type=text] { border-top: 1px solid #80a89e; border-left: 1px solid #80a89e; border-bottom: 1px solid #80a89e; border-right: none; color: #80a89e; background: none; font-family: 'rg_textregular'; height: 18px; vertical-align: bottom; } #content_footer .content_footer_table.bottom_footer .content_footer_section ::-webkit-input-placeholder { color: #80a89e; } #content_footer .content_footer_table.bottom_footer .content_footer_section :-moz-placeholder { /* Firefox 18- */ color: #80a89e; } #content_footer .content_footer_table.bottom_footer .content_footer_section ::-moz-placeholder { /* Firefox 19+ */ color: #80a89e; } #content_footer .content_footer_table.bottom_footer .content_footer_section :-ms-input-placeholder { color: #80a89e; } #content_footer .content_footer_table.bottom_footer .content_footer_section input[type=button] { border: 1px solid #80a89e; color: #80a89e; background: none; font-family: 'rg_textregular'; height: 18px; margin-left: -3px; } #content_footer .content_footer_table.bottom_footer .content_footer_section .footer_logo { float: left; height: 100%; margin-right: 11px; } #content_footer .content_footer_table.bottom_footer .content_footer_section .footer_logo_description { height: 100%; } #content_footer .content_footer_table.bottom_footer .content_footer_section .footer_input { margin-top: 13px; margin-bottom: 13px; } #content_footer .content_footer_table.bottom_footer .content_footer_section .footer_row:nth-of-type(1) { border-bottom: 1px solid #0d5946; } #content_footer .content_footer_table.bottom_footer .content_footer_section .footer_row:nth-of-type(2) { padding-top: 18px; } #content_footer .content_footer_table.bottom_footer .content_footer_section .footer_row { float: left; } #content_footer .content_footer_table.bottom_footer .content_footer_section .footer_row img { cursor: pointer; } #content_footer .content_footer_table.bottom_footer .content_footer_section .footer_row .header { float: left; width: 90px; } #content_footer .content_footer_table.bottom_footer .content_footer_section .footer_row .app_links { float: left; } @media only screen and (min-width: 20em) { #content_footer .content_footer_table.top_footer { display: table; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(1) { display: none; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(2) { display: block; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(3) { display: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(1) { display: table-cell; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(1) .footer_logo { display: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(1) .footer_logo_description { text-align: center; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(2) { display: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(3) { display: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(4) { display: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(5) { display: none; } } @media only screen and (min-width: 48em) { #content_footer { display: block; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(1) { display: table-cell; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(2) { display: table-cell; } #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(3) { display: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(1) { display: table-cell; width: 20%; border: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(1) .footer_logo { display: block; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(1) .footer_logo_description { text-align: left; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(2) { display: table-cell; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(3) { display: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(4) { display: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(5) { display: none; } } @media only screen and (min-width: 64em) { #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(1) { display: table-cell; width: 30%; border: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(2) { display: table-cell; width: 40%; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(3) { display: table-cell; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(3) p { display: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(3) p:nth-of-type(-n+4) { display: block; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(4) { display: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(4) img { margin: 0px auto; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(5) { display: none; } } @media only screen and (min-width: 81.25em) { #content_footer .content_footer_table.top_footer .content_footer_section:nth-of-type(3) { display: table-cell; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(1) { display: table-cell; width: 10%; border: none; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(2) { display: table-cell; width: 15%; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(3) { display: table-cell; width: 10%; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(4) { display: table-cell; width: 15%; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(4) img { margin: 0px auto; } #content_footer .content_footer_table.bottom_footer .content_footer_section:nth-of-type(5) { display: table-cell; } } #content_footer.syn { position: fixed; bottom: 0px; left: 0px; background: #EAEAEA; display: table; color: #555555; text-align: center; height: 100px; } #content_footer.syn .content_footer_section { display: table-cell; vertical-align: middle; } #content_footer.syn .content_footer_section.syn { width: auto; } #content_footer.syn .content_footer_section.syn .logo { height: 85px; background: #FFFFFF; display: inline-block; -moz-border-radius: 5px / 5px; -webkit-border-radius: 5px 5px; border-radius: 5px / 5px; line-height: 85px; } #content_footer.syn .content_footer_section.syn .logo img { position: relative; margin-left: auto; margin-right: auto; top: 50%; transform: translateY(-50%); } #content_footer.syn .content_footer_section.ad { width: 728px; display: none; } #content_footer.syn .content_footer_section.promo { display: none; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; } #content_footer.syn .content_footer_section.promo .line1 { font-size: 1em; } #content_footer.syn .content_footer_section.promo .line2 { font-size: 1.6em; } @media only screen and (min-width: 48em) { #content_footer.syn .content_footer_section.syn { width: 292px; } #content_footer.syn .content_footer_section.ad { width: auto; display: table-cell; } } @media only screen and (min-width: 64em) { #content_footer.syn .content_footer_section.syn { width: 292px; } #content_footer.syn .content_footer_section.ad { width: 728px; display: table-cell; } #content_footer.syn .content_footer_section.promo { display: none; } } @media only screen and (min-width: 81.25em) { #content_footer.syn .content_footer_section.promo { display: table-cell; } } #scores_section { font-family: 'rg_textlight'; background-color: rgba(255, 255, 255, 0.95); width: 100%; z-index: 1; text-align: center; height: 216px; margin-bottom: 10px; display: none; } #scores_section #scores_header { height: 30px; background-color: #00503c; color: #fff; font-family: 'rg_textregular'; font-size: 14px; font-family: 'rg_titlebold'; display: none; } #scores_section #scores_header input[type="radio"] { display: none; } #scores_section #scores_header input[type="radio"] + label { color: #afafaf; padding: 0px 20px; } #scores_section #scores_header input[type="radio"] + label span { display: inline-block; width: 17px; height: 17px; margin: -1px 4px 0 0; vertical-align: middle; background: url(/sprites/radio.png) -17px top no-repeat; cursor: pointer; } #scores_section #scores_header input[type="radio"]:checked + label { color: #fff; } #scores_section #scores_header input[type="radio"]:checked + label span { background: url(/sprites/radio.png) left top no-repeat; } #scores_section #scores_courts { display: table; width: 100%; } #scores_section #scores_courts .left_scroll { width: 60px; height: 186px; border-right: 1px solid #adaeaf; cursor: pointer; } #scores_section #scores_courts .right_scroll { border-left: 1px solid #adaeaf; width: 60px; height: 186px; cursor: pointer; } #scores_section #scores_courts .scroll_spacer { width: 14px; height: 186px; float: right; background: white; z-index: 1; position: relative; } #scores_section #scores_courts > .scroll { display: none; width: 0px; position: relative; color: #787979; cursor: pointer; z-index: 1; background: #FFFFFF; } #scores_section #scores_courts > .scroll i { font-size: 50px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 50px; width: 50px; } #scores_section #scores_courts .match_carousel { display: table-cell; width: 100%; padding-right: 10px; } #scores_section #scores_courts .caroufredsel_wrapper { width: 100% !important; } #scores_section #scores_courts .match_container { height: 186px; padding-left: 10px; } #scores_section #scores_courts .tracker_promo { display: none; } #scores_section #scores_pager { height: 40px; line-height: 40px; display: table; text-align: center; width: 100%; } #scores_section #scores_pager .left_scroll { display: table-cell; width: 40px; color: #C85A19; border: none; padding-left: 11px; font-size: 22px; cursor: pointer; } #scores_section #scores_pager .right_scroll { display: table-cell; width: 40px; color: #C85A19; border: none; padding-right: 11px; font-size: 22px; cursor: pointer; } #scores_section #scores_pager .pager { font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 14px; display: table-cell; width: 100%; } #scores_section #scores_pager .pager .crt_num.en_FR:after { content: " of "; } #scores_section #scores_pager .pager .crt_num.fr_FR:after { content: " sur "; } #scores_section #scores_container { white-space: nowrap; overflow: hidden; text-align: left; font-size: 0; font-size: 15px; } #scores_section #scores_container #scores_tracker { float: right; display: none; background-color: #65cfe9; height: 186px; text-align: center; color: #fff; position: relative; z-index: 1; } #scores_section #scores_container #scores_tracker #live_link { position: relative; text-align: center; font-family: 'rg_textregular'; font-size: 32px; background-color: #32a8c7; border: 3px solid #82edff; margin: 10px auto; } #scores_section #scores_container #scores_tracker #live_link img { position: absolute; bottom: 10px; right: 10px; } #scores_section #scores_container #scores_tracker #live_link.fr_size { font-size: 20px; padding: 10px 0; margin-bottom: 5px; } #scores_section #scores_container #scores_tracker #live_link.fr_size img { bottom: 15px; } #scores_section #scores_container #scores_tracker #tracker_ibm { display: inline; margin-top: 10px; } #scores_section #scores_container #scores_tracker #tracker_windows { display: inline; position: absolute; bottom: 14px; right: 14px; } .ss_external #scores_section #scores_courts .tracker_promo { display: none; } @media only screen and (min-width: 48em) { #scores_section #scores_container #scores_tracker { display: block; width: 128px; } #scores_section #scores_container #scores_tracker #live_link { width: 108px; font-size: 24px; } #scores_section #scores_container #scores_tracker #live_link img { display: none; } #scores_section #scores_container #scores_tracker #tracker_windows { position: relative; display: block; margin: 0px auto; right: auto; bottom: auto; } #scores_section #scores_header { display: block; position: relative; line-height: 27px; } #scores_section #scores_header #scores_radio { position: absolute; top: 0px; right: 0px; border-left: solid 1px #AFAFAF; width: 188px; height: 25px; text-align: center; } #scores_section #scores_header #scores_radio.off { display: none; } #scores_section #scores_header #scores_radio a { color: #FFFFFF; } #scores_section #scores_header #scores_radio .label { font-family: 'rg_condensedbold', Arial, Helvetica, sans-serif; font-size: 12px; display: inline-block; padding-left: 30px; line-height: 30px; background: url("/images/nav/radio-en.png") no-repeat left; } #scores_section #scores_courts { display: table; } #scores_section #scores_courts .match_container { padding-left: 15px; } #scores_section #scores_courts > .scroll { width: 60px; display: table-cell; } #scores_section #scores_courts .tracker_promo { display: table-cell; width: 128px; } #scores_section #scores_courts .match_carousel { width: calc(100% - 128px - 60px); padding-right: 0px; } #scores_section #scores_pager { display: none; } } @media only screen and (min-width: 81.25em) { #scores_section #scores_container #scores_tracker { width: 189px; } #scores_section #scores_container #scores_tracker #live_link { width: 160px; font-size: 32px; } #scores_section #scores_container #scores_tracker #live_link img { display: block; } #scores_section #scores_container #scores_tracker #tracker_windows { display: inline; position: absolute; bottom: 14px; right: 14px; } #scores_section #scores_courts { display: table; } #scores_section #scores_courts .match_carousel { width: calc(100% - 189px - 120px); } } #round_selector select:first-child { margin-right: 18px; } #eventSel { background-color: #f6f6f6; text-align: center; } #eventSel select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; font-family: 'rg_textregular'; background: url(../../sprites/draws-arrow.png) no-repeat 95% 50%; background-color: #fff; border: 2px solid #afafaf; color: #06503c; font-size: 18px; height: 48px; padding: 5px; /* If you add too much padding here, the options won't show in IE */ width: 265px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin-top: 25px; margin-bottom: 25px; text-transform: uppercase; } .crticon { float: left; } .crtpts { float: left; font-weight: bold; } .crtset { float: left; border-left: solid 1px #EBEBEB; font-weight: bold; } .winscore { color: #C85A19; } .scoringtable { float: left; text-align: left; border: solid 1px #EBEBEB; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .scoringtable sup, .scoringtable sub { vertical-align: baseline; position: relative; top: -0.4em; } .scoringtable sub { top: 0.4em; } .scoringtable .eventinfo { float: left; width: 100%; color: #AFAFAF; text-transform: uppercase; cursor: pointer; text-align: center; } .scoringtable .eventinfo .titleSup { position: relative; font-size: .8em; top: -0.5em; margin-left: 0.2em; margin-right: 0.1em; } .scoringtable .courtinfo { float: left; width: 100%; text-align: center; } .scoringtable .courtinfo .courtname { color: #555555; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3em; text-align: center; text-transform: uppercase; } .scoringtable .courtinfo .courtstatusmsg { float: right; text-transform: uppercase; text-align: right; color: #000000; } .scoringtable .courtContentContainer { display: table; width: 100%; } .scoringtable .headers { float: left; width: 100%; background: #E5E5E5; text-transform: uppercase; color: #666666; } .scoringtable .headers .crtgms { text-align: center; } .scoringtable .headers .crtpts { text-align: center; } .scoringtable .headers .crtset { text-align: center; } .scoringtable .crtrow { float: left; background: #F6F6F6; } .scoringtable .crtrow .name { font-weight: bold; color: #AFAFAF; overflow: hidden; } .scoringtable .crtrow .name a { color: #555555; text-decoration: none; } .scoringtable .crtrow .crticon.currentServer { background: url(/images/current.png) 50% 50% no-repeat; } .scoringtable .crtrow .crticon.winner { background: url(/images/scores/checkIcon.png) 50% 50% no-repeat; } .scoringtable .crtrow .crtgms { text-align: center; color: #555555; } .scoringtable .crtrow .crtpts { text-align: center; } .scoringtable .crtrow .crtpts.latestScore { color: #C85A19; } .scoringtable .crtrow .crtset { text-align: center; color: #555555; } .scoringtable .crtrow .crtset .super { vertical-align: super; font-size: 10px; margin-top: -5px; display: inline-block; } .scoringtable .status { text-align: left; overflow: hidden; color: #000000; margin: 0px; text-transform: uppercase; min-height: 1px; } .scoringtable .crtlinks { float: left; position: relative; width: 100% !important; margin-top: 3px; font-size: 1.2em; height: 22px; line-height: 22px; text-transform: uppercase; } .scoringtable .crtlinks .linkItem { cursor: pointer; float: left; text-align: center; overflow: hidden; display: inline-block; border-left: solid 3px #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .scoringtable .crtlinks .linkItem a { display: block; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; font-size: .9em; } .scoringtable .crtlinks .linkItem:first-child { border-left: none; } .scoringtable .crtlinks .linkItem.disabled { background: #EBEBEB; color: #555555; } .scoringtable .crtlinks .scoreboard { width: 0px; } .scoringtable .crtlinks .matchstats { background: #65CFE9; } .scoringtable .crtlinks .slamtracker { background: #65CFE9; padding-right: 20px; } .scoringtable .crtlinks .slamtracker a { background: url("/images/icons/new_window.png") no-repeat right; } .scoringtable .crtlinks .matchdetails, .scoringtable .crtlinks .schedule { background: #EF7F44; } .scoringtable .crtlinks .servestats { left: 120px; } .scoringtable .crtlinks .watchvideo { width: 0px; } .scoringtable .crtlinks .videos, .scoringtable .crtlinks .photos, .scoringtable .crtlinks .articles { display: none; } /** message tables **/ .messagetable { float: left; text-align: left; border: solid 1px #EBEBEB; height: 177px; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .messagetable .msgheader { float: left; width: 100%; text-align: center; color: #555555; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3em; text-transform: uppercase; padding: 6px 0px; height: 2.2em; } .messagetable .bar { float: left; width: 100%; border-bottom: 1px solid #EBEBEB; font-size: .9em; background: #BEBEBE; } .messagetable .msgcontent { float: left; width: 100%; padding-top: 30px; text-align: center; font-size: 1.2em; } .messagetable .bottombar { float: left; width: 100%; } /** working table **/ #working { width: 528px; display: inline-block; margin: 0px auto; } .workingtable { float: left; width: 528px; height: 137px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .workingtable .header { float: left; width: 100%; height: 17px; } .workingtable .bar { float: left; width: 100%; height: 9px; height: 12px !important; } .workingtable .content { float: left; width: 100%; height: 47px !important; padding-top: 20px; text-align: center; } .workingtable .bottombar { float: left; width: 100%; } @media only screen and (min-width: 20em) { #ssbTables, #ssbTables_alt { font-size: 0px; } #ssbTables *, #ssbTables_alt * { box-sizing: border-box; } #ssbTables .courts, #ssbTables .crtMsg, #ssbTables_alt .courts, #ssbTables_alt .crtMsg { width: 298px; margin-right: 20px; float: left; font-size: 15px; } #ssbTables .courts[data-match=""], #ssbTables_alt .courts[data-match=""] { display: none; } #ssbTables .crtMsg, #ssbTables_alt .crtMsg { display: none; } #ssbTables .scoringtable, #ssbTables_alt .scoringtable { width: 298px; border: none; } #ssbTables .scoringtable .courtinfo, #ssbTables_alt .scoringtable .courtinfo { padding: 4px 0px 0px; text-transform: uppercase; color: #555555; line-height: 12px; height: 32px; } #ssbTables .scoringtable .courtinfo .courtname, #ssbTables_alt .scoringtable .courtinfo .courtname { font-family: 'rg_titlebold', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; } #ssbTables .scoringtable .courtinfo .event, #ssbTables_alt .scoringtable .courtinfo .event { display: inline; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 12px; } #ssbTables .scoringtable .courtinfo .round, #ssbTables_alt .scoringtable .courtinfo .round { display: inline; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; } #ssbTables .scoringtable .courtinfo .round:before, #ssbTables_alt .scoringtable .courtinfo .round:before { content: " - "; } #ssbTables .scoringtable .cell, #ssbTables_alt .scoringtable .cell { height: 32px; line-height: 32px; font-size: 13px; } #ssbTables .scoringtable .name, #ssbTables_alt .scoringtable .name { width: 58%; padding: 0px 5px 0 15px; float: left; } #ssbTables .scoringtable .name.singles, #ssbTables_alt .scoringtable .name.singles { line-height: 32px; } #ssbTables .scoringtable .name.doubles, #ssbTables_alt .scoringtable .name.doubles { line-height: 14px; } #ssbTables .scoringtable #crtcontent, #ssbTables_alt .scoringtable #crtcontent { border: solid 1px #EBEBEB; float: left; width: 298px; } #ssbTables .scoringtable .crticon, #ssbTables_alt .scoringtable .crticon { width: 6%; float: left; } #ssbTables .scoringtable .crtpts, #ssbTables_alt .scoringtable .crtpts { width: 6%; float: left; } #ssbTables .scoringtable .crtset, #ssbTables_alt .scoringtable .crtset { width: 6%; float: left; } #ssbTables .scoringtable .status, #ssbTables_alt .scoringtable .status { width: 64%; padding: 0px 5px; float: left; } #ssbTables .scoringtable .nation, #ssbTables_alt .scoringtable .nation { display: none; } #ssbTables .scoringtable .crtrow, #ssbTables_alt .scoringtable .crtrow { width: 100%; height: 32px; border-top: none; } #ssbTables .scoringtable .headers, #ssbTables_alt .scoringtable .headers { font-size: 0.8em; height: 14px; width: 100%; } #ssbTables .scoringtable .headers .cell, #ssbTables_alt .scoringtable .headers .cell { height: 14px; line-height: 14px; } #ssbTables .scoringtable .headers .crtset, #ssbTables_alt .scoringtable .headers .crtset { font-weight: normal; } #ssbTables .scoringtable .headers .crtpts, #ssbTables_alt .scoringtable .headers .crtpts { font-weight: normal; } #ssbTables .scoringtable .headers div:nth-child(2), #ssbTables_alt .scoringtable .headers div:nth-child(2) { font-size: 10px; } #ssbTables .scoringtable .crtlinks, #ssbTables_alt .scoringtable .crtlinks { width: 298px; height: auto; margin-top: 3px; font-size: 14px; } #ssbTables .scoringtable .crtlinks a, #ssbTables_alt .scoringtable .crtlinks a { font-family: 'rg_textregular', Arial, Helvetica, sans-serif; width: 298px; display: block; } #ssbTables .scoringtable .crtlinks .linkItem, #ssbTables_alt .scoringtable .crtlinks .linkItem { width: 100%; display: block; margin-left: 0px; margin-right: 0px; border-left: none; height: 32px; } #ssbTables .scoringtable .crtlinks .linkItem a, #ssbTables_alt .scoringtable .crtlinks .linkItem a { height: 32px; line-height: 32px; } #ssbTables .scoringtable .crtlinks .slamtracker, #ssbTables_alt .scoringtable .crtlinks .slamtracker { margin-bottom: 3px; } #ssbTables .scoringtable .crtlinks .slamtracker a, #ssbTables_alt .scoringtable .crtlinks .slamtracker a { background-position: 270px; padding-right: 25px; } #ssbTables .scoringtable .crtlinks .slamtracker a:before, #ssbTables_alt .scoringtable .crtlinks .slamtracker a:before { content: "Live Scores"; border: solid 1px #82EDFF; background: #32A8C7; width: 130px; float: left; margin-left: 4px; margin-top: 4px; display: inline-block; height: 23px; line-height: 23px; box-sizing: border-box; } } @media only screen and (min-width: 48em) { #ssbTables *, #ssbTables_alt * { box-sizing: border-box; } #ssbTables .courts, #ssbTables .crtMsg, #ssbTables_alt .courts, #ssbTables_alt .crtMsg { width: 362px; margin-right: 20px; float: left; margin-bottom: 0px; } #ssbTables .courts[data-match=""], #ssbTables_alt .courts[data-match=""] { display: none; } #ssbTables .crtMsg, #ssbTables_alt .crtMsg { display: none; } #ssbTables .scoringtable, #ssbTables_alt .scoringtable { width: 362px; border: none; } #ssbTables .scoringtable .courtinfo, #ssbTables_alt .scoringtable .courtinfo { padding: 4px 0px 0px; text-transform: uppercase; color: #555555; line-height: 12px; height: 32px; } #ssbTables .scoringtable .courtinfo .courtname, #ssbTables_alt .scoringtable .courtinfo .courtname { font-family: 'rg_titlebold', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; } #ssbTables .scoringtable .courtinfo .event, #ssbTables_alt .scoringtable .courtinfo .event { display: inline; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 12px; } #ssbTables .scoringtable .courtinfo .round, #ssbTables_alt .scoringtable .courtinfo .round { display: inline; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; } #ssbTables .scoringtable .courtinfo .round:before, #ssbTables_alt .scoringtable .courtinfo .round:before { content: " - "; } #ssbTables .scoringtable .cell, #ssbTables_alt .scoringtable .cell { height: 52px; line-height: 52px; font-size: 14px; } #ssbTables .scoringtable .name, #ssbTables_alt .scoringtable .name { width: 58%; padding: 0px 5px 0 15px; float: left; } #ssbTables .scoringtable .name.singles, #ssbTables_alt .scoringtable .name.singles { line-height: 52px; } #ssbTables .scoringtable .name.doubles, #ssbTables_alt .scoringtable .name.doubles { line-height: 24px; } #ssbTables .scoringtable #crtcontent, #ssbTables_alt .scoringtable #crtcontent { border: solid 1px #EBEBEB; float: left; width: 362px; } #ssbTables .scoringtable .crticon, #ssbTables_alt .scoringtable .crticon { width: 6%; float: left; } #ssbTables .scoringtable .crtpts, #ssbTables_alt .scoringtable .crtpts { width: 6%; float: left; } #ssbTables .scoringtable .crtset, #ssbTables_alt .scoringtable .crtset { width: 6%; float: left; } #ssbTables .scoringtable .status, #ssbTables_alt .scoringtable .status { width: 64%; padding: 0px 5px; float: left; } #ssbTables .scoringtable .nation, #ssbTables_alt .scoringtable .nation { display: none; } #ssbTables .scoringtable .crtrow, #ssbTables_alt .scoringtable .crtrow { width: 100%; height: 52px; border-top: none; } #ssbTables .scoringtable .headers, #ssbTables_alt .scoringtable .headers { font-size: 0.8em; height: 15px; width: 100%; } #ssbTables .scoringtable .headers .cell, #ssbTables_alt .scoringtable .headers .cell { height: 15px; line-height: 15px; } #ssbTables .scoringtable .headers .crtset, #ssbTables_alt .scoringtable .headers .crtset { font-weight: normal; } #ssbTables .scoringtable .headers .crtpts, #ssbTables_alt .scoringtable .headers .crtpts { font-weight: normal; } #ssbTables .scoringtable .headers div:nth-child(2), #ssbTables_alt .scoringtable .headers div:nth-child(2) { font-size: 12px; } #ssbTables .scoringtable .crtlinks, #ssbTables_alt .scoringtable .crtlinks { height: 22px; margin-top: 3px; font-size: 14px; } #ssbTables .scoringtable .crtlinks .linkItem, #ssbTables_alt .scoringtable .crtlinks .linkItem { width: 100%; } #ssbTables .scoringtable .crtlinks .linkItem a, #ssbTables_alt .scoringtable .crtlinks .linkItem a { line-height: 22px; height: 22px; width: auto; } #ssbTables .scoringtable .crtlinks .slamtracker, #ssbTables_alt .scoringtable .crtlinks .slamtracker { padding-right: 0px; padding-right: 0px; display: inline-block; height: 22px; width: 204px; border: none !important; margin-left: 1px; margin-right: 3px; } #ssbTables .scoringtable .crtlinks .slamtracker a, #ssbTables_alt .scoringtable .crtlinks .slamtracker a { background-position: 170px; padding-right: 0px; width: auto; } #ssbTables .scoringtable .crtlinks .slamtracker a:before, #ssbTables_alt .scoringtable .crtlinks .slamtracker a:before { display: none; } #ssbTables .scoringtable .crtlinks .matchstats, #ssbTables_alt .scoringtable .crtlinks .matchstats { display: inline-block; height: 22px; width: 100%; } #ssbTables .courts.upcoming .status, #ssbTables .courts.completed .status, #ssbTables_alt .courts.upcoming .status, #ssbTables_alt .courts.completed .status { width: 65%; } #ssbTables .courts.upcoming .crtset, #ssbTables .courts.upcoming .crticon, #ssbTables .courts.completed .crtset, #ssbTables .courts.completed .crticon, #ssbTables_alt .courts.upcoming .crtset, #ssbTables_alt .courts.upcoming .crticon, #ssbTables_alt .courts.completed .crtset, #ssbTables_alt .courts.completed .crticon { width: 7%; } } .ss_external .crtlinks { visibility: hidden; } #spacerCell { width: 100%; text-align: center; } #mipText { clear: both; text-align: center; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 1.2em; } #mipFeatured, #mipFeaturedNav, #mipFeaturedTitleBar { display: none; } #mipInfoBar { text-align: center; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 1.2em; } #mipInfoBar .selectevent { margin-bottom: 10px; } #mipInfoBar .selectevent label { text-transform: uppercase; white-space: nowrap; } #mipInfoBar .selectsdisp { margin: 10px 0px; } #mipInfoBar .selectsdisp a { padding: 0px 5px; } #mipInfoBar .selectsdisp .selected { background: #65CFE9; color: #FFFFFF; } #mipTabBar, #completedTabBar { height: 52px; line-height: 52px; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; text-align: center; font-size: 1.35em; background: #F6F6F6; margin-bottom: 0px; border-bottom: solid 1px #AFAFAF; } #mipTabBar a, #mipTabBar a:link, #mipTabBar a:visited, #completedTabBar a, #completedTabBar a:link, #completedTabBar a:visited { padding: 0px 15px; text-decoration: none; font-weight: normal; color: #555; } #mipTabBar a.selected, #mipTabBar a:link.selected, #mipTabBar a:visited.selected, #completedTabBar a.selected, #completedTabBar a:link.selected, #completedTabBar a:visited.selected { font-weight: bold; color: #C85A19; } #mipManualRefresh { display: block; margin: 20px 0px; text-align: center; } #staticScores .crtlinks { display: block; } #mipTables { display: inline-block; } #mipTables .refreshScores { display: none; margin: 20px auto; } @media only screen and (min-width: 20em) { #mipTables { width: 290px; } #mipTables .date { display: none; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; } #mipTables .flag { display: none; } #mipTables .courts, #mipTables .crtMsg { width: 290px; display: inline-block; margin-bottom: 20px; } #mipTables .courts[data-match=""] { display: none; } #mipTables .crtMsg:empty { display: none; } #mipTables .scoringtable { width: 290px; } #mipTables .scoringtable .courtinfo { padding: 5px 0px 4px; } #mipTables .scoringtable .cell { height: 34px; line-height: 34px; } #mipTables .scoringtable .name { width: 139px; padding: 0px 5px; float: left; } #mipTables .scoringtable .name.singles { line-height: 34px; } #mipTables .scoringtable .name.doubles { line-height: 15px; } #mipTables .scoringtable .crticon { width: 22px; float: left; } #mipTables .scoringtable .crtpts { width: 22px; float: left; } #mipTables .scoringtable .crtset { width: 21px; float: left; } #mipTables .scoringtable .status { width: 146px; padding: 0px 5px; float: left; line-height: 18px; } #mipTables .scoringtable .nation { display: none; } #mipTables .scoringtable .crtrow { height: 34px; border-top: solid 1px #EBEBEB; } #mipTables .scoringtable .headers { font-size: 0.8em; height: 16px; } #mipTables .scoringtable .headers .cell { height: 16px; line-height: 16px; } #mipTables .scoringtable .headers .crtset { font-weight: normal; } #mipTables .scoringtable .headers .crtpts { font-weight: normal; } #mipTables .scoringtable .crtlinks { height: 18px; line-height: 18px; margin-top: 0px; } #mipTables .scoringtable .crtlinks .linkitem { height: 18px; } #mipTables .scoringtable .crtlinks .slamtracker { display: none; } #mipTables .scoringtable .crtlinks .matchstats { display: block; width: 100%; border: none !important; } #mipTables .scoringtable .crtlinks .matchdetails { display: block; width: 100%; border: none !important; } #mipTables .scoringtable .crtlinks .schedule { display: block; width: 100%; border: none !important; } #mipTables .messagetable { width: 290px; } #mipTables .scoringtable .name { width: 124px; } } @media only screen and (min-width: 48em) { #mipTables { width: 680px; } #mipTables .date { display: none; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; } #mipTables .flag { display: none; } #mipTables .courts, #mipTables .crtMsg { width: 290px; display: inline-block; margin-bottom: 20px; } #mipTables .courts[data-match=""] { display: none; } #mipTables .crtMsg:empty { display: none; } #mipTables .scoringtable { width: 290px; } #mipTables .scoringtable .courtinfo { padding: 5px 0px 4px; } #mipTables .scoringtable .cell { height: 34px; line-height: 34px; } #mipTables .scoringtable .name { width: 139px; padding: 0px 5px; float: left; } #mipTables .scoringtable .name.singles { line-height: 34px; } #mipTables .scoringtable .name.doubles { line-height: 15px; } #mipTables .scoringtable .crticon { width: 22px; float: left; } #mipTables .scoringtable .crtpts { width: 22px; float: left; } #mipTables .scoringtable .crtset { width: 21px; float: left; } #mipTables .scoringtable .status { width: 146px; padding: 0px 5px; float: left; line-height: 18px; } #mipTables .scoringtable .nation { display: none; } #mipTables .scoringtable .crtrow { height: 34px; border-top: solid 1px #EBEBEB; } #mipTables .scoringtable .headers { font-size: 0.8em; height: 16px; } #mipTables .scoringtable .headers .cell { height: 16px; line-height: 16px; } #mipTables .scoringtable .headers .crtset { font-weight: normal; } #mipTables .scoringtable .headers .crtpts { font-weight: normal; } #mipTables .scoringtable .crtlinks { height: 18px; line-height: 18px; margin-top: 0px; } #mipTables .scoringtable .crtlinks .linkitem { height: 18px; } #mipTables .scoringtable .crtlinks .slamtracker { display: none; } #mipTables .scoringtable .crtlinks .matchstats { display: block; width: 100%; border: none !important; } #mipTables .scoringtable .crtlinks .matchdetails { display: block; width: 100%; border: none !important; } #mipTables .scoringtable .crtlinks .schedule { display: block; width: 100%; border: none !important; } #mipTables .messagetable { width: 290px; } #mipTables .courts, #mipTables .crtMsg { float: left; margin-left: 25px; margin-right: 25px; } #mipTables .scoringtable .name { width: 124px; } } @media only screen and (min-width: 64em) { #mipTables { width: 820px; } #mipTables .date { display: block; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; } #mipTables .courts, #mipTables .crtMsg { width: 358px; } #mipTables .courts[data-match=""] { display: none; } #mipTables .scoringtable { width: 358px; } #mipTables .scoringtable .courtinfo { padding: 6px 0px; height: 32px; } #mipTables .scoringtable .cell { height: 42px; line-height: 42px; } #mipTables .scoringtable .name { width: 197px; padding: 0px 5px; float: left; } #mipTables .scoringtable .name.singles { line-height: 42px; } #mipTables .scoringtable .name.doubles { line-height: 19px; } #mipTables .scoringtable .crticon { width: 22px; float: left; } #mipTables .scoringtable .crtpts { width: 22px; float: left; } #mipTables .scoringtable .crtset { width: 23px; float: left; } #mipTables .scoringtable .status { width: 204px; padding: 0px 5px; float: left; } #mipTables .scoringtable .nation { display: none; } #mipTables .scoringtable .crtrow { height: 42px; border-top: solid 1px #EBEBEB; } #mipTables .scoringtable .headers { font-size: 0.8em; height: 20px; } #mipTables .scoringtable .headers .cell { height: 20px; line-height: 20px; } #mipTables .scoringtable .headers .crtset { font-weight: normal; } #mipTables .scoringtable .headers .crtpts { font-weight: normal; } #mipTables .scoringtable .crtlinks { height: 22px; line-height: 22px; margin-top: 3px; } #mipTables .scoringtable .crtlinks .slamtracker { display: block !important; width: 50%; border: none !important; } #mipTables .scoringtable .crtlinks .matchstats { display: block; width: 100%; border: none; } #mipTables .messagetable { width: 358px; } #mipTables .courts, #mipTables .crtMsg { margin-left: 25px; margin-right: 25px; } #mipTables .scoringtable .name { width: 182px; } #mipTables .scoringtable .status { width: 204px; } } @media only screen and (min-width: 81.25em) { #mipTables { width: 1230px; } #mipTables .date { display: block; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; } #mipTables .courts, #mipTables .crtMsg { width: 358px; } #mipTables .courts[data-match=""] { display: none; } #mipTables .scoringtable { width: 358px; } #mipTables .scoringtable .courtinfo { padding: 6px 0px; height: 32px; } #mipTables .scoringtable .cell { height: 42px; line-height: 42px; } #mipTables .scoringtable .name { width: 197px; padding: 0px 5px; float: left; } #mipTables .scoringtable .name.singles { line-height: 42px; } #mipTables .scoringtable .name.doubles { line-height: 19px; } #mipTables .scoringtable .crticon { width: 22px; float: left; } #mipTables .scoringtable .crtpts { width: 22px; float: left; } #mipTables .scoringtable .crtset { width: 23px; float: left; } #mipTables .scoringtable .status { width: 204px; padding: 0px 5px; float: left; } #mipTables .scoringtable .nation { display: none; } #mipTables .scoringtable .crtrow { height: 42px; border-top: solid 1px #EBEBEB; } #mipTables .scoringtable .headers { font-size: 0.8em; height: 20px; } #mipTables .scoringtable .headers .cell { height: 20px; line-height: 20px; } #mipTables .scoringtable .headers .crtset { font-weight: normal; } #mipTables .scoringtable .headers .crtpts { font-weight: normal; } #mipTables .scoringtable .crtlinks { height: 22px; line-height: 22px; margin-top: 3px; } #mipTables .scoringtable .crtlinks .slamtracker { display: block !important; width: 50%; border: none !important; } #mipTables .scoringtable .crtlinks .matchstats { display: block; width: 100%; border: none; } #mipTables .messagetable { width: 358px; } #mipTables .scoringtable .name { width: 182px; } } #mipTables.completed .crtlinks { margin-top: 0px !important; } #mipTables.completed .linkItem.matchstats { width: 100%; margin: 0px; border-left: 0px !important; } #mipTables.completed .crtpts { visibility: hidden; } @media only screen and (min-width: 20em) { .ms_page .date { display: none; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; } .ms_page .flag { display: none; } .ms_page .courts, .ms_page .crtMsg { width: 290px; display: inline-block; margin-bottom: 20px; } .ms_page .courts[data-match=""] { display: none; } .ms_page .crtMsg:empty { display: none; } .ms_page .scoringtable { width: 290px; } .ms_page .scoringtable .courtinfo { padding: 5px 0px 4px; } .ms_page .scoringtable .cell { height: 34px; line-height: 34px; } .ms_page .scoringtable .name { width: 139px; padding: 0px 5px; float: left; } .ms_page .scoringtable .name.singles { line-height: 34px; } .ms_page .scoringtable .name.doubles { line-height: 15px; } .ms_page .scoringtable .crticon { width: 22px; float: left; } .ms_page .scoringtable .crtpts { width: 22px; float: left; } .ms_page .scoringtable .crtset { width: 21px; float: left; } .ms_page .scoringtable .status { width: 146px; padding: 0px 5px; float: left; line-height: 18px; } .ms_page .scoringtable .nation { display: none; } .ms_page .scoringtable .crtrow { height: 34px; border-top: solid 1px #EBEBEB; } .ms_page .scoringtable .headers { font-size: 0.8em; height: 16px; } .ms_page .scoringtable .headers .cell { height: 16px; line-height: 16px; } .ms_page .scoringtable .headers .crtset { font-weight: normal; } .ms_page .scoringtable .headers .crtpts { font-weight: normal; } .ms_page .scoringtable .crtlinks { height: 18px; line-height: 18px; margin-top: 0px; } .ms_page .scoringtable .crtlinks .linkitem { height: 18px; } .ms_page .scoringtable .crtlinks .slamtracker { display: none; } .ms_page .scoringtable .crtlinks .matchstats { display: block; width: 100%; border: none !important; } .ms_page .scoringtable .crtlinks .matchdetails { display: block; width: 100%; border: none !important; } .ms_page .scoringtable .crtlinks .schedule { display: block; width: 100%; border: none !important; } .ms_page .messagetable { width: 290px; } .ms_page .scoringtable .headers .status { width: 160px; } } @media only screen and (min-width: 48em) { .ms_page .date { display: block; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; } .ms_page .courts, .ms_page .crtMsg { width: 358px; } .ms_page .courts[data-match=""] { display: none; } .ms_page .scoringtable { width: 358px; } .ms_page .scoringtable .courtinfo { padding: 6px 0px; height: 32px; } .ms_page .scoringtable .cell { height: 42px; line-height: 42px; } .ms_page .scoringtable .name { width: 197px; padding: 0px 5px; float: left; } .ms_page .scoringtable .name.singles { line-height: 42px; } .ms_page .scoringtable .name.doubles { line-height: 19px; } .ms_page .scoringtable .crticon { width: 22px; float: left; } .ms_page .scoringtable .crtpts { width: 22px; float: left; } .ms_page .scoringtable .crtset { width: 23px; float: left; } .ms_page .scoringtable .status { width: 204px; padding: 0px 5px; float: left; } .ms_page .scoringtable .nation { display: none; } .ms_page .scoringtable .crtrow { height: 42px; border-top: solid 1px #EBEBEB; } .ms_page .scoringtable .headers { font-size: 0.8em; height: 20px; } .ms_page .scoringtable .headers .cell { height: 20px; line-height: 20px; } .ms_page .scoringtable .headers .crtset { font-weight: normal; } .ms_page .scoringtable .headers .crtpts { font-weight: normal; } .ms_page .scoringtable .crtlinks { height: 22px; line-height: 22px; margin-top: 3px; } .ms_page .scoringtable .crtlinks .slamtracker { display: block !important; width: 50%; border: none !important; } .ms_page .scoringtable .crtlinks .matchstats { display: block; width: 100%; border: none; } .ms_page .messagetable { width: 358px; } .ms_page .scoringtable .courtinfo { height: 52px; } .ms_page .scoringtable .headers .status { width: 219px; } } @media only screen and (min-width: 81.25em) { .ms_page .courts, .ms_page .crtMsg { display: inline-block; margin-bottom: 30px; } .ms_page .courts[data-match=""] { display: none; } .ms_page .crtMsg:empty { display: none; } .ms_page .flag { display: inline-block; width: 60px; text-align: center; } .ms_page .flag img { display: inline; } .ms_page .nation { display: none; } .ms_page .scoringtable { width: 528px; } .ms_page .scoringtable .courtinfo { height: 31px; } .ms_page .scoringtable .cell { height: 52px; line-height: 52px; } .ms_page .scoringtable .name { width: 325px; padding: 0px 5px; float: left; } .ms_page .scoringtable .name.singles { line-height: 52px; } .ms_page .scoringtable .name.doubles { line-height: 24px; } .ms_page .scoringtable .crticon { width: 22px; float: left; } .ms_page .scoringtable .crtpts { width: 39px; float: left; } .ms_page .scoringtable .crtset { width: 28px; float: left; } .ms_page .scoringtable .status { width: 272px; padding: 0px 5px 0px 65px; float: left; } .ms_page .scoringtable .crtrow { font-size: 1.5em; height: 52px; border-top: solid 1px #EBEBEB; } .ms_page .scoringtable .headers { font-size: 1em; height: 18px; } .ms_page .scoringtable .headers .cell { height: 18px; line-height: 18px; } .ms_page .scoringtable .headers .crtset { font-weight: normal; } .ms_page .scoringtable .headers .crtpts { font-weight: normal; } .ms_page .messagetable { width: 528px; } .ms_page .scoringtable .courtinfo { height: 52px; } .ms_page .scoringtable .headers .status { width: 344px; } .ms_page .scoringtable .name { width: 325px; } } .ms_page .date { font-size: 1.2em; height: 1.5em; } .ms_page .courts { margin-bottom: 0px !important; float: left !important; width: 100%; } .slamtracker_ad { position: fixed; bottom: 0px; left: 0px; width: 100%; text-align: center; z-index: 2; background-color: transparent; background-color: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); zoom: 1; display: none; } .slamtracker_ad > div { width: 768px; margin: 0px auto; } #shop_section { height: 181px; } #shop_section #shop_header a:link, #shop_section #shop_header a:visited { color: #fff; } #shop_section #shop_header span { display: inline-block; } #shop_section #shop_header a:nth-of-type(2) { margin-left: 110px; } #shop_section #shop_container { height: 151px; text-align: center; } #shop_section #shop_container div:nth-of-type(1) { border-right: 1px solid #b1b1b2; } #shop_section #shop_container div { display: inline-block; padding: 0 15px; height: 100%; } #shop_section #shop_container div div:nth-of-type(1) { padding: 15px 15px 5px 15px; border-right: none; height: auto; } #schedule_section { height: 177px; } #schedule_section #schedule_container { height: 147px; } .scores_section { width: 344px; margin: auto; font-size: 18px; } .scores_section img { display: inline; } .scores_section .scores_info { border: 1px solid #e5e5e5; background-color: #f6f6f6; } .scores_section .player_scores { height: 52px; line-height: 52px; font-family: 'rg_textbold'; color: #555555; margin-left: 15px; text-align: left; } .scores_section .player_scores a, .scores_section .player_scores a:link, .scores_section .player_scores a:visited { color: #555555; text-decoration: none; } .scores_section .player_scores .player_seed { font-family: 'rg_textregular'; font-size: 18px; color: #999999; } .scores_section .player_scores .current_score span { margin-right: 13px; } .scores_section .player_scores .scores { float: right; } .scores_section .player_scores .scores div { height: 100%; float: left; } .scores_section .player_scores .scores div.current_score { height: 52px; } .scores_section .player_scores .scores .past { width: 30px; height: 52px; text-align: center; border-left: 1px solid #dfdfdf; color: #c85a19; } .scores_section .player_scores .scores .past .has_super { width: 30px; margin-top: -4px; margin-left: auto; margin-right: auto; } .scores_section .player_scores .scores .past .super { vertical-align: super; font-size: 10px; } .scores_section .player_scores .scores .past.live { color: #555555; } .scores_section .player_scores.doubles { margin-left: 15px; } .scores_section .player_scores.doubles .player_info_container { display: inline; float: left; height: 47px; margin-top: 5px; } .scores_section .player_scores.doubles .player_info_container div { line-height: 20px; } .scores_section .in_progress { text-align: left; background-color: #e5e5e5; color: #555555; font-size: 12px; font-family: 'rg_textregular'; padding-left: 14px; white-space: normal; } .scores_section .in_progress .round_info { float: right; } .scores_section .in_progress .round_info div { float: left; } .scores_section .in_progress .round_info div:first-of-type { margin-right: 13px; } .scores_section .in_progress .round_info .round_number { width: 30px; text-align: center; border-left: 1px solid #dfdfdf; } .scores_section .direct_scores { color: #fff; background-color: #65cfe9; font-size: 18px; font-family: 'rg_textregular'; text-align: center; text-decoration: none; } .scores_section .direct_stats { color: #fff; background-color: #ef7f44; font-size: 14px; font-family: 'rg_textregular'; text-align: center; height: 22px; line-height: 22px; } .playerProfilePlayerDataSectionResultsContainerEntry_scoresMiddle { width: 530px; display: inline-block; position: relative; } .playerProfilePlayerDataSectionResultsContainerEntry_playerImageLeft { display: inline-block; position: absolute; left: -215px; top: 73px; } .playerProfilePlayerDataSectionResultsContainerEntry_playerImageRight { display: inline-block; position: absolute; top: 73px; right: -215px; } .opaque { opacity: 0.5; } .playerProfilePlayerDataSectionResultsContainerEntry_singlesImage_Border { width: 140px; height: 140px; border: 1px solid #eeeeee; border-radius: 100%; position: relative; } .playerProfilePlayerDataSectionResultsContainerEntry_singlesImage_Image { width: 130px; height: 130px; border-radius: 100%; position: relative; background-size: cover; top: 5px; left: 5px; } .playerProfilePlayerDataSectionResultsContainerEntry_singlesImageLeftArm { width: 111px; height: 0px; border-top: 1px solid #eeeeee; position: absolute; top: 18px; left: 118px; } .playerProfilePlayerDataSectionResultsContainerEntry_singlesImageRightArm { width: 111px; height: 0px; border-top: 1px solid #eeeeee; position: absolute; width: 90px; top: 90px; left: -87px; } .playerProfilePlayerDataSectionResultsContainerEntry_singlesImageLeftHalfCircle { width: 8px; height: 16px; border: 1px solid #eeeeee; background: white; position: absolute; top: 10px; left: 228px; border-top-right-radius: 9px; border-bottom-right-radius: 9px; border-left: 0; } .playerProfilePlayerDataSectionResultsContainerEntry_singlesImageRightHalfCircle { width: 8px; height: 16px; border: 1px solid #eeeeee; background: white; position: absolute; top: 82px; left: -97px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; border-right: 0; } .playerProfilePlayerDataSectionResultsContainerEntry_singlesImageLeftDot { width: 6px; height: 6px; background-color: #afafaf; border-radius: 100%; position: absolute; top: 16px; left: 224px; } .playerProfilePlayerDataSectionResultsContainerEntry_singlesImageRightDot { width: 6px; height: 6px; background-color: #afafaf; border-radius: 100%; position: absolute; top: 88px; left: -90px; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageLeft { overflow: hidden; height: auto; display: inline-block; position: absolute; width: 250px; top: 75px; left: -225px; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageRight { overflow: hidden; height: auto; display: inline-block; position: absolute; width: 250px; top: 75px; right: -217px; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImage_Player1Border, .playerProfilePlayerDataSectionResultsContainerEntry_doublesImage_Player2Border { width: 98px; height: 98px; border: 1px solid #eeeeee; border-radius: 100%; position: relative; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageLeft .playerProfilePlayerDataSectionResultsContainerEntry_doublesImage_Player1Border, .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageLeft .playerProfilePlayerDataSectionResultsContainerEntry_doublesImage_Player2Border { float: left; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageRight .playerProfilePlayerDataSectionResultsContainerEntry_doublesImage_Player1Border, .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageRight .playerProfilePlayerDataSectionResultsContainerEntry_doublesImage_Player2Border { float: right; } .playerProfilePlayerDataSectionResultsContainerEntry_playerImage_Player1Image, .playerProfilePlayerDataSectionResultsContainerEntry_doublesImage_Player2Image { width: 94px; height: 94px; border-radius: 100%; position: relative; background-size: cover; top: 2px; left: 2px; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageLeftArm { top: 20px; left: 90px; width: 45px; height: 0px; border-top: 1px solid #eeeeee; position: absolute; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageRightArm { bottom: 11px; left: -29px; width: 45px; height: 0px; border-top: 1px solid #eeeeee; position: absolute; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageLeftHalfCircle { width: 8px; height: 16px; border: 1px solid #eeeeee; background: white; position: absolute; border-top-right-radius: 9px; border-bottom-right-radius: 9px; border-left: 0; top: 12px; left: 138px; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageRightHalfCircle { width: 8px; height: 16px; border: 1px solid #eeeeee; background: white; position: absolute; border-top-left-radius: 9px; border-bottom-left-radius: 9px; border-right: 0; bottom: 3px; left: -40px; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageLeftDot { width: 6px; height: 6px; background-color: #afafaf; border-radius: 100%; position: absolute; top: 18px; left: 135px; } .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageRightDot { width: 6px; height: 6px; background-color: #afafaf; border-radius: 100%; position: absolute; bottom: 9px; left: -33px; } /* Header Banner */ .banner { background-size: cover; background-position: center; height: 25vh; max-height: 300px; overflow: hidden; } .bannerTextSource { display: none; } .bannerText { background-color: rgba(255, 255, 255, 0); text-align: center; height: 100%; /* color: rgba(255,255,255,0.1);*/ text-transform: uppercase; } .titleBannerTitleCanvas, .titleBannerTitleCanvasSmall { background: transparent; } .titleBannerTitleCanvas.postInit, .titleBannerTitleCanvasSmall.postInit { background-color: rgba(5, 5, 5, 0.6); visibility: visible; } .titleBannerTitleCanvas.transparentGrayBacking, .titleBannerTitleCanvasSmall.transparentGrayBacking { visibility: hidden; } .titleBannerTitleCanvas.transparentGrayBacking.postInit, .titleBannerTitleCanvasSmall.transparentGrayBacking.postInit { background-color: rgba(5, 5, 5, 0.6); visibility: visible; } @media (max-width: 767px) { .titleBannerTitleCanvas { display: none; } } @media (min-width: 768px) { .titleBannerTitleCanvasSmall { display: none; } } /* Social Sharing */ .socialShareBar { height: auto; overflow: hidden; } .socialShareBar .title { position: relative; margin-left: 10px; margin-top: 15px; float: left; min-height: 37px; font-size: 20px; text-transform: uppercase; font-family: "RG Text", 'rg_textregular'; color: #555555; line-height: 1.2; } .socialShareBar .socialSection, .socialShareBar .messageSection { height: auto; overflow: hidden; float: right; padding-left: 5px; padding-right: 5px; } .socialShareBar .mediaSection { float: right; height: 52px; position: relative; padding-left: 5px; padding-right: 5px; } .socialShareBar .mediaSection.boxed .socialNetworkShareCount { border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .socialShareBar .mediaSection.bare .socialNetworkShareCount { text-align: left; width: auto; } .socialShareBar .shareIcon { float: left; margin-top: 10px; width: 32px; height: 32px; } .socialShareBar .shareIcon.genericIcon i { font-size: 27px; position: relative; top: 2px; color: #b4b4b4; } .socialShareBar .socialNetwork.shareIcon { background-color: white; background-size: cover; } .socialShareBar .socialNetworkShareCount { font-size: 14px; font-family: "RG Text", 'rg_textregular'; color: #afafaf; line-height: 1.2; text-align: center; margin-top: 10px; float: left; position: relative; padding-top: 9px; width: 32px; height: 21px; } .socialShareBar .socialNetwork.shareIcon.facebook { background-image: url("/images/icons/facebookIcon.png"); } .socialShareBar .socialNetwork.shareIcon.twitter { background-image: url("/images/icons/twitterIcon.png"); } .socialShareBar .socialNetwork.shareIcon.youtube { background-image: url("/images/icons/youtubeIcon.png"); } .socialShareBar .leftBorder { border-left: 1px solid #eeeeee; } /* related content */ /* This file is for general styles that can be used across events */ @media (max-width: 767px) { body:after { content: 'phone'; display: none; height: 0px; width: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { body:after { content: 'tablet'; display: none; height: 0px; width: 0px; } } @media (min-width: 1025px) and (max-width: 1299px) { body:after { content: 'desktop'; display: none; height: 0px; width: 0px; } } @media (min-width: 1300px) { body:after { content: 'desktop-large'; display: none; height: 0px; width: 0px; } } body.ipad:after { display: none; height: 0px; width: 0px; } /* note: breakpoints in em ---------------------------- base font size to determine breakpoints - 16px useful pixel to em converter http://bradfrostweb.com/demo/ish/ -----------------------------------------------------*/ .sport3_module * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #city_selector { font-family: 'rg_titlebold', Arial, Helvetica, sans-serif; color: #555555; text-align: center; margin: 45px; } #city_selector span { display: inline-block; margin: 0 25px; cursor: pointer; } #city_selector .active { color: #c85a19; } .sport3_module { text-align: center; } .sport3_module .sport3_container { display: inline-block; text-align: left; } @media only screen and (max-width: 48em) { .sport3_module .sport3_container { display: block; margin: 0 auto; } } .sport3_module .masonry { background: #EEE; max-width: 1288px; margin: 0 auto; } .sport3_module .content { width: 257px; height: 257px; float: left; margin-bottom: 50px; overflow: hidden; position: relative; background-size: cover; background-position: center; display: block; text-align: left; } .sport3_module .content .text { width: 257px; height: 115px; background: #fff; position: absolute; padding: 15px; bottom: 0; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; } .sport3_module .content .text .titleText { font-family: 'rg_textbold'; font-size: 16px; color: #666666; float: left; margin: 0; text-transform: uppercase; } .sport3_module .content .text .dateText { font-family: 'rg_textregular'; font-size: 12px; color: #afafaf; float: right; margin-top: 4px; } .sport3_module .content .text .descText { font-family: 'rg_textregular'; font-size: 14px; color: #555555; clear: both; display: none; } .sport3_module .content .text .description_footer { position: absolute; width: 225px; bottom: 10px; } .sport3_module .content .text .seeMore { font-family: 'rg_textregular'; font-size: 14px; color: #fff; background-color: #ef7f44; float: right; padding: 5px 19px; } .sport3_module .content .text .content_share span { margin-left: 5px; } .sport3_module .content a { display: block; text-decoration: none; } .sport3_module .content .content_share { float: left; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; color: #afafaf; font-size: 12px; } .sport3_module .content .content_share i { font-size: 16px; } .sport3_module .content .content_image { width: 257px; height: 257px; float: left; background-size: contain; text-align: left; } .sport3_module .content i.icon_indicator { color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 5px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 25px; margin-top: 20px; margin-left: 20px; display: inline-block; } .sport3_module .content .content_description { width: 257px; height: 115px; background: #fff; position: absolute; padding: 15px; bottom: 0; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; } .sport3_module .content .content_description .content_header { font-family: 'rg_textbold'; font-size: 16px; color: #666666; float: left; margin: 0; text-transform: uppercase; line-height: 19px; height: 57px; overflow: hidden; } .sport3_module .content .content_description .content_text { font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 14px; color: #555555; clear: both; padding: 0; } .sport3_module .content .content_description .description_footer { position: absolute; width: 225px; bottom: 10px; } .sport3_module .content .content_description .see_more { font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; background-color: #ef7f44; float: right; padding: 5px 19px; } .sport3_module .content.article .content_image { background-size: contain; } .sport3_module .content.video i.icon-play { color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 0px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; /*font-size: 70px; margin-top: 93px; margin-left: 93px;*/ font-size: 40px; margin-top: 0; margin-left: 0; display: inline-block; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); } .sport3_module .content.video .content_footer > span { width: 100%; margin-right: 10px; } .sport3_module .content.photo i.icon-gallery { color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 5px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 25px; margin-top: 20px; margin-left: 20px; display: inline-block; } .sport3_module .content.photo .content_footer > span { width: 100%; margin-right: 10px; } .sport3_module .content.gallery .image img, .sport3_module .content.image .image img, .sport3_module .content.article .image img { width: 100%; height: 100%; } .sport3_module .content.gallery .content_icon, .sport3_module .content.image .content_icon, .sport3_module .content.article .content_icon { position: absolute; top: 15px; left: 15px; width: 36px; height: 36px; color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 0px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 26px; padding: 5px; overflow: hidden; } .sport3_module .content.gallery i.icon-gallery, .sport3_module .content.image i.icon-gallery, .sport3_module .content.article i.icon-gallery { /*color: #fff; background-color: rgba(0,0,0,0.4); padding: 5px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 25px; margin-top: 20px; margin-left: 20px; display: inline-block;*/ } .sport3_module .content_footer { position: absolute; width: 100%; bottom: 0px; height: 100px; padding-top: 60px; padding-left: 20px; color: #fff; font-family: 'rg_titlebold'; font-size: 14px; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */ } .sport3_module .content_footer .content_share { color: #fff; } .sport3_module .content_footer .content_share span { margin: 2px 5px 0 5px; } .sport3_module .content_footer > span { /*float: right; margin-right: 20px; max-width: 70%;*/ /*position: absolute; right: 15px; bottom: 20px; left: 70px; text-align: right;*/ float: right; width: 70%; text-align: right; line-height: 14px; height: 28px; overflow: hidden; left: 60px; bottom: 10px; } .sport3_module { max-width: 1182px; margin: 0px auto; } .sport3_button { margin: 0 auto; background-color: #65cfe9; font-size: 18px; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; color: white; text-transform: uppercase; line-height: 1; text-align: center; width: 270px; height: 50px; } .sport3_button a { text-decoration: none; display: block; color: #FFF; line-height: 50px; } /* player profile superset */ .playerProfilePlayerFocusSection { border: 1px solid #e5e5e5; margin-left: 60px; margin-right: 60px; margin-top: 55px; margin-bottom: 46px; } @media (max-width: 768px) { .playerProfilePlayerFocusSection { border: none; margin: 0; } } .playerProfilePlayerFocusSection_RecentMatchScores .scores_section { width: 100%; } .playerProfilePlayerDataSectionResultsContainerEntry_scoresMiddle .scores_section { width: 100%; } /* social summary */ .playerProfilePlayerFocusSectionSocialPicture_playerName { display: none; font-size: 30px; font-family: "RG Text", 'rg_textregular'; color: #c85a19; font-weight: bold; line-height: 1.333; text-align: center; margin-top: 30px; } .playerProfilePlayerFocusSectionSocialPicture_sentiment { color: #65cfe9; font-family: "RG Text", 'rg_textregular'; font-size: 8.907px; line-height: 1.125; text-align: center; visibility: hidden; } .playerProfilePlayerFocusSectionSocialPicture_sentiment_percent { font-weight: bold; line-height: 0.952; font-size: 17.864px; } .playerProfilePlayerFocusSectionSocialPicture_sentiment_percent:before { content: url("/images/misc/twitterLogo.png"); } .playerProfilePlayerFocusSectionSocialPicture_sentiment_percent:after { content: "%"; } .playerProfilePlayerFocusSectionSocialPicturePictureAndMeter { margin: 30px auto; position: relative; } .playerProfilePlayerFocusSectionSocialPicturePictureAndMeter .playerProfilePlayerFocusSectionSocialPicturePicture { /* //rectangle stuff width: 156px; height: 213px;*/ border-radius: 100%; width: 206px; height: 206px; background-size: cover; margin: 0 auto; } .playerProfilePlayerFocusSectionSocialPicturePictureAndMeter .playerProfilePlayerFocusSectionSocialPictureMeter { height: 240px; width: 240px; margin: 0 auto; } .playerProfilePlayerFocusSectionSocialPictureHashTagAndCount { visibility: hidden; } .playerProfilePlayerFocusSectionSocialPictureHashTagAndCount.noSocialSentiment { visibility: hidden; } .playerProfilePlayerFocusSectionSocialPictureHashTagAndCount.yesSocialSentiment { visibility: visible; } .playerProfilePlayerFocusSectionSocialPicture_sentiment.noSocialSentiment { visibility: hidden; } .playerProfilePlayerFocusSectionSocialPicture_sentiment.yesSocialSentiment { visibility: visible; } .playerProfilePlayerFocusSectionSocialPictureHashTagAndCount_HashTag { font-size: 15.879px; font-weight: bold; text-transform: uppercase; line-height: 1.071; text-align: center; color: #c85a19; font-family: "RG Text", 'rg_textregular'; } .playerProfilePlayerFocusSectionSocialPictureHashTagAndCount_Count { font-size: 14.879px; font-weight: bold; text-transform: uppercase; line-height: 1.071; text-align: center; color: #999999; font-family: "RG Text", 'rg_textregular'; } .playerProfilePlayerFocusSectionSocialPicture_followButton { display: none; color: white; background-color: #65cfe9; border-radius: 5px; padding: 3px 10px; float: none; margin: 0 auto 20px auto; position: relative; font-size: 15.69px; font-family: "RG Text", 'rg_textregular'; font-weight: bold; text-transform: uppercase; line-height: 1.2; text-align: center; width: 116px; height: 36px; } .playerProfilePlayerFocusSectionSocialPicture_followButtonText { width: 100px; text-align: center; margin: 0 auto; position: relative; left: 10px; top: 10px; } .playerProfilePlayerFocusSectionSocialPicture_followButtonText:before { background-image: url("/images/misc/whiteTwitterIcon.png"); background-size: cover; content: ""; width: 18px; height: 15px; display: inline-block; position: absolute; left: -5px; } .playerProfilePlayerFocusSection_Bio_nameBlock { font-size: 30px; font-family: "RG Text", 'rg_textregular'; color: #c85a19; font-weight: bold; line-height: 1.333; text-align: left; } .playerProfilePlayerFocusSection_Bio_InfoBlock { font-size: 14px; font-family: "RG Text", 'rg_textregular'; color: #555555; line-height: 1.8; text-align: left; } .playerProfilePlayerFocusSection_Bio_InfoBlock .answer { text-transform: uppercase; font-weight: bold; } .playerProfilePlayerFocusSection_TwitterTags { color: #65cfe9; font-family: "RG Text", 'rg_textregular'; font-size: 13.98px; line-height: 1.214; text-align: center; overflow: hidden; height: auto; } .playerProfilePlayerFocusSection_TwitterTags .playerProfilePlayerFocusSection_TwitterTags_instructions { width: 220px; margin: 15px auto; position: relative; } .playerProfilePlayerFocusSection_TwitterTags .playerProfilePlayerFocusSection_TwitterTags_instructions:before { background-image: url("/images/misc/twitterLogo.png"); background-size: cover; content: ""; width: 18px; height: 15px; display: inline-block; position: absolute; left: -25px; } .playerProfilePlayerFocusSection_TwitterTags .playerProfilePlayerFocusSection_TwitterTags_hashTags { margin: 0 auto; } .playerProfilePlayerFocusSection_TwitterTags .playerProfilePlayerFocusSection_TwitterTags_hashTag { color: white; background-color: #65cfe9; border-radius: 5px; padding: 3px 10px; float: none; margin: 5px 10px; display: inline-block; cursor: pointer; } .playerProfilePlayerFocusSection_RecentMatchScores { text-align: center; color: #555555; font-family: "RG Text", 'rg_textregular'; } .playerProfilePlayerFocusSection_RecentMatchScores .matchDate { font-size: 14px; color: #555555; text-transform: uppercase; } .playerProfilePlayerFocusSection_RecentMatchScores #match_container .match .court_name { background-color: white; border: none; padding: 0px 0px; padding-top: 10px; font-size: 13.207px; font-family: "RG Title", 'rg_titleregular'; color: #555555; font-weight: bold; line-height: 1.2; } .playerProfilePlayerFocusSection_RecentMatchScores #match_container .match .match_selector { background-color: white; border-bottom: none; padding-bottom: 10px; font-size: 9.245px; color: #555555; line-height: 1.2; } .playerProfilePlayerFocusSection_RecentMatchScores #match_container .match .scores_section { border-top: 1px solid #e5e5e5; background-color: #f6f6f6; border-left: none; border-right: none; } .playerProfilePlayerFocusSection_RecentMatchScores #match_container .match .scores_section .player_scores { line-height: 50px; } @media (min-width: 1300px) { .playerProfilePlayerFocusSectionSocialPicturePicture { display: none; } .playerProfilePlayerFocusSectionSocialPictureMeter { /* display: none;*/ } .playerProfilePlayerFocusSection { overflow: hidden; height: auto; } .playerProfilePlayerFocusSectionSocialPicture { float: left; width: 33%; min-height: 625px; height: 100%; border-right: 1px solid #e5e5e5; } .playerProfilePlayerFocusSectionSocialPicture .playerProfilePlayerFocusSectionSocialPicture_sentiment { margin-top: 110px; } .playerProfilePlayerFocusSection_Bio { float: right; width: 33%; border-left: 1px solid #e5e5e5; height: 392px; } .playerProfilePlayerFocusSection_Bio .playerProfilePlayerFocusSection_Bio_nameBlock { margin: 30px; } .playerProfilePlayerFocusSection_Bio .playerProfilePlayerFocusSection_Bio_InfoBlock { margin: 5px 30px; } .playerProfilePlayerFocusSection_Bio.noRecentMatchScore { height: 622px; } .playerProfilePlayerFocusSection_TwitterFeed { display: inline-block; width: 33.8%; height: 250px; border-bottom: 1px solid #e5e5e5; } .playerProfilePlayerFocusSection_TwitterFeed.noRecentMatchScore { height: 480px; } .playerProfilePlayerFocusSection_TwitterTags { width: 33.8%; height: 140px; } .playerProfilePlayerFocusSection_RecentMatchScores { border-top: 1px solid #e5e5e5; width: 66.9%; float: left; background-color: #f6f6f6; height: 230px; } .playerProfilePlayerFocusSection_RecentMatchScores .matchDate { margin-top: 5px; margin-bottom: 5px; } .playerProfilePlayerFocusSection_RecentMatchScores #match_container { height: 100%; margin-top: 0px; } .playerProfilePlayerFocusSection_RecentMatchScores #match_container .match { margin: 0 auto 20px auto; width: 95%; border: 1px solid #eeeeee; } } @media (min-width: 768px) and (max-width: 1300px) { .playerProfilePlayerFocusSectionSocialPicturePicture { display: none; } .playerProfilePlayerFocusSectionSocialPictureMeter { /* display: none;*/ } .playerProfilePlayerFocusSection { overflow: hidden; height: auto; border-left: none; border-right: none; border-bottom: none; } .playerProfilePlayerFocusSectionSocialPicture { float: left; width: 50%; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; height: 430px; } .playerProfilePlayerFocusSectionSocialPicture .playerProfilePlayerFocusSectionSocialPicture_sentiment { margin-top: 40px; } .playerProfilePlayerFocusSection_Bio { float: right; width: 49.5%; height: 430px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .playerProfilePlayerFocusSection_Bio .playerProfilePlayerFocusSection_Bio_nameBlock { margin: 20px; } .playerProfilePlayerFocusSection_Bio .playerProfilePlayerFocusSection_Bio_InfoBlock { margin: 5px 20px; } .playerProfilePlayerFocusSection_TwitterFeed { float: right; clear: right; width: 49.5%; height: 250px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .playerProfilePlayerFocusSection_TwitterTags { width: 50%; height: 250px; float: left; clear: left; border-left: 1px solid #e5e5e5; } .playerProfilePlayerFocusSection_RecentMatchScores { border-top: 1px solid #e5e5e5; width: 100%; clear: both; } .playerProfilePlayerFocusSection_RecentMatchScores .matchDate { margin-top: 20px; margin-bottom: 5px; } .playerProfilePlayerFocusSection_RecentMatchScores #match_container .match { margin: 0 auto 0 auto; width: 95%; border: 1px solid #eeeeee; } } @media (max-width: 768px) { .playerProfilePlayerFocusSectionSocialPicturePicture { display: block; } .playerProfilePlayerFocusSectionSocialPictureMeter { display: none; } .playerProfilePlayerFocusSectionSocialPicture_sentiment { display: none; } .playerProfilePlayerFocusSectionSocialPictureHashTagAndCount { display: none; } .playerProfilePlayerFocusSection_TwitterFeed { display: none; } .playerProfilePlayerFocusSection_TwitterTags { display: none; } .playerProfilePlayerFocusSectionSocialPicture_playerName { display: block; } .playerProfilePlayerFocusSectionSocialPicture_followButton { display: block; } .playerProfilePlayerFocusSection_Bio { border-top: 2px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #f6f6f6; } .playerProfilePlayerFocusSection_Bio .playerProfilePlayerFocusSection_Bio_nameBlock { display: none; } .playerProfilePlayerFocusSection_Bio .playerProfilePlayerFocusSection_Bio_InfoBlock { margin: 5px 30px; } .playerProfilePlayerFocusSection_RecentMatchScores { display: none; border-bottom: 1px solid #e5e5e5; width: 100%; clear: both; } .playerProfilePlayerFocusSection_RecentMatchScores .matchDate { display: none; } .playerProfilePlayerFocusSection_RecentMatchScores #match_container { margin-top: 20px; margin-bottom: 20px; } .playerProfilePlayerFocusSection_RecentMatchScores #match_container .match { margin: 0 auto 0 auto; width: 95%; border: 1px solid #eeeeee; } } /* data section */ .playerProfilePlayerDataSection { background-color: #f6f6f6; } .playerProfilePlayerDataSectionATPPlayerPageButton { text-align: center; background-color: #ef7f44; font-size: 14px; font-family: "RG Text", 'rg_textregular'; color: white; line-height: 1.2; width: 150px; height: 20px; padding-top: 5px; margin: 0 auto; } .playerProfilePlayerDataSectionSelectorGroup { text-align: center; font-size: 16px; font-family: "RG Title", 'rg_titleregular'; color: #555555; text-transform: uppercase; line-height: 2.867; } .playerProfilePlayerDataSectionSelectorGroup span { margin-left: 25px; margin-right: 25px; cursor: pointer; color: #555555; } .playerProfilePlayerDataSectionSelectorGroup span.selected { color: #ef7f44; font-weight: bold; } .playerProfilePlayerDataSectionContainer { background-color: white; margin-bottom: 20px; } .colEntry { display: table-cell; text-align: right; font-size: 14px; font-family: "RG Text", 'rg_textregular'; line-height: 1.571; text-transform: uppercase; } .headerEntry { display: table-cell; text-align: center; font-size: 14px; font-family: "RG Text", 'rg_textregular'; color: #ef7f44; text-transform: uppercase; line-height: 1.571; } .dataEntry { display: table-cell; text-align: center; } .playerProfilePlayerDataSection_headerRow { display: table-row; } .playerProfilePlayerDataSection_dataRow { display: table-row; font-size: 14px; font-family: "RG Text", 'rg_textregular'; color: #555555; line-height: 1.571; height: 22px; background-color: #f6f6f6; } .playerProfilePlayerDataSection_dataRow .headerEntry { color: #555555; } .playerProfilePlayerDataSection_dataRow:nth-of-type(2n+1) { background-color: white; } .playerProfilePlayerDataSectionProfileContainerData { overflow: hidden; height: auto; } .playerProfilePlayerDataSectionProfileContainerDataPlayerOverviewContainer, .playerProfilePlayerDataSectionProfileContainerDataTournamentInfoContainer, .playerProfilePlayerDataSectionProfileContainerDataGrandSlamSinglesResultsContainer, .playerProfilePlayerDataSectionProfileContainerDataGrandSlamDoublesResultsContainer, .playerProfilePlayerDataSectionStatsContainer { margin: 30px; overflow: hidden; height: auto; } .playerProfilePlayerDataSectionProfileContainerDataGrandSlamDoublesResultsContainer { clear: both; } .playerProfilePlayerDataSectionProfileContainerDataPlayerOverviewContainerTitle, .playerProfilePlayerDataSectionProfileContainerDataTournamentInfoContainerTitle, .playerProfilePlayerDataSectionProfileContainerDataGrandSlamSinglesResultsContainerTitle, .playerProfilePlayerDataSectionProfileContainerDataGrandSlamDoublesResultsContainerTitle { font-size: 18px; font-family: "RG Title", 'rg_titleregular'; color: #999999; font-weight: bold; text-transform: uppercase; line-height: 2.222; } .playerProfilePlayerDataSectionProfileContainerDataPlayerOverviewContainerData, .playerProfilePlayerDataSectionProfileContainerDataTournamentInfoContainerData { display: table; } .playerProfilePlayerDataSectionProfileContainerDataPlayerOverviewContainerData .colEntry, .playerProfilePlayerDataSectionProfileContainerDataTournamentInfoContainerData .colEntry { text-align: left; padding-left: 20px; padding-right: 20px; } .playerProfilePlayerDataSectionProfileContainerDataPlayerOverviewContainerData .dataEntry, .playerProfilePlayerDataSectionProfileContainerDataTournamentInfoContainerData .dataEntry { display: table-cell; text-align: left; padding-left: 20px; padding-right: 20px; } .playerProfilePlayerDataSectionProfileContainerDataGrandSlamSinglesResultsContainerData, .playerProfilePlayerDataSectionProfileContainerDataGrandSlamDoublesResultsContainerData { display: table; width: 100%; } .playerProfilePlayerDataSectionProfileContainerDataGrandSlamSinglesResultsContainerData .colEntry, .playerProfilePlayerDataSectionProfileContainerDataGrandSlamDoublesResultsContainerData .colEntry { text-align: center; } .playerProfilePlayerDataSectionProfileContainerDataGrandSlamSinglesResultsContainerData .dataEntry, .playerProfilePlayerDataSectionProfileContainerDataGrandSlamDoublesResultsContainerData .dataEntry { display: table-cell; text-align: center; } .playerProfilePlayerDataSectionStatsContainerData { display: table; width: 100%; margin-top: 50px; margin-bottom: 50px; } .playerProfilePlayerDataSectionStatsContainerData .playerProfilePlayerDataSection_headerRow .colEntry { color: #ef7f44; } .playerProfilePlayerDataSectionResultsContainer { width: 100%; padding-top: 20px; padding-bottom: 20px; } .playerProfilePlayerDataSectionResultsContainer .playerProfilePlayerDataSectionResultsContainerEntry { float: none; background-color: white; text-align: center; margin-top: 20px; margin-bottom: 20px; color: #555555; font-family: "RG Text", 'rg_textregular'; } .playerProfilePlayerDataSectionResultsContainer .playerProfilePlayerDataSectionResultsContainerEntry .matchDate { margin-top: 5px; margin-bottom: 5px; font-size: 14px; color: #555555; text-transform: uppercase; } .playerProfilePlayerDataSectionResultsContainer .playerProfilePlayerDataSectionResultsContainerEntry #match_container { height: 100%; margin-top: 0px; } .playerProfilePlayerDataSectionResultsContainer .playerProfilePlayerDataSectionResultsContainerEntry #match_container .match { margin: 0 auto 20px auto; width: 95%; border: 1px solid #eeeeee; } .playerProfilePlayerDataSectionResultsContainer .playerProfilePlayerDataSectionResultsContainerEntry #match_container .match .court_name { background-color: white; border: none; padding: 0px 0px; padding-top: 10px; font-size: 13.207px; font-family: "RG Title", 'rg_titleregular'; color: #555555; font-weight: bold; line-height: 1.2; } .playerProfilePlayerDataSectionResultsContainer .playerProfilePlayerDataSectionResultsContainerEntry #match_container .match .match_selector { background-color: white; border-bottom: none; padding-bottom: 10px; font-size: 9.245px; color: #555555; line-height: 1.2; } .playerProfilePlayerDataSectionResultsContainer .playerProfilePlayerDataSectionResultsContainerEntry #match_container .match .scores_section { border-top: 1px solid #e5e5e5; background-color: #f6f6f6; border-left: none; border-right: none; } .playerProfilePlayerDataSectionResultsContainer .playerProfilePlayerDataSectionResultsContainerEntry #match_container .match .scores_section .player_scores { line-height: 50px; } .playerProfilePlayerDataSectionResultsContainer .playerProfilePlayerDataSectionResultsContainerEntry #match_container .match .scores_section .player_scores .scores { margin-right: 9px; } .playerProfilePlayerDataSectionResultsContainer .playerProfilePlayerDataSectionResultsContainerEntry #match_container .match .scores_section .in_progress .round_info { margin-right: 9px; } @media (min-width: 768px) and (max-width: 1300px) { .playerProfilePlayerDataSectionResultsContainerEntry_playerImageLeft, .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageLeft, .playerProfilePlayerDataSectionResultsContainerEntry_doublesImageRight, .playerProfilePlayerDataSectionResultsContainerEntry_playerImageRight { display: none; } } .playerProfilePlayerDataSectionProfileContainerDataLegendContainer { margin: 30px; padding-top: 20px; border-top: 1px solid #f6f6f6; } .playerProfilePlayerDataSectionProfileContainerDataLegendContainer .playerProfilePlayerDataSectionProfileContainerDataLegendContainerData { display: table; width: 100%; font-family: "RG Text", 'rg_textregular'; font-size: 14px; line-height: 1.286; } .playerProfilePlayerDataSectionProfileContainerDataLegendContainer .playerProfilePlayerDataSectionProfileContainerDataLegendContainerDataRow { display: table-row; } .playerProfilePlayerDataSectionProfileContainerDataLegendContainer .playerProfilePlayerDataSectionProfileContainerDataLegendContainerDataCell { display: table-cell; text-align: center; } .playerProfilePlayerDataSectionProfileContainerDataLegendContainer .playerProfilePlayerDataSectionProfileContainerDataLegendContainerDataCell .term { color: #afafaf; } .playerProfilePlayerDataSectionProfileContainerDataLegendContainer .playerProfilePlayerDataSectionProfileContainerDataLegendContainerDataCell .definition { color: #666666; margin-left: 10px; } .playerProfilePlayerDataSectionProfileContainerDataLegendContainer .playerProfilePlayerDataSectionProfileContainerDataLegendContainerCitationCell { display: table-cell; text-align: right; color: #afafaf; font-style: italic; } @media (min-width: 1300px) { .playerProfilePlayerDataSectionProfileContainerDataPlayerOverviewContainer { width: 42%; float: left; } .playerProfilePlayerDataSectionProfileContainerDataTournamentInfoContainer { width: 42%; float: left; } .playerProfilePlayerDataSectionProfileContainerDataGrandSlamSinglesResultsContainer { clear: both; } .playerProfilePlayerDataSectionStatsContainerData .colEntry { max-width: 250px; } .playerProfilePlayerDataSectionStatsContainerData .dataEntry { min-width: 80px; } .playerProfilePlayerDataSection { padding: 100px; } } @media (min-width: 768px) and (max-width: 1300px) { .playerProfilePlayerDataSectionProfileContainerDataPlayerOverviewContainerData, .playerProfilePlayerDataSectionProfileContainerDataTournamentInfoContainerData { width: 100%; } .playerProfilePlayerDataSection { padding: 50px; } .playerProfilePlayerDataSectionStatsContainerData .colEntry { text-align: right; } .playerProfilePlayerDataSectionStatsContainerData .dataEntry { min-width: 50px; } } @media (max-width: 768px) { .playerProfilePlayerDataSectionSelectorGroup { display: none; } .playerProfilePlayerDataSectionProfileContainer { display: block; } .playerProfilePlayerDataSectionResultsContainer, .playerProfilePlayerDataSectionStatsContainer { display: none; } .playerProfilePlayerDataSectionProfileContainerDataGrandSlamDoublesResultsContainer, .playerProfilePlayerDataSectionProfileContainerDataGrandSlamSinglesResultsContainer { display: none; } .playerProfilePlayerDataSectionProfileContainerDataPlayerOverviewContainerData, .playerProfilePlayerDataSectionProfileContainerDataTournamentInfoContainerData { width: 100%; } .playerProfilePlayerDataSection { padding: 0px; } .playerProfilePlayerDataSectionProfileContainerDataTournamentInfoContainerWrapper { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .playerProfilePlayerDataSectionProfileContainerDataLegendContainer { display: none; } .playerProfilePlayerDataSectionATPPlayerPageButton { display: none; } } /* media section */ .playerProfilePlayerMediaSection { padding-top: 60px; padding-bottom: 60px; } .playerProfilePlayerMediaSection #related_content_container { margin: 0px auto; } .playerProfilePlayerMediaSectionNavigationBar_downArrow { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-top: 7px solid #afafaf; width: 0px; height: 0px; position: absolute; right: 20px; top: 25px; } .playerProfilePlayerMediaSectionNavigationBar { margin-left: 60px; margin-right: 60px; } .playerProfilePlayerMediaSectionNavigationBar_selectors { height: 50px; border: 1px solid #eeeeee; font-size: 18px; font-family: "RG Text", 'rg_textregular'; color: #afafaf; line-height: 1; } .playerProfilePlayerMediaSection_searchButton { height: 30px; width: 155px; padding-top: 20px; float: right; text-align: center; background-color: #ef7f44; font-size: 18px; font-family: "RG Text", 'rg_textregular'; color: white; text-transform: uppercase; line-height: 1; } .playerProfilePlayerMediaSection_searchPrompt { text-align: left; padding-left: 20px; padding-top: 20px; } .playerProfilePlayerMediaSection_themeDropDown { float: right; border-left: 1px solid #eeeeee; padding-top: 20px; text-align: center; height: 30px; position: relative; width: 155px; } .playerProfilePlayerMediaSection_formatDropDown { float: right; border-left: 1px solid #eeeeee; padding-top: 20px; text-align: center; height: 30px; position: relative; width: 147px; } .playerProfilePlayerMediaSection_dayDropDown { float: right; border-left: 1px solid #eeeeee; padding-top: 20px; text-align: center; height: 30px; position: relative; width: 130px; } .playerProfilePlayerMediaSection_playerDropDown { float: right; border-left: 1px solid #eeeeee; padding-top: 20px; text-align: center; height: 30px; position: relative; width: 203px; } .playerProfilePlayerMediaSectionMediaResults { padding: 35px; overflow: hidden; height: auto; margin: 0 auto; float: none; } .playerProfilePlayerMediaSectionMediaResultsElement { width: 256px; height: 256px; margin: 25px; background-color: white; position: relative; float: left; } .playerProfilePlayerMediaSectionMediaResults_loadMoreButton { margin: 0 auto; background-color: #65cfe9; font-size: 18px; font-family: "RG Text", 'rg_textregular'; color: white; text-transform: uppercase; line-height: 1; text-align: center; width: 270px; height: 30px; padding-top: 20px; } .playerProfilePlayerMediaSectionMediaResultsElement_mediaIcon { width: 36px; height: 36px; background-color: rgba(20, 20, 20, 0.2); border-radius: 100%; color: white; position: absolute; top: 10px; left: 10px; font-size: 30px; } .playerProfilePlayerMediaSectionMediaResultsElement_videoIcon { width: 36px; height: 36px; background-color: rgba(20, 20, 20, 0.2); border-radius: 100%; color: white; position: absolute; top: 105px; left: 105px; font-size: 30px; text-align: center; padding-bottom: 10px; padding-right: 10px; } .playerProfilePlayerMediaSectionMediaResultsElement.media .playerProfilePlayerMediaSectionMediaResultsElementMediaBox { position: relative; width: 256px; height: 256px; background-size: cover; } .playerProfilePlayerMediaSectionMediaResultsElement.media .playerProfilePlayerMediaSectionMediaResultsElementDescBox { position: absolute; width: 256px; height: 256px; top: 0px; left: 0px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, transparent 68%, rgba(0, 0, 0, 0.2) 78%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(68%, transparent), color-stop(78%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 68%, rgba(0, 0, 0, 0.2) 78%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 68%, rgba(0, 0, 0, 0.2) 78%, rgba(0, 0, 0, 0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 68%, rgba(0, 0, 0, 0.2) 78%, rgba(0, 0, 0, 0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0.2) 78%, rgba(0, 0, 0, 0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */ } .playerProfilePlayerMediaSectionMediaResultsElement.media .playerProfilePlayerMediaSectionMediaResultsElementDescBox .playerProfilePlayerMediaSectionMediaResultsElement_shareIcon { color: white; position: absolute; font-size: 20px; bottom: 10px; left: 10px; } .playerProfilePlayerMediaSectionMediaResultsElement.media .playerProfilePlayerMediaSectionMediaResultsElementDescBox .playerProfilePlayerMediaSectionMediaResultsElement_shareIconCount { font-size: 12px; font-family: "RG Text", 'rg_textregular'; color: white; position: absolute; bottom: 17px; left: 32px; } .playerProfilePlayerMediaSectionMediaResultsElement.media .playerProfilePlayerMediaSectionMediaResultsElementDescBox .playerProfilePlayerMediaSectionMediaResultsElement_title { color: white; position: absolute; font-size: 14px; font-family: "RG Title", 'rg_titleregular'; font-weight: bold; text-transform: uppercase; line-height: 1.143; text-align: right; bottom: 17px; right: 10px; } .playerProfilePlayerMediaSectionMediaResultsElement.media .playerProfilePlayerMediaSectionMediaResultsElementDescBox .playerProfilePlayerMediaSectionMediaResultsElement_description { visibility: hidden; } .playerProfilePlayerMediaSectionMediaResultsElement.media .playerProfilePlayerMediaSectionMediaResultsElementDescBox .playerProfilePlayerMediaSectionMediaResultsElement_seeMoreBtn { visibility: hidden; } .playerProfilePlayerMediaSectionMediaResultsElement.mediaPlusDescription .playerProfilePlayerMediaSectionMediaResultsElementMediaBox { position: relative; width: 256px; height: 144px; background-size: cover; } .playerProfilePlayerMediaSectionMediaResultsElement.mediaPlusDescription .playerProfilePlayerMediaSectionMediaResultsElementDescBox { position: absolute; width: 254px; height: 112px; top: 144px; left: 0px; border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; background-color: white; } .playerProfilePlayerMediaSectionMediaResultsElement.mediaPlusDescription .playerProfilePlayerMediaSectionMediaResultsElementDescBox .playerProfilePlayerMediaSectionMediaResultsElement_shareIcon { color: #afafaf; position: absolute; font-size: 20px; bottom: 10px; left: 10px; } .playerProfilePlayerMediaSectionMediaResultsElement.mediaPlusDescription .playerProfilePlayerMediaSectionMediaResultsElementDescBox .playerProfilePlayerMediaSectionMediaResultsElement_shareIconCount { font-size: 12px; font-family: "RG Text", 'rg_textregular'; color: #afafaf; position: absolute; bottom: 17px; left: 32px; } .playerProfilePlayerMediaSectionMediaResultsElement.mediaPlusDescription .playerProfilePlayerMediaSectionMediaResultsElementDescBox .playerProfilePlayerMediaSectionMediaResultsElement_title { color: #555555; position: absolute; font-size: 14px; font-family: "RG Title", 'rg_titleregular'; font-weight: bold; text-transform: uppercase; line-height: 1.143; text-align: right; top: 15px; left: 15px; } .playerProfilePlayerMediaSectionMediaResultsElement.mediaPlusDescription .playerProfilePlayerMediaSectionMediaResultsElementDescBox .playerProfilePlayerMediaSectionMediaResultsElement_description { font-size: 13.98px; font-family: "RG Text", 'rg_textregular'; color: #555555; line-height: 1.214; text-align: justifyLeft; position: absolute; top: 35px; left: 15px; } .playerProfilePlayerMediaSectionMediaResultsElement.mediaPlusDescription .playerProfilePlayerMediaSectionMediaResultsElementDescBox .playerProfilePlayerMediaSectionMediaResultsElement_seeMoreBtn { background-color: #ef7f44; color: white; font-size: 14px; font-family: "RG Text", 'rg_textregular'; line-height: 1.2; text-align: center; position: absolute; right: 10px; bottom: 10px; padding-top: 5px; width: 100px; height: 20px; } @media (max-width: 768px) { .playerProfilePlayerMediaSectionNavigationBar { display: none; } .playerProfilePlayerMediaSectionMediaResults_loadMoreButton { display: none; } .playerProfilePlayerMediaSection { padding-top: 0px; padding-bottom: 0px; } .playerProfilePlayerMediaSectionMediaResults { height: 580px; padding: 0px; } .playerProfilePlayerMediaSectionMediaResultsElement { margin: 15px; } .playerProfilePlayerMediaSectionSelectorBar { display: block; text-align: center; margin: 0px 35px; } .playerProfilePlayerMediaSectionSelectorBar #playerProfilePlayerMediaSectionSelectorBarId { font-size: 16px; font-family: "RG Text", 'rg_textregular'; color: #2a503c; font-weight: bold; text-transform: uppercase; line-height: 0.857; width: 100%; padding-left: 20px; height: 40px; } } @media (min-width: 768px) and (max-width: 1300px) { .playerProfilePlayerMediaSection_themeDropDown { display: none; } .playerProfilePlayerMediaSection_formatDropDown { display: none; } .playerProfilePlayerMediaSectionSelectorBar { display: none; } } @media (min-width: 1300px) { .playerProfilePlayerMediaSectionSelectorBar { display: none; } } /*Babolat racquet */ @media (max-width: 767px) { body:after { content: 'phone'; display: none; height: 0px; width: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { body:after { content: 'tablet'; display: none; height: 0px; width: 0px; } } @media (min-width: 1025px) and (max-width: 1299px) { body:after { content: 'desktop'; display: none; height: 0px; width: 0px; } } @media (min-width: 1300px) { body:after { content: 'desktop-large'; display: none; height: 0px; width: 0px; } } body.ipad:after { display: none; height: 0px; width: 0px; } /* note: breakpoints in em ---------------------------- base font size to determine breakpoints - 16px useful pixel to em converter http://bradfrostweb.com/demo/ish/ -----------------------------------------------------*/ .babolatContainer { height: auto; overflow: hidden; background-color: #F6F6F6; } .babolatContainer .babalotRoundSelector { text-align: center; display: block; height: 35px; color: #00503C; margin: 32px auto; font-size: 18px; font-family: "RG Text", 'rg_textregular', sans-serif; color: #2a503c; text-transform: uppercase; line-height: 0.667; } .babolatContainer .babalotMoveSelectorTabs { display: inline-block; width: 100%; } .babolatContainer .babalotMoveSelectorTabs .babalotMoveSelectorTab { width: calc(25% - 1px); float: left; border-left: 1px solid #F6F6F6; display: inline-block; background-color: #ebebeb; height: 30px; text-align: center; font-size: 18px; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; color: #666666; position: relative; top: 14px; padding-top: 10px; cursor: pointer; } .babolatContainer .babalotMoveSelectorTabs .babalotMoveSelectorTab.selected { background-color: white; height: 40px; padding-top: 10px; color: #ef7f44; font-weight: bold; color: #ef7f44; font-weight: bold; position: relative; top: 4px; } .babolatContainer .babalotSubContainer { background-color: white; height: auto; overflow: hidden; } .babolatContainer .babolatLogo { margin: 35px auto; width: 316px; height: 50px; } .babolatContainer .babolatDescription { font-family: 'rg_textregular', Arial, Helvetica, sans-serif; color: #555555; font-size: 18px; margin: 10px 60px; text-align: center; } .babolatContainer .babolatRacketLabel { text-transform: uppercase; font-size: 21px; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; color: #555555; font-weight: bold; text-align: center; margin: 30px auto; } .babolatContainer .babolatRacket { background-size: cover; position: relative; margin: 10px auto 0px auto; } .babolatContainer .babolatRacket .hitNum { color: white; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; position: absolute; } @media (min-width: 768px) { .babolatContainer .babolatRacket { background-image: url("/images/babolat/tennis-racquet-large.png"); position: relative; width: 420px; height: 630px; } .babolatContainer .babolatRacket .hitNum { font-size: 48px; } .babolatContainer .babolatRacket .hitNum span.super { vertical-align: super; font-size: 30px; } .babolatContainer .babolatRacket .hitNum.top { top: 70px; left: 180px; } .babolatContainer .babolatRacket .hitNum.left { left: 30px; top: 250px; } .babolatContainer .babolatRacket .hitNum.middle { top: 250px; left: 180px; } .babolatContainer .babolatRacket .hitNum.right { top: 250px; right: 30px; } .babolatContainer .babolatRacket .hitNum.bottom { top: 425px; left: 180px; } } @media (max-width: 768px) { .babolatContainer .babolatRacket { display: none; } } /* article */ /* Article Template */ #articleTitleBannerTitle { background-color: rgba(255, 255, 255, 0); text-align: center; margin: 100px auto; color: rgba(255, 255, 255, 0.1); font-size: 26.862px; font-family: "RG Semi Serif", 'rg_semiserifregular'; text-transform: uppercase; } #articleTitleBannerTitleCanvas { background: transparent; } .content { overflow: hidden; height: auto; max-width: 1300px; margin: 0 auto; } .articleContentColumn { overflow-x: hidden; } .articleContentBarComponent { border-top: 1px solid #eeeeee; overflow: hidden; height: auto; position: relative; padding-top: 30px; } .articleSidebarComponent { border-top: 1px solid #eeeeee; overflow: hidden; height: auto; } .lastArticleSidebarComponent { border-bottom: 1px solid #eeeeee; } .articleSideColumnContent { padding: 0px 20px; } .articleArticleContent, .articleContentBarComponent, .articleArticleAuthorshipInfo, .articleNextArticle, .articleComments, .relatedContainer { margin-left: 18%; margin-right: 18%; } .articleContentColumnContent .socialShareBar .socialSection { width: 46px; } .articleTitle { font-family: rg_textregular; font-size: 27px; color: #555555; text-transform: none; border-bottom: 1px solid #eeeeee; padding-bottom: 21px; } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; } @media (min-width: 1020px) { .articleSideColumn { width: 360px; } .articleArticleContent, .articleContentBarComponent, .articleArticleAuthorshipInfo, .articleNextArticle, .articleComments, .relatedContainer { margin-left: 18%; margin-right: 18%; } .articleTitle { font-size: 36px; } } @media (min-width: 771px) and (max-width: 1020px) { .articleSideColumn { width: 257px; } .articleArticleContent, .articleContentBarComponent, .articleArticleAuthorshipInfo, .articleNextArticle, .articleComments, .relatedContainer { margin-left: 18%; margin-right: 18%; } .articleTitle { font-size: 36px; } } @media (min-width: 640px) and (max-width: 771px) { .articleSideColumn { width: 33%; } .articleArticleContent, .articleContentBarComponent, .articleArticleAuthorshipInfo, .articleNextArticle, .articleComments, .relatedContainer { margin-left: 18%; margin-right: 18%; } .articleTitle { font-size: 30px; } } @media (min-width: 640px) { .content { display: table; } .titleRow { display: table-row; } .articleSideColumn { display: table-cell; } .articleTitleSpacingColumn { display: table-cell; } } .articleArticleAndComments .socialShareBar { height: auto; overflow: hidden; position: fixed; top: 40%; right: 0; } .articleArticleAndComments .socialShareBar .mediaSection { float: none; } @media (max-width: 771px) { .articleArticleAndComments .socialShareBar .socialSection, .articleArticleAndComments .socialShareBar .messageSection { padding-left: 2.5px; padding-right: 2.5px; } .articleArticleAndComments .socialShareBar .mediaSection { padding-left: 2.5px; padding-right: 2.5px; } } /* Article */ @media (max-width: 767px) { body:after { content: 'phone'; display: none; height: 0px; width: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { body:after { content: 'tablet'; display: none; height: 0px; width: 0px; } } @media (min-width: 1025px) and (max-width: 1299px) { body:after { content: 'desktop'; display: none; height: 0px; width: 0px; } } @media (min-width: 1300px) { body:after { content: 'desktop-large'; display: none; height: 0px; width: 0px; } } body.ipad:after { display: none; height: 0px; width: 0px; } /* note: breakpoints in em ---------------------------- base font size to determine breakpoints - 16px useful pixel to em converter http://bradfrostweb.com/demo/ish/ -----------------------------------------------------*/ .articleArticleTitle { font-size: 30px; font-family: "RG Title", 'rg_titleregular'; color: #555555; font-weight: bold; text-transform: none; line-height: 1.2; text-align: left; padding-top: 50px; padding-bottom: 30px; } .articleArticleAuthorshipInfo { font-size: 14px; font-family: "RG Text", 'rg_textregular'; color: #959495; line-height: 1.286; margin-top: 20px; /* position: absolute; left: 60.937px; top: 526.232px; z-index: 308;*/ } .articleArticleAuthorshipInfo .fontSizeChange { display: inline-block; float: right; color: #555555; } .articleArticleAuthorshipInfo .fontSizeChange a { text-decoration: none; color: #555555; } .articleArticleAuthorshipInfo .fontSizeChange a.selected { color: #CCCCCC; cursor: default; } .articleArticleAuthorshipInfo .fontSizeChange a:hover { color: #C85A19; } .articleArticleAuthorshipInfo .fontSizeChange .normal { font-size: 13px; } .articleArticleAuthorshipInfo .fontSizeChange .larger { font-size: 17px; } .articleArticleAuthorshipInfo .fontSizeChange .largest { font-size: 20px; } @media (max-width: 640px) { .articleArticleAuthorshipInfo .fontSizeChange { display: block; text-align: right; float: none; } } .articleArticleContent { margin-top: 20px; font-size: 16px; font-family: "RG Text", 'rg_textregular'; color: #555555; line-height: 1.061; } .articleArticleContent .articleLeadImage img { /*float: left;*/ width: 100%; height: 100%; } .articleArticleContent .articleLeadImage.imageLandscape img { margin-top: 15px; margin-right: 15px; margin-bottom: 15px; } .articleArticleContent .articleLeadImage.imagePortrait { width: 50%; float: right; } .articleArticleContent.larger { font-size: 1.5em; } .articleArticleContent.largest { font-size: 26px; } .inline-video { position: relative; text-align: center; } .inline-video img { display: inline-block; } @media only screen and (min-width: 64em) { .content_icon { position: absolute; top: 265px; left: 265px; width: 61px; height: 61px; color: #fff; background-color: rgba(0, 0, 0, 0.4); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 60px; padding: 0; overflow: hidden; } .content_icon i { margin-top: -2px; display: block; } } @media only screen and (min-width: 20em) { .content_icon { position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); width: 41px; height: 41px; color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 0px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 40px; overflow: hidden; } .content_icon i { margin-top: -2px; display: block; } } /* article navigation */ .articleNavigation { background-color: white; font-size: 14px; font-family: "RG Title", 'rg_titleregular'; color: #555555; font-weight: bold; text-transform: uppercase; line-height: 1.286; } .articleNavigation li { font-weight: normal; text-transform: none; font-size: 14px; font-family: "RG Text", 'rg_textregular'; color: #555555; line-height: 1.286; list-style-type: none; margin-left: -20px; } .articleNavigationTags { float: left; background-color: white; width: 50%; margin-top: 20px; } .articleNavigationArchives { float: left; background-color: white; width: 50%; margin-top: 20px; } /* focus on */ .articleFocusContent { margin-top: 20px; margin-bottom: 20px; background-color: white; } .articleFocusContentTitle { font-size: 14px; font-family: "RG Title", 'rg_titleregular'; color: #555555; font-weight: bold; text-transform: uppercase; line-height: 1.286; } .articleFocusContentMediaTitle { font-size: 14px; font-family: "RG Title", 'rg_titleregular'; color: white; font-weight: bold; text-transform: uppercase; line-height: 1.143; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); position: absolute; bottom: 10px; right: 10px; } .articleFocusContentMedia { background-size: cover; position: relative; margin-top: 20px; } .iconContainer { font-size: 25px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.4); width: 35px; height: 35px; position: relative; } .iconContainer i { color: #FFF; text-shadow: 0 0 10px rgba(0, 0, 0, 0.9); position: relative; top: 5px; left: 5px; } .step { display: inline-block; line-height: 1; position: relative; width: 10%; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .step:hover .letters { opacity: 1; } .step:hover i { opacity: .3; } .letters { opacity: .3; position: absolute; } .articleFocusContentShareCountOverLay .shareIconContainer { position: absolute; bottom: 10px; left: 10px; } .articleFocusContentMediaTypeOverLay .galleryIconContainer { position: absolute; top: 15px; left: 15px; } .articleFocusContentShareCountNumberOverlay { font-size: 12px; font-family: "RG Text", 'rg_textregular'; color: white; font-weight: bold; line-height: 1.333; text-align: left; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); position: absolute; bottom: 19px; left: 44px; } @media (min-width: 1090px) { .articleFocusContentMedia { height: 320px; } } @media (min-width: 640px) and (max-width: 1090px) { .articleFocusContentMedia { height: 25vw; } } @media (max-width: 640px) { .articleFocusContentMedia { height: 80vw; } } /* popular */ @media (max-width: 767px) { body:after { content: 'phone'; display: none; height: 0px; width: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { body:after { content: 'tablet'; display: none; height: 0px; width: 0px; } } @media (min-width: 1025px) and (max-width: 1299px) { body:after { content: 'desktop'; display: none; height: 0px; width: 0px; } } @media (min-width: 1300px) { body:after { content: 'desktop-large'; display: none; height: 0px; width: 0px; } } body.ipad:after { display: none; height: 0px; width: 0px; } /* note: breakpoints in em ---------------------------- base font size to determine breakpoints - 16px useful pixel to em converter http://bradfrostweb.com/demo/ish/ -----------------------------------------------------*/ .popularContent { margin-top: 20px; } .popularContent .title { font-size: 14px; font-family: 'rg_titleregular', Arial, Helvetica, sans-serif; color: #555555; font-weight: bold; text-transform: uppercase; line-height: 1.286; } .popularContent .media { overflow: hidden; height: auto; margin: 20px auto; } .popularContent .media .content { float: left; width: 160px; height: 160px; background-size: cover; background-position: center; position: relative; color: #FFF; } .popularContent .media .content .contentTitle { display: none; } .popularContent .media .content .contentType { font-size: 25px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.4); width: 35px; height: 35px; position: absolute; top: 10px; left: 10px; } .popularContent .media .content .contentType i { color: #FFF; text-shadow: 0 0 10px rgba(0, 0, 0, 0.9); position: relative; top: 5px; left: 5px; } .popularContent .media .content .share { font-size: 16px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.4); width: 24px; height: 24px; position: absolute; left: 10px; bottom: 10px; } .popularContent .media .content .share i { color: #FFF; text-shadow: 0 0 10px rgba(0, 0, 0, 0.9); position: relative; top: 4px; left: 3px; } .popularContent .media .content .count { font-size: 10px; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; color: white; font-weight: bold; line-height: 24px; text-align: left; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); position: absolute; bottom: 10px; left: 38px; } @media (max-width: 640px) { .popularContent .media { height: 40vw; width: 80vw; } .popularContent .media .content { height: 40vw; width: 40vw; } } @media (min-width: 771px) and (max-width: 1240px) { .popularContent .media { height: 52vw; } .popularContent .media .content { height: 26vw; width: 26vw; } } @media (min-width: 640px) and (max-width: 771px) { .popularContent .media { height: 50vw; } .popularContent .media .content { height: 25vw; width: 25vw; } } /* categories */ .articleCategoriesContent { padding-top: 20px; padding-bottom: 20px; } .articleCategoriesContentTitle { font-size: 14px; font-family: "RG Title", 'rg_titleregular'; color: #555555; font-weight: bold; text-transform: uppercase; line-height: 1.286; } .articleCategoriesCategoryOption { margin-top: 10px; height: 85px; background-size: cover; position: relative; } .articleCategoriesCategoryOptionText { font-size: 14px; font-family: "RG Title", 'rg_titleregular'; color: white; font-weight: bold; text-transform: uppercase; line-height: 1.286; position: absolute; bottom: 10px; left: 10px; } /* similar articles */ .similarArticles { padding-top: 20px; padding-bottom: 20px; margin-left: 0px; margin-right: 0px; } .articlesSimilarArticlesSectionTitle { font-size: 14px; font-family: "RG Title", 'rg_titleregular'; color: #555555; font-weight: bold; text-transform: uppercase; line-height: 1.286; } .articlesSimilarArticlesMedia { margin-top: 20px; } #carousel { height: 360px; overflow: hidden; } .articlesSimilarArticlesMediaEnvelope { position: relative; margin: 0 auto; } .articlesSimilarArticlesMediaEnvelopeNoArrows { width: 1px; position: relative; } .articlesSimilarArticlesCarouselArrow { background-color: white; width: 50px; height: 360px; cursor: pointer; } .articlesSimilarArticlesCarouselArrow .articleArrow { position: absolute; top: 170px; left: 10px; font-size: 40px; color: #e2e2e2; } .articlesSimilarArticlesCarouselPrev { position: absolute; z-index: 1; } .articlesSimilarArticlesCarouselNext { position: absolute; z-index: 1; top: 0px; right: 0px; } .articlesSimilarArticlesCarouselNext .articleArrow { left: 10px; } .articlesSimilarArticlesMediaElement { width: 360px; height: 360px; position: relative; margin-left: 50px; float: left; } .articlesSimilarArticlesMediaElementPicture { width: 360px; height: 200px; position: absolute; background-size: cover; background-color: grey; } .articlesSimilarArticlesMediaElementPicture .articlesSimilarArticlesMediaElementPictureMediaIcon { position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.3); } .articlesSimilarArticlesMediaElementPicture .articlesSimilarArticlesMediaElementPictureMediaIcon i { color: white; position: absolute; left: 5px; top: 4px; font-size: 25px; } .articlesSimilarArticlesMediaElementText { width: 358px; height: 160px; position: absolute; left: 0px; bottom: 0px; background-color: white; border-bottom: 1px solid grey; border-right: 1px solid grey; border-left: 1px solid grey; } .articlesSimilarArticlesMediaElementText .articlesSimilarArticlesMediaElementTextTitle { font-size: 14px; font-family: "RG Title", 'rg_titleregular'; color: #555555; font-weight: bold; text-transform: uppercase; line-height: 1.286; text-align: left; width: 70%; position: absolute; top: 10px; left: 10px; } .articlesSimilarArticlesMediaElementText .articlesSimilarArticlesMediaElementTextDate { font-size: 12px; font-family: "RG Text", 'rg_textregular'; color: #afafaf; line-height: 1.5; text-align: right; position: absolute; top: 10px; right: 20px; } .articlesSimilarArticlesMediaElementText .articlesSimilarArticlesMediaElementTextDescription { font-size: 13.98px; font-family: "RG Text", 'rg_textregular'; color: #555555; line-height: 1.214; text-align: justifyLeft; text-overflow: ellipsis; overflow: hidden; position: absolute; top: 40px; left: 10px; } .articlesSimilarArticlesMediaElementText .articlesSimilarArticlesMediaElementTextShareIcon { color: #afafaf; font-size: 24px; position: absolute; bottom: 10px; left: 10px; } .articlesSimilarArticlesMediaElementText .articlesSimilarArticlesMediaElementTextShareCount { font-size: 12px; font-family: "RG Text", 'rg_textregular'; color: #afafaf; line-height: 1.333; text-align: left; position: absolute; bottom: 16px; left: 35px; } .articlesSimilarArticlesMediaElementText .articlesSimilarArticlesMediaElementTextSeeMoreBtn { width: 100px; height: 20px; position: absolute; bottom: 20px; right: 20px; padding-top: 5px; background-color: #ef7f44; color: white; text-align: center; font-size: 14px; font-family: "RG Text", 'rg_textregular'; line-height: 1.2; } .articlesSimilarArticlesMediaElementText .articlesSimilarArticlesMediaElementTextSeeMoreBtn a { color: #fff; text-decoration: none; display: block; padding-bottom: 4px; } @media (max-width: 1020px) { .articlesSimilarArticlesMediaElement { width: 256px; height: 256px; } .articlesSimilarArticlesMediaElementPicture { width: 256px; } .articlesSimilarArticlesMediaElementText { width: 254px; height: 116px; } .articlesSimilarArticlesMediaElementText .articlesSimilarArticlesMediaElementTextDate { visibility: hidden; } .articlesSimilarArticlesMediaElementText .articlesSimilarArticlesMediaElementTextDescription { top: 30px; height: 33px; } #carousel { height: 256px; } .articlesSimilarArticlesCarouselArrow { height: 256px; } .articlesSimilarArticlesCarouselArrow .articleArrow { top: 110px; } } @media (max-width: 415px) { .articleArrow { display: none; background-color: transparent; } .articlesSimilarArticlesCarouselArrow { display: none; background-color: transparent; } .articlesSimilarArticlesMediaElement { margin-left: 0px; } } .articleBack a { font-family: rg_titlebold; font-size: 14px; text-decoration: none; } .articleBreadcrumbs { font-family: rg_textregular; font-size: 14px; color: #959495; margin-top: 15px; margin-bottom: 32px; } .articleNextArticle { font-family: rg_textregular; font-size: 18px; min-height: 50px; text-align: right; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; position: relative; display: flex; justify-content: flex-end; align-items: center; text-decoration: none; padding-right: 20px; } .articleNextArticle span { display: inline-block; vertical-align: middle; line-height: normal; color: #555; } .articleNextArticle .icon-right-direction { color: #c85a19; position: absolute; top: 0; bottom: 0; margin: auto; height: 18px; } .articleCommentsSectionTitle { text-transform: uppercase; font-family: rg_textregular; padding-top: 20px; } .articleArticleAndComments .socialShareBar { right: -10px; z-index: 2; } .articleArticleAndComments .socialShareBar .socialNetwork.shareIcon.facebook { background-image: url("/images/pics/misc/article-fb.png"); background-size: auto; background-repeat: no-repeat; background-position: center; } .articleArticleAndComments .socialShareBar .socialNetwork.shareIcon.twitter { background-image: url("/images/pics/misc/article-tw.png"); background-size: auto; background-repeat: no-repeat; background-position: center; } .articleArticleAndComments .socialShareBar .shareIcon { margin-top: 0; width: 25px; height: 25px; padding: 5px; border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; background-color: white; position: relative; } .articleArticleAndComments .socialShareBar .shareIcon a { position: absolute; top: 0; left: 0; } .articleArticleAndComments .socialShareBar .bare.mediaSection .shareIcon { border-top: 1px solid #eeeeee; } .articleArticleAndComments .socialShareBar .mediaSection { height: inherit; } .articleArticleAndComments .socialShareBar .shareIcon.genericIcon i { top: 8px; left: 7px; font-size: 20px; } .articleArticleAndComments .socialShareBar .pw-size-large .pw-icon, .articleArticleAndComments .socialShareBar .pw-size-xlarge .pw-icon { background-image: none; width: 36px; height: 36px; } /* article gallery styles */ .articleCarousel { *zoom: 1; position: relative; text-align: left; width: 84.64286%; margin-left: auto; margin-right: auto; max-width: 998px; margin-bottom: 10px; } .articleCarousel .photo img { width: 100%; } .articleCarousel:before, .articleCarousel:after { content: ""; display: table; } .articleCarousel:after { clear: both; } .articleCarousel + .captionCarousel { margin-top: 15px; } .articleCarousel .carousel { float: left; height: 100%; } .articleCarousel .bx-viewport { overflow: visible !important; } .articleCarousel .bx-control { position: absolute; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); } .ie8 .articleCarousel .bx-control { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')"; } .articleCarousel .bx-control.bx-control-right { right: -100%; margin-right: -10px; } .articleCarousel .bx-control.bx-control-right a:after, .articleCarousel .bx-control.bx-control-right span { background-image: url("/images/misc/carousel_arrow_right.png"); left: 2%; } .ie8 .articleCarousel .bx-control.bx-control-right a:after, .ie8 .articleCarousel .bx-control.bx-control-right span { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="carousel_arrow_right.png", sizingMethod="scale"); } .articleCarousel .bx-control.bx-control-right a:hover:after, .articleCarousel .bx-control.bx-control-right a:hover span { background-image: url("/images/misc/carousel_arrow_right_white.png"); } .ie8 .articleCarousel .bx-control.bx-control-right a:hover:after, .ie8 .articleCarousel .bx-control.bx-control-right a:hover span { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="carousel_arrow_right_white.png", sizingMethod="scale"); } .articleCarousel .bx-control.bx-control-left { left: -100%; margin-left: -10px; } .articleCarousel .bx-control.bx-control-left a:after, .articleCarousel .bx-control.bx-control-left span { background-image: url("/images/misc/carousel_arrow_left.png"); right: 2%; } .ie8 .articleCarousel .bx-control.bx-control-left a:after, .ie8 .articleCarousel .bx-control.bx-control-left span { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="carousel_arrow_left.png", sizingMethod="scale"); } .articleCarousel .bx-control.bx-control-left a:hover:after, .articleCarousel .bx-control.bx-control-left a:hover span { background-image: url("/images/misc/carousel_arrow_left_white.png"); } .ie8 .articleCarousel .bx-control.bx-control-left a:hover:after, .ie8 .articleCarousel .bx-control.bx-control-left a:hover span { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="carousel_arrow_left_white.png", sizingMethod="scale"); } .articleCarousel .bx-control.disabled { display: none; } .articleCarousel .bx-control.noarrow a { display: none; } .articleCarousel .bx-control a { margin: 0px; text-indent: -9999px; display: block; height: 100%; } .articleCarousel .bx-control a.disabled { display: none; cursor: default; } .ie8 .articleCarousel .bx-control a { background-image: url("trans_16x9.gif"); } .articleCarousel .bx-control a:after, .articleCarousel .bx-control span { content: " "; position: absolute; top: 0; bottom: 0; background-repeat: no-repeat; width: 9px; height: 14px; margin-top: auto; margin-bottom: auto; background-size: 100% 100%; } @media only screen and (min-width: 45em) { .articleCarousel .bx-control a:after, .articleCarousel .bx-control span { width: 20px; height: 35px; } } @media only screen and (min-width: 90em) { .articleCarousel .bx-control a:after, .articleCarousel .bx-control span { width: 29px; height: 48px; } } /* draws */ #schedule_selector a { text-decoration: none; background-color: #f6f6f6; text-align: center; border-bottom: 1px solid #afafaf; color: #555555; font-family: 'rg_textregular'; padding: 20px 0; } #schedule_selector a span:first-of-type { margin-right: 20px; } #schedule_selector a .selected { color: #c85a19; font-family: 'rg_textbold'; } #round_selector { background-color: #f6f6f6; text-align: center; } #round_selector select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; font-family: 'rg_textregular'; background: url(../../sprites/draws-arrow.png) no-repeat 95% 50%; background-color: #fff; border: 2px solid #afafaf; color: #06503c; font-size: 18px; height: 48px; padding: 5px; /* If you add too much padding here, the options won't show in IE */ width: 265px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-top: 25px; margin-bottom: 41px; text-transform: uppercase; } #round_selector .navsect { cursor: pointer; } #rounds_container .round { color: #555555; display: inline-block; font-family: 'rg_textregular'; font-size: 12px; padding-bottom: 18px; } @media only screen and (max-width: 320px) { #rounds_container .round { width: 38px; } } @media only screen and (min-width: 321px) { #rounds_container .round { width: 93px; } } @media only screen and (min-width: 769px) { #rounds_container .round { width: 150px; } } @media only screen and (max-width: 320px) { #rounds_container .round .match_selector { width: 39px; height: 44px; } } @media only screen and (min-width: 321px) { #rounds_container .round .match_selector { width: 94px; height: 74px; } } @media only screen and (min-width: 769px) { #rounds_container .round .match_selector { width: 151px; height: 120px; } } #rounds_container .round .match_selector .match_button { background-color: #ebebeb; width: 100%; overflow: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } #rounds_container .round .match_selector .match_button hr { display: block; height: 1px; border: 0; border-top: 1px solid #afafaf; margin: auto; padding: 0; } @media only screen and (max-width: 320px) { #rounds_container .round .match_selector .match_button hr { width: 30px; } } @media only screen and (min-width: 321px) { #rounds_container .round .match_selector .match_button hr { width: 84px; } } @media only screen and (min-width: 769px) { #rounds_container .round .match_selector .match_button hr { width: 136px; } } #rounds_container .round .match_selector .match_button.single { height: 100%; } @media only screen and (max-width: 320px) { #rounds_container .round .match_selector .match_button.half { display: none; } } @media only screen and (min-width: 321px) { #rounds_container .round .match_selector .match_button.half { display: block; height: 33px; margin-bottom: 8px; padding-top: 5px; } #rounds_container .round .match_selector .match_button.half hr { margin-bottom: 3px; } } @media only screen and (min-width: 769px) { #rounds_container .round .match_selector .match_button.half { display: block; height: 57px; margin-bottom: 6px; padding-top: 10px; } #rounds_container .round .match_selector .match_button.half hr { margin-bottom: 8px; } } #rounds_container .round .match_selector .match_button.quarter { height: 25px; margin-bottom: 7px; padding-top: 7px; } #rounds_container .round .match_selector .match_button.quarter hr { margin-bottom: 4px; } @media only screen and (max-width: 768px) { #rounds_container .round .match_selector .match_button.quarter { display: none; } } @media only screen and (min-width: 769px) { #rounds_container .round .match_selector .match_button.quarter { display: block; } } #rounds_container .round .match_selector .match_button.quarter:first-of-type { margin-bottom: 6px; } #rounds_container .round .match_selector .match_button.quarter:last-of-type { margin-bottom: 0; } #rounds_container .round .match_selector .match_button.tablet { height: 33px; margin-bottom: 8px; padding-top: 5px; } #rounds_container .round .match_selector .match_button.tablet hr { margin-bottom: 1px; } #rounds_container .round .match_selector .match_button.tablet hr:nth-of-type(3) { margin-bottom: 6px; } @media only screen and (max-width: 320px) { #rounds_container .round .match_selector .match_button.tablet { display: none; } } @media only screen and (min-width: 321px) { #rounds_container .round .match_selector .match_button.tablet { display: block; } } @media only screen and (min-width: 769px) { #rounds_container .round .match_selector .match_button.tablet { display: none; } } #rounds_container .round .match_selector .match_button.mobile { height: 100%; } @media only screen and (max-width: 320px) { #rounds_container .round .match_selector .match_button.mobile { display: block; } } @media only screen and (min-width: 321px) { #rounds_container .round .match_selector .match_button.mobile { display: none; } } #rounds_container .round .match_selector .match_button.selected { background-color: #528854; } #rounds_container .round .match_selector .match_button.selected hr { border-top: 1px solid #f6f6f6; } @media only screen and (max-width: 320px) { #rounds_container .round span { display: none; } } @media only screen and (min-width: 321px) { #rounds_container .round span { display: inline; } } @media only screen and (max-width: 320px) { #rounds_container #round_select1 .match_button { padding-top: 4px; } #rounds_container #round_select1 .match_button hr { margin-bottom: 1; margin-top: 0; } } @media only screen and (max-width: 320px) { #rounds_container #round_select2 .match_button { padding-top: 6px; } #rounds_container #round_select2 .match_button hr { margin-bottom: 0; margin-top: 0; } #rounds_container #round_select2 .match_button hr:nth-of-type(2), #rounds_container #round_select2 .match_button hr:nth-of-type(4), #rounds_container #round_select2 .match_button hr:nth-of-type(6), #rounds_container #round_select2 .match_button hr:nth-of-type(8), #rounds_container #round_select2 .match_button hr:nth-of-type(10), #rounds_container #round_select2 .match_button hr:nth-of-type(12) { margin-bottom: 1px; margin-top: 0; } } @media only screen and (max-width: 320px) { #rounds_container #round_select3 .match_button { padding-top: 6px; } #rounds_container #round_select3 .match_button hr { margin-bottom: 1px; } #rounds_container #round_select3 .match_button hr:nth-of-type(2), #rounds_container #round_select3 .match_button hr:nth-of-type(4), #rounds_container #round_select3 .match_button hr:nth-of-type(6), #rounds_container #round_select3 .match_button hr:nth-of-type(8) { margin-bottom: 2px; } } @media only screen and (min-width: 321px) { #rounds_container #round_select3 .match_button { padding-top: 5px; } #rounds_container #round_select3 .match_button hr { margin-bottom: 3px; } #rounds_container #round_select3 .match_button hr:nth-of-type(5) { margin-bottom: 21px; } } @media only screen and (min-width: 769px) { #rounds_container #round_select3 .match_button { padding-top: 10px; } #rounds_container #round_select3 .match_button hr { margin-bottom: 8px; } #rounds_container #round_select3 .match_button hr:nth-of-type(5) { margin-bottom: 15px; } } @media only screen and (max-width: 320px) { #rounds_container #round_select4 .match_button { padding-top: 6px; } #rounds_container #round_select4 .match_button hr { margin-bottom: 2px; } #rounds_container #round_select4 .match_button hr:nth-of-type(2), #rounds_container #round_select4 .match_button hr:nth-of-type(4), #rounds_container #round_select4 .match_button hr:nth-of-type(6) { margin-bottom: 3px; } } @media only screen and (min-width: 321px) { #rounds_container #round_select4 .match_button { padding-top: 5px; } #rounds_container #round_select4 .match_button hr { margin-bottom: 3px; } #rounds_container #round_select4 .match_button hr:nth-of-type(2), #rounds_container #round_select4 .match_button hr:nth-of-type(4), #rounds_container #round_select4 .match_button hr:nth-of-type(6) { margin-bottom: 12px; } } @media only screen and (min-width: 769px) { #rounds_container #round_select4 .match_button { padding-top: 10px; } #rounds_container #round_select4 .match_button hr { margin-bottom: 8px; } #rounds_container #round_select4 .match_button hr:nth-of-type(2), #rounds_container #round_select4 .match_button hr:nth-of-type(4), #rounds_container #round_select4 .match_button hr:nth-of-type(6) { margin-bottom: 18px; } } @media only screen and (max-width: 320px) { #rounds_container #round_select_quarter .match_button { padding-top: 11px; } #rounds_container #round_select_quarter .match_button hr { margin-bottom: 2px; } #rounds_container #round_select_quarter .match_button hr:nth-of-type(2) { margin-bottom: 14px; } } @media only screen and (min-width: 321px) { #rounds_container #round_select_quarter .match_button { padding-top: 16px; } #rounds_container #round_select_quarter .match_button hr { margin-bottom: 5px; } #rounds_container #round_select_quarter .match_button hr:nth-of-type(2) { margin-bottom: 29px; } } @media only screen and (min-width: 769px) { #rounds_container #round_select_quarter .match_button { padding-top: 29px; } #rounds_container #round_select_quarter .match_button hr { margin-bottom: 8px; } #rounds_container #round_select_quarter .match_button hr:nth-of-type(2) { margin-bottom: 50px; } } @media only screen and (max-width: 320px) { #rounds_container #round_select_semi .match_button { padding-top: 13px; } #rounds_container #round_select_semi .match_button hr:nth-of-type(1) { margin-bottom: 16px; } } @media only screen and (min-width: 321px) { #rounds_container #round_select_semi .match_button { padding-top: 19px; } #rounds_container #round_select_semi .match_button hr:nth-of-type(1) { margin-bottom: 33px; } } @media only screen and (min-width: 769px) { #rounds_container #round_select_semi .match_button { padding-top: 33px; } #rounds_container #round_select_semi .match_button hr:nth-of-type(1) { margin-bottom: 56px; } } @media only screen and (max-width: 320px) { #rounds_container #round_select_final .match_button { padding-top: 21px; } } @media only screen and (min-width: 321px) { #rounds_container #round_select_final .match_button { padding-top: 37px; } } @media only screen and (min-width: 769px) { #rounds_container #round_select_final .match_button { padding-top: 63px; } } #bracket_container { font-size: 0; text-align: center; } #bracket_container p.round_number { font-family: 'rg_textregular'; font-size: 14px; color: #555555; text-align: center; display: inline-block; width: 100%; } #bracket_container p.round_number.selected { color: #528854; font-family: 'rg_textbold'; } #bracket_container .bracket_round { display: inline-block; vertical-align: top; text-align: center; font-size: 18px; } #bracket_container #bracket_round1 .scores_section { margin-bottom: 22px; } #bracket_container #bracket_round1 .scores_section:nth-of-type(2) { margin-bottom: 34px; } #bracket_container #bracket_round2 .scores_section:nth-of-type(1) { margin-top: 86px; margin-bottom: 187px; } @media only screen and (max-width: 320px) { #bracket_container #bracket_round2 { display: none; } } @media only screen and (min-width: 321px) { #bracket_container #bracket_round2 { display: inline-block; } } #bracket_container #bracket_round3 .scores_section { margin-top: 282px; } @media only screen and (max-width: 1023px) { #bracket_container #bracket_round3 { display: none; } } @media only screen and (min-width: 1024px) { #bracket_container #bracket_round3 { display: inline-block; } } #bracket_container .bracket_connectors { display: inline-block; vertical-align: top; } #bracket_container .bracket_connectors div { border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; height: 162px; width: 25px; margin-left: 0; margin-right: 0; } #bracket_container .bracket_lines { display: inline-block; vertical-align: top; } #bracket_container .bracket_lines div { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; height: 311px; width: 23px; margin-left: 0; margin-right: 0; } #bracket_container #connectors1 div:nth-of-type(1) { margin-top: 105px; } #bracket_container #connectors1 div:nth-of-type(2) { margin-top: 175px; } @media only screen and (max-width: 320px) { #bracket_container #connectors1 { display: none; } } @media only screen and (min-width: 321px) { #bracket_container #connectors1 { display: inline-block; } } #bracket_container #lines1 div { margin-top: 190px; height: 311px; } @media only screen and (max-width: 320px) { #bracket_container #lines1 { display: none; } } @media only screen and (min-width: 321px) { #bracket_container #lines1 { display: inline-block; } } #bracket_container #connectors2 div { margin-top: 190px; height: 327px; } @media only screen and (max-width: 1023px) { #bracket_container #connectors2 { display: none; } } @media only screen and (min-width: 1024px) { #bracket_container #connectors2 { display: inline-block; } } #bracket_container #lines2 div { margin-top: 344px; height: 0px; border-bottom: none; } @media only screen and (max-width: 1023px) { #bracket_container #lines2 { display: none; } } @media only screen and (min-width: 1024px) { #bracket_container #lines2 { display: inline-block; } } @media only screen and (max-width: 769px) { #bracket_container .scores_section { width: 290px; } #bracket_container .scores_section .player_scores { height: 36px; line-height: 36px; } #bracket_container .bracket_round { font-size: 14px; } #bracket_container .player_seed { display: none; } } /*schedule*/ #schedule_selector { background-color: #f6f6f6; text-align: center; border-bottom: 1px solid #afafaf; color: #555555; font-family: 'rg_textregular'; padding: 20px 0; } #schedule_selector span:first-of-type { margin-right: 20px; } #schedule_selector .selected { color: #c85a19; font-family: 'rg_textbold'; } #round_selector { margin-bottom: 30px; text-transform: uppercase; position: relative; } @media only screen and (max-width: 767px) { #round_selector { margin-bottom: 0; } } #round_selector select { width: 335px; margin-bottom: 25px; } @media only screen and (min-width: 1300px) { #round_selector select { margin-bottom: 41px; } } #round_selector #schedulePrintButton { position: absolute; right: 5%; top: 50%; transform: translate(0, -50%); } @media only screen and (max-width: 767px) { #round_selector #schedulePrintButton { position: static; } } #schedule hr { height: 1px; border: 0; border-top: 1px solid #e5e5e5; display: none; } @media only screen and (max-width: 767px) { #schedule hr { display: block; } } #schedule .court { clear: both; margin: 20px auto 0 auto; overflow: auto; width: 90%; } @media only screen and (max-width: 767px) { #schedule .court { margin-top: 0; margin-bottom: 20px; } } #schedule .court .courtName { font-family: 'rg_titlebold'; color: #555555; font-size: 18px; border: 1px solid #afafaf; text-align: center; width: 100%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1300px) { #schedule .court .courtName { width: 360px; height: 305px; } } @media only screen and (max-width: 767px) { #schedule .court .courtName { border: none; } } #schedule .court .courtName .startDate { font-family: 'rg_textregular'; } #schedule .court .courtName div { position: relative; top: 50%; padding: 18px 0; } @media only screen and (min-width: 1300px) { #schedule .court .courtName div { transform: translateY(-50%); line-height: 40px; padding: 0; } } @media only screen and (max-width: 767px) { #schedule .court .courtName div { padding: 10px 0; } } #schedule .court .matches { float: left; width: 100%; font-size: 15px; } @media only screen and (min-width: 1300px) { #schedule .court .matches { margin-left: 10px; width: calc(100% - 372px); } } @media only screen and (max-width: 767px) { #schedule .court .matches { font-size: 14px; } } #schedule .court .matches .match { margin-bottom: 10px; } #schedule .court .matches .match .notBefore { height: 24px; line-height: 24px; font-family: 'rg_textregular'; color: #fff; background-color: #06503c; padding: 0 15px; } @media only screen and (max-width: 767px) { #schedule .court .matches .match .notBefore { font-size: 11px; } } #schedule .court .matches .match .matchHeader { height: 31px; line-height: 31px; font-family: 'rg_textregular'; color: #555555; text-transform: uppercase; background-color: #e5e5e5; padding: 0 15px; text-align: center; } #schedule .court .matches .match .matchHeader span { position: absolute; left: 0; right: 0; } @media only screen and (min-width: 1300px) { #schedule .court .matches .match .matchHeader span { position: static; float: left; text-align: left; } } #schedule .court .matches .match .matchHeader span.completed { position: relative; float: right; } @media only screen and (max-width: 320px) { #schedule .court .matches .match .matchHeader span.completed { display: none; } } @media only screen and (max-width: 767px) { #schedule .court .matches .match .matchHeader { height: 20px; line-height: 20px; font-size: 10px; } } #schedule .court .matches .match .result { height: 56px; line-height: 56px; background-color: #f6f6f6; padding: 0 15px; text-align: center; position: relative; } @media only screen and (max-width: 767px) { #schedule .court .matches .match .result { height: inherit; line-height: inherit; overflow: hidden; text-align: left; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } } #schedule .court .matches .match .result a { text-decoration: none; } @media only screen and (max-width: 767px) { #schedule .court .matches .match .result div:first-of-type { float: left; } } #schedule .court .matches .match .result.doubles { line-height: 27px; } @media only screen and (max-width: 767px) { #schedule .court .matches .match .result.doubles { line-height: 17px; } } #schedule .court .matches .match .result.doubles .matchScore { margin-top: 15px; } #schedule .court .matches .match .teams { float: left; color: #999999; font-family: 'rg_textregular'; } #schedule .court .matches .match .teams .playerName { font-family: 'rg_textbold'; } #schedule .court .matches .match .teams a, #schedule .court .matches .match .teams a:active, #schedule .court .matches .match .teams a:visited { color: #999999; } #schedule .court .matches .match .teams .active { color: #555555; } #schedule .court .matches .match .teams .active a, #schedule .court .matches .match .teams .active a:active, #schedule .court .matches .match .teams .active a:visited { color: #555555; } #schedule .court .matches .match .teams:not(.opponent) { text-align: left; width: 40%; } @media only screen and (max-width: 767px) { #schedule .court .matches .match .teams:not(.opponent) { width: 100%; } } #schedule .court .matches .match .teams.opponent { /*float: none; position: absolute; left: 0; right: 0;*/ float: left; } @media only screen and (max-width: 767px) { #schedule .court .matches .match .teams.opponent { float: left; clear: left; position: static; } } #schedule .court .matches .match .teams.opponent span.completed { color: #555; text-align: left; font-size: 9px; display: none; } @media only screen and (max-width: 767px) { #schedule .court .matches .match .teams.opponent span.completed { display: block; } } #schedule .court .matches .match .teams.opponent span.active { margin-right: 5px; } @media only screen and (max-width: 767px) { #schedule .court .matches .match .teams.opponent .active:first-of-type { display: block; text-align: left; font-size: 9px; text-transform: uppercase; } } #schedule .court .matches .match .matchScore { font-family: 'rg_textbold'; color: #555555; float: right; } #schedule .court .matches .match:last-of-type { margin-bottom: 0; } #schedule .court:last-of-type { margin-bottom: 20px; } /*match stats*/ /*stub section*/ .stub-container { width: 100%; background-color: white; } .stub-image { width: 188px; height: 188px; margin: 43px auto 35px auto; background-image: url("/images/players/square/not_available_e.jpg"); background-size: cover; } .stub-text { font-size: 22px; font-family: "RG Text", 'rg_textregular', sans-serif; color: #555555; line-height: 1.3; text-align: center; width: 100%; margin-bottom: 20px; } #RGPage { max-width: 1500px; margin: auto; } .rgText { font-family: RolandGarros, Arial, Verdana, Helvetica, sans-serif; visibility: hidden; } /* Radio CSS */ .radio-sprite, .radio-flag, .radio-headphones, .radio-live_e, .radio-live_f, .radio-logo, .radio-mute_off, .radio-mute_on, .radio-off, .radio-play, .radio-stop, .radio-volume_bg_bar, .radio-volume_down, .radio-volume_up, #radioModule .top .logo, #radioModule .middle .left .headphones, #radioModule .middle .right .flag, #radioModule .bottom #status .live, #radioModule .bottom #status .offair, #radioModule .bottom #controls .playbutton, #radioModule .bottom #controls .stopbutton, #radioModule .bottom #volume, #radioModule .bottom #volume .volumedown, #radioModule .bottom #volume .volumemute, #radioModule .bottom #volume .volumeup, #radioModule.fr #status .live, #radioModule.muted #volume .volumemute { background-image: url('/sprites/radio-s0af607f423.png'); background-repeat: no-repeat; } .radio-flag { background-position: 0 0; } .radio-headphones { background-position: 0 -21px; } .radio-live_e { background-position: 0 -49px; } .radio-live_f { background-position: 0 -67px; } .radio-logo { background-position: 0 -85px; } .radio-mute_off { background-position: 0 -163px; } .radio-mute_on { background-position: 0 -198px; } .radio-off { background-position: 0 -233px; } .radio-play { background-position: 0 -251px; } .radio-stop { background-position: 0 -268px; } .radio-volume_bg_bar { background-position: 0 -283px; } .radio-volume_down { background-position: 0 -335px; } .radio-volume_up { background-position: 0 -357px; } .radioPopup { background: #C85A19; } #radioModule { position: absolute; width: 419px; height: 185px; background: #FFFFFF; top: 0px; left: 0px; } #radioModule .top { float: left; position: relative; width: 419px; height: 89px; } #radioModule .top .logo { position: absolute; width: 78px; height: 78px; top: 7px; left: 16px; background-position: 0 -85px; } #radioModule .top .ribbon { position: absolute; width: 225px; height: 35px; top: 28px; right: 20px; } #radioModule .middle { float: left; width: 419px; height: 42px !important; border-top: 1px solid #828282; border-bottom: 1px solid #828282; background: #EBEBEB; } #radioModule .middle .left { float: left; width: 108px !important; height: 42px; border-right: 1px solid #CCCCCC; } #radioModule .middle .left .headphones { width: 38px; height: 28px; margin: 7px 35px; background-position: 0 -21px; } #radioModule .middle .right { float: left; position: relative; width: 310px; height: 42px; } #radioModule .middle .right .flag { position: absolute; width: 36px; height: 21px; top: 11px; left: 14px; background-position: 0 0; } #radioModule .middle .right .text { position: absolute; width: 245px; height: 21px; line-height: 22px; color: #2C8656; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; font-size: 20px; top: 11px; right: 0px; } #radioModule .bottom { float: left; position: relative; width: 245px !important; height: 52px; padding-left: 174px; } #radioModule .bottom #status { position: absolute; display: block; width: 55px; height: 52px; left: 174px; top: 0px; margin: 0px 11px 0px 0px; } #radioModule .bottom #status .live { width: 29px; height: 18px; margin: 17px 8px 17px 18px; background-position: 0 -49px; display: none; } #radioModule .bottom #status .offair { width: 29px; height: 18px; margin: 17px 8px 17px 18px; background-position: 0 -233px; display: block; } #radioModule .bottom #controls { position: absolute; display: block; width: 25px; height: 52px; left: 240px; top: 0px; } #radioModule .bottom #controls .playbutton { width: 15px; height: 17px; margin: 17px 0px 18px 0px; background-position: 0 -251px; display: block; } #radioModule .bottom #controls .stopbutton { width: 16px; height: 16px; margin: 18px 0px 18px 0px; background-position: 0 -268px; display: none; } #radioModule .bottom #volume { position: absolute; display: none; width: 113px; height: 52px; left: 265px; top: 0px; background-position: 0 -283px; } #radioModule .bottom #volume .volumedown { position: absolute; width: 22px; height: 22px; top: 15px; left: 0px; background-position: 0 -335px; } #radioModule .bottom #volume .volumemute { position: absolute; width: 35px; height: 35px; top: 9px; left: 39px; background-position: 0 -163px; } #radioModule .bottom #volume .volumeup { position: absolute; width: 22px; height: 22px; top: 15px; right: 0px; background-position: 0 -357px; } #radioModule .bottom #loading { position: absolute; display: none; width: 154px; height: 52px; left: 265px; top: 0px; font-family: 'rg_textregular', Arial, Helvetica, sans-serif; color: #2C8656; text-transform: uppercase; line-height: 52px; text-align: center; font-size: 16px; } #radioModule .bottom a { text-indent: -9999px; cursor: pointer; } #radioModule.fr #status .live { width: 55px; height: 18px; margin: 17px 0px; background-position: 0 -67px; display: none; } #radioModule.offair #status { display: block; } #radioModule.offair #status .live { display: none; } #radioModule.offair #status .offair { display: block; } #radioModule.offair #controls { display: block; } #radioModule.offair #controls .playbutton { display: block; cursor: default; } #radioModule.offair #controls .stopbutton { display: none; } #radioModule.offair #volume { display: none; } #radioModule.offair #loading { display: none; } #radioModule.livenotplaying #status { display: block; } #radioModule.livenotplaying #status .live { display: block; } #radioModule.livenotplaying #status .offair { display: none; } #radioModule.livenotplaying #controls { display: block; } #radioModule.livenotplaying #controls .playbutton { display: block; } #radioModule.livenotplaying #controls .stopbutton { display: none; } #radioModule.livenotplaying #volume { display: none; } #radioModule.livenotplaying #loading { display: none; } #radioModule.liveplaying #status { display: block; } #radioModule.liveplaying #status .live { display: block; } #radioModule.liveplaying #status .offair { display: none; } #radioModule.liveplaying #controls { display: block; } #radioModule.liveplaying #controls .playbutton { display: none; } #radioModule.liveplaying #controls .stopbutton { display: block; } #radioModule.liveplaying #volume { display: block; } #radioModule.liveplaying #loading { display: none; } #radioModule.liveplayingipad #status { display: block; } #radioModule.liveplayingipad #status .live { display: block; } #radioModule.liveplayingipad #status .offair { display: none; } #radioModule.liveplayingipad #controls { display: block; } #radioModule.liveplayingipad #controls .playbutton { display: none; } #radioModule.liveplayingipad #controls .stopbutton { display: block; } #radioModule.liveplayingipad #volume { display: none; } #radioModule.liveplayingipad #loading { display: none; } #radioModule.muted #volume .volumemute { background-position: 0 -198px; } #radioModule.loading #loading { display: block; } #newsletter-iframe { height: 1266px; width: 100%; display: block; } @media only screen and (min-width: 48em) { #newsletter-iframe { height: 1329px; } .slamtracker_ad { display: block; } body.mip #content_footer { margin-bottom: 90px; } } @media only screen and (min-width: 64em) { #newsletter-iframe { height: 652px; } .slamtracker_ad { display: block; } body.mip #content_footer { margin-bottom: 90px; } } html.ra1-pw-mobile { position: none !important; } .tournamentTables h3 { text-transform: uppercase; } .alert { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 30px; background-color: #C85A19; margin-top: 0px; text-align: center; line-height: 1.25em; padding: 5px 1.07143%; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 40px; color: #fff; } .alert a { color: #999999; } /*# sourceMappingURL=rg.css.map */