#resultsContainer .searchFormContainer .inputContainer, #indexContainer .searchFormContainer .inputContainer, #mastheadContainer #searchOverlayContainer #searchOverlay .inputContainer { position: absolute; top: 4px; left: 502px; width: 271px; height: 29px; }
#resultsContainer .searchFormContainer .inputContainer input, #indexContainer .searchFormContainer .inputContainer input, #mastheadContainer #searchOverlayContainer #searchOverlay .inputContainer input { outline: none; width: 266px; width: 246px !important; padding: 1px 10px; height: 23px; line-height: 20px; }
#resultsContainer .searchFormContainer .submitBtn, #indexContainer .searchFormContainer .submitBtn, #mastheadContainer #searchOverlayContainer #searchOverlay .submitBtn { padding-left: 15px; line-height: 33px; height: 29px; position: absolute; left: 773px; top: 4px; background-color: #009BDF; color: #FFFFFF; font-size: 20px; text-transform: uppercase; cursor: pointer; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; }
#resultsContainer .searchFormContainer .submitBtn #icon-search-overlay, #indexContainer .searchFormContainer .submitBtn #icon-search-overlay, #mastheadContainer #searchOverlayContainer #searchOverlay .submitBtn #icon-search-overlay { position: absolute; top: 6px; left: 65px; }
/** scores helpers **/
@font-face { font-family: 'ao16-iconfont'; src: url("/aus/static-css/fonts/ao16-iconfont.eot?vejosm"); src: url("/aus/static-css/fonts/ao16-iconfont.eot?vejosm#iefix") format("embedded-opentype"), url("/aus/static-css/fonts/ao16-iconfont.ttf?vejosm") format("truetype"), url("/aus/static-css/fonts/ao16-iconfont.woff?vejosm") format("woff"), url("/aus/static-css/fonts/ao16-iconfont.svg?vejosm#ao16-iconfont") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'ao16-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-hamburger:before { content: "\f11d"; }
.icon-close:before { content: "\f10c"; }
.icon-facebook:before { content: "\e800"; }
.icon-facebook_filled:before { content: "\e801"; }
.icon-twitter:before { content: "\e802"; }
.icon-twitter_filled:before { content: "\e803"; }
.icon-instagram:before { content: "\e804"; }
.icon-instagram_filled:before { content: "\e805"; }
.icon-youtube:before { content: "\e806"; }
.icon-youtube_filled:before { content: "\e807"; }
.icon-email:before { content: "\e808"; }
.icon-email_filled:before { content: "\e809"; }
.icon-livetv:before { content: "\e80a"; }
.icon-radio:before { content: "\e80b"; }
.icon-stats:before { content: "\e80c"; }
.icon-discuss .path1:before { content: "\e80d"; color: black; }
.icon-discuss .path2:before { content: "\e80e"; margin-left: -1em; color: black; }
.icon-discuss .path3:before { content: "\e80f"; margin-left: -1em; color: white; }
.icon-discuss .path4:before { content: "\e810"; margin-left: -1em; color: black; }
.icon-discuss .path5:before { content: "\e811"; margin-left: -1em; color: white; }
.icon-share:before { content: "\e812"; }
.icon-playvideo:before { content: "\e813"; }
.icon-gallery:before { content: "\f143"; }
.icon-arrow-left:before { content: "\f104"; }
.icon-arrow-up:before { content: "\f10b"; }
.icon-arrow-down:before { content: "\f10f"; }
.icon-arrow-right:before { content: "\f112"; }
.icon-search:before { content: "\f12c"; }
.icon-latest:before { content: "\f123"; }
.icon-scores:before { content: "\e814"; }
.icon-schedule:before { content: "\f141"; }
.icon-draw:before { content: "\e815"; }
.icon-players:before { content: "\f113"; }
.icon-more:before { content: "\f120"; }
.icon-video:before { content: "\f13d"; }
.icon-photo:before { content: "\e816"; }
.icon-article:before { content: "\f102"; }
.icon-time:before { content: "\f13e"; }
.icon-time_filled:before { content: "\f13f"; }
.icon-stopwatch:before { content: "\f131"; }
.icon-stopwatch_filled:before { content: "\f132"; }
.icon-tick:before { content: "\f10a"; }
.icon-racquet_ball:before { content: "\f145"; }
.icon-racquet:before { content: "\f144"; }
.icon-ticket:before { content: "\f135"; }
.icon-ticket_filled:before { content: "\f136"; }
.icon-map:before { content: "\f115"; }
.icon-map_filled:before { content: "\f116"; }
.icon-transport:before { content: "\f137"; }
.icon-transport_filled:before { content: "\f138"; }
.icon-directions:before { content: "\f12e"; }
.icon-tv:before { content: "\e817"; }
.icon-twitter2:before { content: "\f13b"; }
.icon-ball_filled:before { content: "\e818"; }
.icon-star:before { content: "\f130"; }
.icon-bubble:before { content: "\e819"; }
.icon-stat:before { content: "\f106"; }
.icon-announcement:before { content: "\f100"; }
.icon-day:before { content: "\f133"; }
.icon-night:before { content: "\e81a"; }
.icon-rain:before { content: "\f10e"; }
.icon-hot:before { content: "\e81b"; }
.icon-applause:before { content: "\f103"; }
.icon-microphone:before { content: "\e81c"; }
.icon-beer:before { content: "\e81d"; }
.icon-trophy:before { content: "\e81e"; }
.icon-aid-kit:before { content: "\e900"; }
.icon-check-alt:before { content: "\e902"; }
.icon-baffled:before { content: "\e901"; }
.icon-racquet_brocken:before { content: "\e903"; }
.icon-kangaroo .path1:before { content: "\e904"; color: #009bdf; }
.icon-kangaroo .path2:before { content: "\e905"; margin-left: -1em; color: #009bdf; }
.icon-kangaroo .path3:before { content: "\e906"; margin-left: -1em; color: #009bdf; }
.icon-kangaroo .path4:before { content: "\e907"; margin-left: -1em; color: #e50000; }
.icon-kangaroo .path5:before { content: "\e908"; margin-left: -1em; color: #e50000; }
.icon-facebook2:before { content: "\e909"; }
.icon-instagram2:before { content: "\e90a"; }
@font-face { font-family: 'yanone_kaffeesatz_regularRg'; src: url("/aus/static-css/fonts//yanonekaffeesatz-regular-webfont.eot"); src: url("/aus/static-css/fonts//yanonekaffeesatz-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//yanonekaffeesatz-regular-webfont.woff") format("woff"), url("/aus/static-css/fonts//yanonekaffeesatz-regular-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatz_regularRg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'yanone_kaffeesatz_boldregular'; src: url("/aus/static-css/fonts//yanonekaffeesatz-bold-webfont.eot"); src: url("/aus/static-css/fonts//yanonekaffeesatz-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//yanonekaffeesatz-bold-webfont.woff") format("woff"), url("/aus/static-css/fonts//yanonekaffeesatz-bold-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//yanonekaffeesatz-bold-webfont.svg#yanone_kaffeesatz_boldregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'yanone_kaffeesatz_lightRg'; src: url("/aus/static-css/fonts//yanonekaffeesatz-light-webfont.eot"); src: url("/aus/static-css/fonts//yanonekaffeesatz-light-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//yanonekaffeesatz-light-webfont.woff") format("woff"), url("/aus/static-css/fonts//yanonekaffeesatz-light-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//yanonekaffeesatz-light-webfont.svg#yanone_kaffeesatz_lightRg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'yanone_kaffeesatz_thinregular'; src: url("/aus/static-css/fonts//yanonekaffeesatz-thin-webfont.eot"); src: url("/aus/static-css/fonts//yanonekaffeesatz-thin-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//yanonekaffeesatz-thin-webfont.woff") format("woff"), url("/aus/static-css/fonts//yanonekaffeesatz-thin-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//yanonekaffeesatz-thin-webfont.svg#yanone_kaffeesatz_thinregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanssemibold_italic'; src: url("/aus/static-css/fonts//opensans-semibolditalic-webfont.eot"); src: url("/aus/static-css/fonts//opensans-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//opensans-semibolditalic-webfont.woff2") format("woff2"), url("/aus/static-css/fonts//opensans-semibolditalic-webfont.woff") format("woff"), url("/aus/static-css/fonts//opensans-semibolditalic-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//opensans-semibolditalic-webfont.svg#open_sanssemibold_italic") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansbold'; src: url("/aus/static-css/fonts//opensans-bold-webfont.eot"); src: url("/aus/static-css/fonts//opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//opensans-bold-webfont.woff2") format("woff2"), url("/aus/static-css/fonts//opensans-bold-webfont.woff") format("woff"), url("/aus/static-css/fonts//opensans-bold-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//opensans-bold-webfont.svg#open_sansbold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansbold_italic'; src: url("/aus/static-css/fonts//opensans-bolditalic-webfont.eot"); src: url("/aus/static-css/fonts//opensans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//opensans-bolditalic-webfont.woff2") format("woff2"), url("/aus/static-css/fonts//opensans-bolditalic-webfont.woff") format("woff"), url("/aus/static-css/fonts//opensans-bolditalic-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//opensans-bolditalic-webfont.svg#open_sansbold_italic") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansextrabold_italic'; src: url("/aus/static-css/fonts//opensans-extrabolditalic-webfont.eot"); src: url("/aus/static-css/fonts//opensans-extrabolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//opensans-extrabolditalic-webfont.woff2") format("woff2"), url("/aus/static-css/fonts//opensans-extrabolditalic-webfont.woff") format("woff"), url("/aus/static-css/fonts//opensans-extrabolditalic-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanslight_italic'; src: url("/aus/static-css/fonts//opensans-lightitalic-webfont.eot"); src: url("/aus/static-css/fonts//opensans-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//opensans-lightitalic-webfont.woff2") format("woff2"), url("/aus/static-css/fonts//opensans-lightitalic-webfont.woff") format("woff"), url("/aus/static-css/fonts//opensans-lightitalic-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//opensans-lightitalic-webfont.svg#open_sanslight_italic") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanslight'; src: url("/aus/static-css/fonts//opensans-light-webfont.eot"); src: url("/aus/static-css/fonts//opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//opensans-light-webfont.woff2") format("woff2"), url("/aus/static-css/fonts//opensans-light-webfont.woff") format("woff"), url("/aus/static-css/fonts//opensans-light-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//opensans-light-webfont.svg#open_sanslight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansregular'; src: url("/aus/static-css/fonts//opensans-regular-webfont.eot"); src: url("/aus/static-css/fonts//opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//opensans-regular-webfont.woff2") format("woff2"), url("/aus/static-css/fonts//opensans-regular-webfont.woff") format("woff"), url("/aus/static-css/fonts//opensans-regular-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//opensans-regular-webfont.svg#open_sansregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanssemibold'; src: url("/aus/static-css/fonts//opensans-semibold-webfont.eot"); src: url("/aus/static-css/fonts//opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//opensans-semibold-webfont.woff2") format("woff2"), url("/aus/static-css/fonts//opensans-semibold-webfont.woff") format("woff"), url("/aus/static-css/fonts//opensans-semibold-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//opensans-semibold-webfont.svg#open_sanssemibold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansitalic'; src: url("/aus/static-css/fonts//opensans-italic-webfont.eot"); src: url("/aus/static-css/fonts//opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//opensans-italic-webfont.woff2") format("woff2"), url("/aus/static-css/fonts//opensans-italic-webfont.woff") format("woff"), url("/aus/static-css/fonts//opensans-italic-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//opensans-italic-webfont.svg#open_sansitalic") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansextrabold'; src: url("/aus/static-css/fonts//opensans-extrabold-webfont.eot"); src: url("/aus/static-css/fonts//opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//opensans-extrabold-webfont.woff2") format("woff2"), url("/aus/static-css/fonts//opensans-extrabold-webfont.woff") format("woff"), url("/aus/static-css/fonts//opensans-extrabold-webfont.ttf") format("truetype"), url("/aus/static-css/fonts//opensans-extrabold-webfont.svg#open_sansextrabold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ao16-iconfont'; src: url("/aus/static-css/fonts//ao16-iconfont.eot"); src: url("/aus/static-css/fonts//ao16-iconfont.eot?#iefix") format("embedded-opentype"), url("/aus/static-css/fonts//ao16-iconfont.woff") format("woff"), url("/aus/static-css/fonts//ao16-iconfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.yanone-regular { font-family: 'yanone_kaffeesatz_regularRg'; }
.yanone-bold { font-family: 'yanone_kaffeesatz_boldregular'; }
.yanone-light { font-family: 'yanone_kaffeesatz_lightRg'; }
.yanone-thin { font-family: 'yanone_kaffeesatz_thinregular'; }
/* This file is for general styles that can be used across events */
#resultsContainer .searchFormContainer .inputContainer, #indexContainer .searchFormContainer .inputContainer, #mastheadContainer #searchOverlayContainer #searchOverlay .inputContainer { position: absolute; top: 4px; left: 502px; width: 271px; height: 29px; }
#resultsContainer .searchFormContainer .inputContainer input, #indexContainer .searchFormContainer .inputContainer input, #mastheadContainer #searchOverlayContainer #searchOverlay .inputContainer input { outline: none; width: 266px; width: 246px !important; padding: 1px 10px; height: 23px; line-height: 20px; }
#resultsContainer .searchFormContainer .submitBtn, #indexContainer .searchFormContainer .submitBtn, #mastheadContainer #searchOverlayContainer #searchOverlay .submitBtn { padding-left: 15px; line-height: 33px; height: 29px; position: absolute; left: 773px; top: 4px; background-color: #009BDF; color: #FFFFFF; font-size: 20px; text-transform: uppercase; cursor: pointer; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; }
#resultsContainer .searchFormContainer .submitBtn #icon-search-overlay, #indexContainer .searchFormContainer .submitBtn #icon-search-overlay, #mastheadContainer #searchOverlayContainer #searchOverlay .submitBtn #icon-search-overlay { position: absolute; top: 6px; left: 65px; }
/** scores helpers **/
/***element styles***/
body { font-size: .75em; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; }
img { /*display:block;*/ border: 0; }
select, input { font-size: 1em; color: #000000; }
object, a { outline: none; text-decoration: none; }
/***link styles***/
A:link, A:active { color: #0091D2; }
A:visited { color: #0091D2; }
A.black:link, A.black:active, A.black:visited { color: #000000; text-decoration: none; }
A.blue:link, A.blue:active, A.blue:visited { color: #0098DA; text-decoration: none; }
A.footer:link, A.footer:active { font-size: .9em; color: #FCAE1A; }
A.footer:visited { font-size: .9em; color: #A2DBFE; }
A.sumScoresWin:link, A.sumScoresWin:active, A.sumScoresWin:visited { color: #CA4710; text-decoration: none; font-weight: bold; }
A.sumScores:link, A.sumScores:active, A.sumScores:visited { color: #3D87A9; text-decoration: none; font-weight: bold; }
A.articleTitleLink:link, A.articleTitleLink:active, A.articleTitleLink:visited { font-size: .8em; font-weight: bold; text-decoration: none; }
h2 A.blue:link, h2 A.blue:active, h2 A.blue:visited { color: #0098DA; text-decoration: none; }
h3 A.blue:link, h3 A.blue:active, h3 A.blue:visited { color: #0098DA; text-decoration: none; }
/***text styles***/
h1 { margin: 0 0 0 0; font-size: 1.1em; font-weight: bold; }
h1.pageHeader { margin: 12px 0px 5px 0px; font-size: 2em; color: #009BDE; }
h1.pageHeader.articleDetail { font-size: 2.5em; font-weight: normal; line-height: 30px; }
h1.profile { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; color: #000000; font-size: 30px; }
h2 { margin: 0 0 8px 0; font-size: 2.0em; font-weight: bold; }
h2.players { float: left; margin: 0px; font-weight: normal; font-size: 48px; color: #0091D2; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; text-transform: uppercase; }
h2.news, h2.schedule { margin: 0 0 10px 0; font-weight: normal; font-size: 48px; color: #0091D2; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; text-transform: uppercase; }
h2.news span, h2.schedule span { font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; }
h2.articles { margin: 0 0 5px 0; font-weight: normal; font-size: 48px; color: #0091D2; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; }
h3 { font-size: 1em; margin: 0 0 5px 0; padding: 0 0 0 0; }
h3.news { margin: 0px; font-size: 25px; color: #0091D2; font-weight: normal; line-height: 25px; }
h3.title { margin: 0px; font-size: 25px; color: #0091D2; font-weight: normal; line-height: 25px; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; }
h3.share { float: left; margin: 0; font-weight: normal; font-size: 18px; line-height: 35px; color: #0091D2; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; }
h3.stub { margin: 0 0 5px 0; font-weight: normal; font-size: 30px; color: #0091D2; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; }
h3.guide { margin: 0 0 10px 0; font-weight: normal; font-size: 28px; color: #0091D2; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; line-height: 24px; }
h3.fancentre { margin: 0 0 10px 0; font-weight: normal; font-size: 28px; line-height: 28px; color: #0091D2; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; }
h4 { margin: 3px 0 6px 0; font-size: 1.2em; }
h4.fancentre { margin: 0px; font-weight: normal; font-size: 20px; line-height: 20px; color: #0091D2; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; }
.countdownText { font-size: 1.1em; font-weight: bold; color: #FFFFFF; }
.footerText { color: #0096D9; }
.bold { font-weight: bold; }
/***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; 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 ul { list-style-type: none; float: left; margin: 0px; width: 588px; padding: 0px 0px 0px 0px; background-color: #D0E5EF; border-bottom: 1px solid #ffffff; /* border:1px solid red; */ }
#galleryIndex ul li { float: left; font-weight: bold; display: block; margin: 0px; width: 196px; height: 100%; padding: 15px 0px 10px 0px; background-color: #D0E5EF; text-align: center; }
#galleryIndex ul li img { /*float:left;*/ margin-top: 0px; margin-right: auto; margin-bottom: 5px; margin-left: auto; width: 150px; height: 150px; border: 1px solid #0D6186; }
#galleryIndex ul li a { text-decoration: none; }
#galleryIndex ul li p { font-weight: normal; color: #000000; padding: 0; }
#galleryIndexCaption { width: 131px; color: #000000; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
#galleryIndexCaption a.black { 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: 588px; 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, #otherBlogs ul { list-style-type: none; padding: 0 0 0 0; margin: 5px 0 5px 0; text-align: left; }
#bios ul li, #otherBlogs ul { padding: 0; }
/*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: 150px; display: inline; margin: 5px; float: right; clear: right; }
#sharing h4 { display: inline; font-size: .9em; float: left; }
#shareLinks { width: auto; position: relative; list-style-type: none; margin: 0 0 0 5px; padding: 0; float: left; }
#shareLinks li { padding: 3px; display: block; float: left; }
#rsscell a img { float: left; margin: 8px 10px 15px 0; }
/********** styles for search results page **********/
/* styles for search */
#resultsContainer .searchFormContainer, #indexContainer .searchFormContainer { position: relative; margin: 0 0 20px 0; padding: 0px; }
#resultsContainer .searchFormContainer .inputContainer, #indexContainer .searchFormContainer .inputContainer { position: relative !important; float: left !important; margin-bottom: 5px; left: 0px; top: 0px; }
#resultsContainer .searchFormContainer .submitBtn, #indexContainer .searchFormContainer .submitBtn { position: relative !important; float: left !important; margin-bottom: 5px; left: 0px; top: 0px; width: 85px; }
#resultsContainer #searchForm, #indexContainer #searchForm { margin: 0px; padding: 0px; height: 24px; }
#resultsContainer #searchForm #query, #indexContainer #searchForm #query { float: left; height: 18px; width: 281px; margin-right: 10px; }
#resultsContainer .helperText, #indexContainer .helperText { clear: left; margin: 0 0 20px 0; }
#resultsContainer #resultsMessage, #indexContainer #resultsMessage { margin: 0 0 15px 0; font-weight: bold; }
#resultsContainer .searchResultsContainer, #indexContainer .searchResultsContainer { padding: 0px; padding-top: 15px; border-top: solid 1px #000000; }
#resultsContainer .searchResultsContainer ul, #indexContainer .searchResultsContainer ul { list-style: none; padding: 0 0 20px 0; margin: 0px 0 5px 0; border-bottom: solid 1px #000000; }
#resultsContainer .searchResultsContainer ul li, #indexContainer .searchResultsContainer ul li { list-style: none; padding: 10px 0 0 0; margin-bottom: 10px; border-top: solid 1px #EEE8F2; min-height: 72px; }
#resultsContainer .searchResultsContainer ul li:first-child, #indexContainer .searchResultsContainer ul li:first-child { border-top: none; padding-top: 0; }
#resultsContainer .searchResultsContainer .thumb, #indexContainer .searchResultsContainer .thumb { float: left; margin-right: 10px; }
#resultsContainer .searchResultsContainer .title, #indexContainer .searchResultsContainer .title { font-weight: bold; color: #0098DA; margin-right: 5px; }
#resultsContainer .searchResultsContainer .title a, #indexContainer .searchResultsContainer .title a { font-weight: bold; color: #0098DA; margin-right: 5px; }
#resultsContainer .searchResultsContainer .summary, #indexContainer .searchResultsContainer .summary { color: #666666; }
#resultsContainer .searchResultsContainer .summary em, #indexContainer .searchResultsContainer .summary em { font-weight: bold; }
#resultsContainer .searchResultsContainer .date, #indexContainer .searchResultsContainer .date { color: #999999; }
#resultsContainer .searchResultsContainer .title .star, #indexContainer .searchResultsContainer .title .star { display: inline; padding: 0; }
#resultsContainer .paginationContainer, #indexContainer .paginationContainer { display: none; text-align: center; position: relative; width: 400px; margin: 0px auto; }
#resultsContainer .paginationContainer a, #resultsContainer .paginationContainer span, #indexContainer .paginationContainer a, #indexContainer .paginationContainer span { padding: 0px 6px; }
#resultsContainer .paginationContainer .prev, #indexContainer .paginationContainer .prev { float: left; background: none; }
#resultsContainer .paginationContainer .next, #indexContainer .paginationContainer .next { float: right; background: none; }
#searchBox .searchBtn { background: url("/images/search/search_go.gif") no-repeat; cursor: pointer; width: 72px; height: 19px; 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; }
.ui-tabs-hide { display: none; }
.generic-sprite, .generic-caption_158x43, .generic-caption_462x62, .generic-caption_622x62, .generic-divider_time_weather, .generic-logo_trending, .generic-play_34x34, .generic-play_40x40, .generic-play_53x53, .generic-search_button, .generic-search_icon, .generic-tag_117x33, .generic-tag_68x23, .generic-tag_73x24, .generic-tag_red_68x23, #playerProfile .profileTabs #playerProfileVideos ul li .playBtn { background-image: url('/sprites/../sprites/generic-s461f0f7b95.png'); background-repeat: no-repeat; }
.generic-caption_158x43 { background-position: 0 0; }
.generic-caption_462x62 { background-position: 0 -43px; }
.generic-caption_622x62 { background-position: 0 -105px; }
.generic-divider_time_weather { background-position: 0 -167px; }
.generic-logo_trending { background-position: 0 -247px; }
.generic-play_34x34 { background-position: 0 -279px; }
.generic-play_40x40 { background-position: 0 -313px; }
.generic-play_53x53 { background-position: 0 -353px; }
.generic-search_button { background-position: 0 -406px; }
.generic-search_icon { background-position: 0 -435px; }
.generic-tag_117x33 { background-position: 0 -489px; }
.generic-tag_68x23 { background-position: 0 -522px; }
.generic-tag_73x24 { background-position: 0 -545px; }
.generic-tag_red_68x23 { background-position: 0 -569px; }
/** *extend style config - to use multiple places */
/** custom two side by side promo - hp and news pages **/
#hmPromos, #newsFooterPromos { float: left; width: 1020px; height: 178px; margin-top: 34px; }
#hmPromos .promo1, #newsFooterPromos .promo1 { float: left; width: 498px; height: 178px; }
#hmPromos .promo2, #newsFooterPromos .promo2 { float: right; width: 498px; height: 178px; }
/* apply to all pages */
html { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body, .ibm-theme { height: 100%; width: 100%; margin: 0px; padding: 0px; background: #FFFFFF; }
body.home, .ibm-theme.home { background: #FFFFFF; }
blockquote { margin: 10px; font-weight: bold; font-size: 1.5em; display: block; }
#pageWrapper.fullwidth #ausPage { width: 100% !important; text-align: center; }
#pageWrapper.fullwidth #mastheadWrapper { position: fixed; width: 100%; top: 0px; height: 91px; background: url("/images/misc/ao_generic_bg.jpg") repeat-x scroll 0 0 #009bdf; z-index: 2; }
#pageWrapper.fullwidth #mastheadContainer { float: none !important; margin: 0px 50% 0px 25% !important; }
#pageWrapper.fullwidth #summaryScoreboard { margin: 73px 50% 0px 25%; text-align: center; z-index: -1; }
#pageWrapper.fullwidth #contentArea { background: none; padding: 0px !important; z-index: -1; }
#pageWrapper.fullwidth #contentArea.sub { width: 100% !important; top: -145px; position: relative; }
#pageWrapper.fullwidth #contentArea .subContent.wide { width: auto !important; }
#pageWrapper.fullwidth #footerWrapper { float: left; width: 100% !important; background: #FFFFFF; height: auto; position: relative; border-top: 1px solid #c9c9c9; }
#pageWrapper.fullwidth #footerSponsors { margin: 0px 50% 0px 25%; border-top: none; }
#pageWrapper.fullwidth #footerAd { margin: 0px 50% 0px 25%; }
#pageWrapper.fullwidth #pageFooter { float: left; position: relative; width: 1020px; height: 90px; line-height: 1.3em; background: #FFFFFF; margin: 0px 50% 0px 25%; }
#pageWrapper.fullwidth #pageFooter .footerLogos { float: left; width: 289px; margin-left: 27px; }
#pageWrapper.fullwidth #pageFooter .footerLogos a { float: left; display: block; text-decoration: none; background: url("/images/nav/aus_footer_sprite.png") no-repeat; }
#pageWrapper.fullwidth #pageFooter .footerLogos .divider { float: left; width: 1px; height: 32px; background: #ADADAD; margin: 29px 0px 0px 0px; }
#pageWrapper.fullwidth #pageFooter .footerLogos #tennisaustralia { background-position: -507px -88px; width: 76px; height: 47px; margin: 16px 22px 0 0; }
#pageWrapper.fullwidth #pageFooter .footerLogos #melbourne { background-position: -611px -103px; width: 110px; height: 27px; margin: 30px 24px 0 22px; }
#pageWrapper.fullwidth #pageFooter .footerText { float: left; width: 680px; text-align: left; margin: 27px 0px 0px 0px; font-size: 0.9em; color: #575757; line-height: 17px; }
#pageWrapper.fullwidth #pageFooter .footerText a { font-size: 1em; color: #575757; margin: 0px 5px; text-transform: uppercase; }
#pageWrapper.fullwidth #pageFooter .footerText a:hover { color: #0091D2; }
#pageWrapper.fullwidth #pageFooter .footerText a.first { margin-left: 0px; }
#pageWrapper.fullwidth #footerSocial { float: left; width: 1020px; height: 116px; background: #1197C2; color: #FFFFFF; text-align: center; margin: 0px 50% 0px 25%; }
#pageWrapper.fullwidth #footerSocial #text { float: left; width: 100%; height: 73px; font-size: 46px; line-height: 73px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#pageWrapper.fullwidth #footerSocial #icons { float: left; width: 100%; height: 43px; }
#pageWrapper.fullwidth #footerSocial #icons a { display: inline-block; height: 26px; color: #FFFFFF; text-decoration: none; background: url("/images/nav/aus_footer_sprite.png") no-repeat; }
#pageWrapper.fullwidth #footerSocial #icons #facebook { width: 91px; background-position: -2px -94px; margin-right: 15px; }
#pageWrapper.fullwidth #footerSocial #icons #twitter { width: 73px; background-position: -108px -94px; margin-right: 15px; }
#pageWrapper.fullwidth #footerSocial #icons #instagram { width: 93px; background-position: -196px -94px; margin-right: 15px; }
#pageWrapper.fullwidth #footerSocial #icons #youtube { width: 83px; background-position: -304px -94px; margin-right: 15px; }
#pageWrapper.fullwidth #footerSocial #icons #aodaily { width: 86px; background-position: -402px -94px; }
#ausPage { display: none; width: 1020px; text-align: left; padding-bottom: 10px; margin-top: 105px; clear: both; }
#contentArea { float: left; position: relative; width: 972px; padding: 0px 24px 20px 24px; margin: 0px; background: #FFFFFF; z-index: 1; }
#contentArea.sub { padding-top: 20px; padding-bottom: 30px; overflow: hidden; }
#contentArea.subNews { width: 936px !important; padding: 20px 30px 30px 30px; }
#contentArea.matchstats, #contentArea.records { width: 996px !important; padding: 0px; overflow: hidden; }
#ausSidebar { float: left; width: 302px; height: auto; padding: 14px 10px; margin-right: 24px; margin-bottom: 20px; background-color: #F2F2F2; display: none; }
#pageWrapper.regular #summaryScoreboard { display: block; }
#pageWrapper.regular #ausPage { display: block; margin-top: 0px; }
#pageWrapper.regular #ausSidebar { display: none; }
#pageWrapper.expanded #ausPage { display: inline-block; width: 1366px; margin-top: 0px; }
#pageWrapper.expanded #mastheadContainer .mastheadContent { width: 1366px; }
#pageWrapper.expanded #summaryScoreboard { display: none; }
#pageWrapper.expanded #subnavBarContainer { width: 1366px; margin-top: 110px; }
#pageWrapper.expanded #subnavBarContainer #subnavDiv { float: left; width: 1020px; }
#pageWrapper.expanded #subnavBarContainer #subnavDiv #subnav { margin: 0px; }
#pageWrapper.expanded #ausSidebar { display: block; margin-top: -50px; }
#pageWrapper.wide #summaryScoreboard { display: none; }
#pageWrapper.wide #ausPage { display: inline-block; margin-top: 50px; }
.home #pageWrapper.expanded #ausPage { margin-top: 115px; }
.home #pageWrapper.expanded #ausSidebar { margin-top: 0px; }
#contentAreaiPadLive { float: left; position: relative; width: 960px; padding: 24px 30px 134px 30px; margin: 0px; background: #FFFFFF; z-index: 1; }
#contentAreaiPadLive.sub { width: 936px !important; padding: 20px 30px 30px 30px; overflow: hidden; }
#contentAreaiPadLive.subNews { width: 936px !important; padding: 20px 30px 30px 30px; }
#contentAreaiPadLive.matchstats, #contentAreaiPadLive.records { width: 996px !important; padding: 0px; overflow: hidden; }
#background { float: left; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: -3; }
#takeover { position: fixed; top: 91px; left: 0px; width: 100%; height: 100%; z-index: -2; }
#takeover img { top: 0px; left: 0px; width: 2000px; height: 1108px; }
#federer #pageWrapper { overflow-x: hidden; overflow-y: auto; -ms-overflow-x: hidden; -ms-overflow-y: auto; }
#federer .wingAd { position: absolute; width: 160px; height: 600px; top: 92px; }
#federer .wingAd.right { right: -160px; }
#federer .wingAd.left { left: -160px; }
#federer .wingAd img { position: fixed; }
#rolex #pageWrapper { overflow-x: hidden; overflow-y: auto; -ms-overflow-x: hidden; -ms-overflow-y: auto; }
#rolex .wingAd { position: absolute; width: 463px; height: 768px; top: 92px; }
#rolex .wingAd.right { right: -463px; }
#rolex .wingAd.left { left: -463px; }
#rolex .wingAd img { position: fixed; }
#kia #pageWrapper { overflow-x: hidden; overflow-y: auto; -ms-overflow-x: hidden; -ms-overflow-y: auto; }
#kia .wingAd { position: absolute; width: 125px; height: 700px; top: 92px; }
#kia .wingAd.right { right: -125px; }
#kia .wingAd.left { left: -125px; }
#kia .wingAd img { position: fixed; }
#lacoste #pageWrapper { overflow-x: hidden; overflow-y: auto; -ms-overflow-x: hidden; -ms-overflow-y: auto; }
#lacoste .wingAd { position: absolute; width: 125px; height: 700px; top: 92px; }
#lacoste .wingAd.right { right: -125px; }
#lacoste .wingAd.left { left: -125px; }
#lacoste .wingAd img { position: fixed; }
#adServed #pageWrapper { overflow-x: hidden; overflow-y: auto; -ms-overflow-x: hidden; -ms-overflow-y: auto; }
#adServed .wingAd { position: absolute; width: 125px; height: 700px; top: 92px; }
#adServed .wingAd.right { right: -125px; }
#adServed .wingAd.left { left: -125px; }
#adServed .wingAd img { position: fixed; }
#adServed .wingAd iframe { position: fixed; }
.wingAd { display: none; }
.social-sprite, .social-icon-facebook, .social-icon-instagram, .social-icon-newsletter, .social-icon-twitter { background-image: url('/sprites/../sprites/social-s8b148c3b22.png'); background-repeat: no-repeat; }
.social-icon-facebook { background-position: 0 0; }
.social-icon-facebook:hover, .social-icon-facebook.icon-facebook-hover { background-position: 0 -31px; }
.social-icon-instagram { background-position: 0 -57px; }
.social-icon-instagram:hover, .social-icon-instagram.icon-instagram-hover { background-position: 0 -88px; }
.social-icon-newsletter { background-position: 0 -114px; }
.social-icon-newsletter:hover, .social-icon-newsletter.icon-newsletter-hover { background-position: 0 -140px; }
.social-icon-twitter { background-position: 0 -166px; }
.social-icon-twitter:hover, .social-icon-twitter.icon-twitter-hover { background-position: 0 -197px; }
/** masthead styles home and sub **/
#mastheadContainer { float: left; position: fixed; width: 100%; height: 95px; margin: 0px; top: 0px; z-index: 100; background: url(/images/nav/masthead_background.png) top left repeat-x; }
#mastheadContainer .mastheadContent { position: relative; width: 1020px; height: 50px; margin: 0px auto; }
#mastheadContainer #eventLogo { position: absolute; top: 5px; left: 24px; width: 159px; height: 40px; }
#mastheadContainer #eventDivider { position: absolute; top: 16px; left: 192px; width: 1px; height: 23px; background-color: #38B3E8; }
#mastheadContainer #eventDates { position: absolute; top: 19px; left: 204px; height: 24px; text-align: left; color: #FFFFFF; font-size: 1.3em; font-family: 'yanone_kaffeesatz_lightRg', Helvetica, Arial, sans-serif; letter-spacing: 1px; }
#mastheadContainer #ibmRibbon { position: absolute; top: 8px; right: 24px; width: 225px; height: 35px; }
#mastheadContainer #socialContainer { position: absolute; height: 40px; width: 221px; padding: 10px 0px 0px 10px; top: 0px; right: 393px; border-right: 1px solid #54BCEA; }
#mastheadContainer #socialContainer #mastheadSocial { position: relative; z-index: 100000; }
#mastheadContainer #socialContainer #mastheadSocial .share { float: left; width: 85px; }
#mastheadContainer #socialContainer #mastheadSocial iframe { width: 85px; }
#mastheadContainer #socialContainer #mastheadSocial a { float: left; display: block; width: 30px; height: 31px; margin-right: 10px; font-size: 2.5em; color: #FFFFFF; }
#mastheadContainer #socialContainer #mastheadSocial a.icon-facebook:hover { content: "\e801"; }
#mastheadContainer #socialContainer #mastheadSocial a.live { color: #FFE33B; }
#mastheadContainer #socialContainer.sublevel { height: 130px; }
#mastheadContainer #searchContainer { position: absolute; width: 49px; height: 50px; top: 0px; right: 293px; border-right: 1px solid #54BCEA; cursor: pointer; }
#mastheadContainer #searchContainer:hover { background-color: #0180B8; }
#mastheadContainer #searchContainer #icon-search { margin-top: 15px; color: #FFFFFF; font-size: 2em; }
#mastheadContainer #searchOverlayContainer { position: absolute; display: none; width: 100%; background: #009BDF; height: 40px; top: 50px; cursor: default; z-index: 101; }
#mastheadContainer #searchOverlayContainer #searchOverlay { display: block; position: relative; height: 40px; width: 100%; background: #009BDF; cursor: default; margin: 0px auto; }
#mastheadContainer #searchOverlayContainer #searchOverlay .inputContainer { left: auto; right: 400px; }
#mastheadContainer #searchOverlayContainer #searchOverlay .submitBtn { left: auto; right: 333px; }
#mastheadContainer #searchOverlayContainer #searchOverlay .submitBtn #icon-search-overlay { left: 65px; }
#mastheadContainer #searchOverlayContainer.active { display: block; }
#mastheadContainer #asiaContainer { position: absolute; width: 49px; height: 50px; top: 0px; right: 343px; border-right: 1px solid #54BCEA; cursor: pointer; }
#mastheadContainer #asiaContainer a { display: block; padding-top: 15px; width: 100%; height: calc(100% - 15px); text-align: center; color: #FFFFFF; font-weight: bold; font-size: 1.2em; }
#mastheadContainer #asiaContainer a:hover { background-color: #0180B8; }
#mastheadContainer #navBarContainer { position: absolute; top: 50px; left: 0px; margin: 0px; padding: 0px; width: 100%; height: 37px; z-index: 100; }
#mastheadContainer #navDiv { position: relative; width: 870px; height: 40px; margin: 0px auto; padding: 0px; }
/** navigation menu styles **/
#nav ul { position: relative; margin: 0px; padding: 0px; z-index: 110; list-style: none; height: 37px; }
#nav ul li { float: left; margin: 0px; padding: 0px; height: 37px; z-index: 60; overflow: visible; padding-left: 1px; list-style: none; }
#nav ul li:hover a.nav_item, #nav ul li .active a.nav_item, #nav ul li .active:hover a.nav_item { overflow: visible; color: #FFFFFF; }
#nav ul li a.nav_item { float: left; display: block; height: 40px; text-align: center; line-height: 43px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; color: #93C5D9; text-decoration: none; font-size: 18px; text-transform: uppercase; }
#nav ul li a.nav_item.active, #nav ul li a.nav_item:hover { overflow: visible; color: #FFFFFF; }
#nav ul li:hover a.nav_item, #nav ul li.over a.nav_item { overflow: visible; color: #FFFFFF; }
#nav ul li.active a.nav_item, #nav ul li.active:hover a.nav_item, #nav ul li.active.over a.nav_item { overflow: visible; color: #FFFFFF; }
#nav ul .nav_home, #nav ul .nav_home a.nav_item { width: 61px !important; }
#nav ul .nav_scores, #nav ul .nav_scores a.nav_item { width: 69px !important; }
#nav ul .nav_schedule, #nav ul .nav_schedule a.nav_item { width: 91px !important; }
#nav ul .nav_draws, #nav ul .nav_draws a.nav_item { width: 69px !important; }
#nav ul .nav_players, #nav ul .nav_players a.nav_item { width: 76px !important; }
#nav ul .nav_news, #nav ul .nav_news a.nav_item { width: 119px !important; }
#nav ul .nav_video, #nav ul .nav_video a.nav_item { width: 62px !important; }
#nav ul .nav_guide, #nav ul .nav_guide a.nav_item { width: 99px !important; }
#nav ul .nav_tickets, #nav ul .nav_tickets a.nav_item { width: 74px !important; }
#nav ul .nav_shop, #nav ul .nav_shop a.nav_item { width: 60px !important; }
#nav ul .nav_more, #nav ul .nav_more a.nav_item { width: 60px !important; }
#nav ul .nav_end { width: 1px !important; padding: 0px; }
#nav ul .nav_social, #nav ul .nav_social a.nav_item { width: 70px !important; }
#nav ul li .menu { display: none; }
#nav ul li:hover .menu, #nav ul li.over .menu { display: block; }
#subnavBarContainer { display: inline-table; width: 1020px; height: 45px; margin-bottom: 1px; z-index: 10; }
#subnavBarContainer #subnavDiv { display: block; position: relative; width: 100%; height: 45px; margin: 0px auto; padding: 0px; }
#subnav { width: 972px; margin: 0px auto; border-bottom: 1px solid #E6E6E6; }
#subnav.noborder { border-bottom: 0px; }
#subnav ul { position: relative; margin: 0px; padding: 0px; z-index: 11; list-style: none; height: 45px; }
#subnav ul li { float: left; margin: 9px 6px 9px 0px; padding: 0px 10px; height: 27px; overflow: visible; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 27px; }
#subnav ul li:hover, #subnav ul li.active, #subnav ul li:hover a, #subnav ul li.active a, #subnav ul li.active:hover a { height: 33px; margin-bottom: 0px; overflow: visible; }
#subnav ul li.mainnavitem { color: #4D4D4D; text-transform: uppercase; border-right: 1px solid #4D4D4D; padding-right: 8px; padding-left: 0px; }
#subnav ul li a { float: left; display: block; width: 100%; height: 100%; text-align: center; color: #808080; text-decoration: none; }
#subnav ul li:hover, #subnav ul li.active, #subnav ul li:hover a, #subnav ul li.active a, #subnav ul li.active:hover a { overflow: visible; color: #009BDF; border-bottom: 4px solid #009BDF; }
#subnav ul li.mainnavitem:hover { height: 27px; margin-bottom: 9px; color: #4D4D4D; text-transform: uppercase; border-bottom: none; }
/** third party navigation styles **/
.menu { position: absolute; top: 37px; left: 0px; height: 155px; z-index: 110; padding: 8px 0px; border: 1px solid #005B80; border-top: none; background-color: transparent; background-color: rgba(0, 91, 128, 0.95); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2005B80,endColorstr=#F2005B80); zoom: 1; }
.menu.single { width: 148px; }
.menu.double { width: 297px; }
.menu.doublewide { width: 327px; }
.menu.triple { width: 446px; }
.menu .left, .menu .center, .menu .right { float: left; margin: 0px; }
.menu.double .left, .menu.doublewide .left, .menu.triple .left, .menu .center { border-right: 1px solid #009BDF; }
/* overwrite #nav li settings */
#nav .menu ul { float: left; margin: 0px; width: 148px; height: 155px; padding: 0px; z-index: 0; list-style: none; padding-top: 1px; }
#nav .menu ul.wider { width: 178px; }
#nav .menu ul li { float: none; margin: 0px; height: 31px; line-height: 31px; overflow: hidden; }
#nav .menu ul li a { float: left; display: inline-block; padding: 0; width: 128px; height: 31px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; color: #E5F7FF; text-decoration: none; font-size: 18px; font-weight: normal; text-align: left; padding: 0px 10px; }
#nav .menu ul li a.active, #nav .menu ul li a:hover { color: #FFFFFF; }
#nav .menu ul li a.wider { width: 178px; }
.nav_home .menu { left: 1px; }
.nav_scores .menu { left: 62px; }
.nav_schedule .menu { left: 132px; }
.nav_draws .menu { left: 224px; }
.nav_players .menu { left: 295px; }
.nav_news .menu { left: 372px; }
.nav_video .menu { left: 492px; }
.nav_tickets .menu { left: 625px; }
.nav_guide .menu { left: 699px; }
.nav_shop .menu { left: 730px; }
.nav_more .menu { left: 552px; }
/** end navigation menu styles **/
/** summary scoreboard **/
.sumscores-sprite, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .tickets, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .tickets:hover, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .slamtracker_on, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .slamtracker_on:hover, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .slamtracker_off, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .slamtracker_off:hover, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .video_on, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .video_on:hover, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .video_off, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .video_off:hover, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .radio_on, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .radio_on:hover, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .radio_off, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .catchup, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .catchup:hover, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .results, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .results:hover, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .postresults, #summaryScoreboard #ssb_promoContainer .ssb_promoLayout .postresults:hover, #summaryScoreboard .scoreboard .match_data .team .icon.winner, #summaryScoreboard .scoreboard .match_data .team .icon.server, #summaryScoreboard .scoreboard .match_actions .action a.action_lg, #summaryScoreboard .scoreboard .match_actions .action a.action_lg:hover, #summaryScoreboard .scoreboard .match_actions .action a.action_sm, #summaryScoreboard .scoreboard .match_actions .action a.action_sm:hover { background-image: url('/sprites/../sprites/sumscores-s6c15eae345.png'); background-repeat: no-repeat; }
/* sumscores sprite config */
#summaryScoreboard { float: left; margin-top: 105px; width: 100%; padding: 0px 0px 10px 0px; background-color: #FFFFFF; display: none; }
#summaryScoreboard #ssbContainer { display: none; width: 972px; height: 114px; margin: 0px auto 9px auto; padding: 0px 0px 26px 0px; border-bottom: 1px solid #E6E6E6; }
#summaryScoreboard #ssb { float: left; width: 972px; height: 114px; background: none; overflow: hidden; }
#summaryScoreboard #ssb_promoContainer { float: right; margin-top: 0px; margin-right: 0px; width: 180px; height: 114px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout { display: none; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .ssb_lg_promo { float: left; margin: 5px auto 0px; width: 197px; height: 47px; clear: left; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .ssb_lg_promo:first-child { margin-top: 0px; height: 46px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .ssb_sm_promo { float: left; margin: 0px 0px 0px 5px; width: 96px; height: 46px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .ssb_sm_promo:first-child { margin-left: 0px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .tickets { background-position: 0 -860px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .tickets:hover { background-position: 0 -906px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .slamtracker_on { background-position: 0 -766px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .slamtracker_on:hover { background-position: 0 -813px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .slamtracker_off { background-position: 0 -672px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .slamtracker_off:hover { background-position: 0 -719px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .video_on { background-position: 0 -1044px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .video_on:hover { background-position: 0 -1090px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .video_off { background-position: 0 -952px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .video_off:hover { background-position: 0 -998px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .radio_on { background-position: 0 -430px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .radio_on:hover { background-position: 0 -476px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .radio_off { background-position: 0 -384px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .catchup { background-position: 0 -84px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .catchup:hover { background-position: 0 -130px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .results { background-position: 0 -522px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .results:hover { background-position: 0 -569px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .postresults { background-position: 0 -272px; }
#summaryScoreboard #ssb_promoContainer .ssb_promoLayout .postresults:hover { background-position: 0 -319px; }
#summaryScoreboard #ssb_tabs { width: 792px; height: 114px; float: left; position: relative; }
#summaryScoreboard #ssb_tabs > ul { list-style: none; float: left; margin: 0px; padding: 0px; width: 104px; height: 114px; }
#summaryScoreboard #ssb_tabs > ul li { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 20px; text-transform: uppercase; text-align: left; list-style: none; margin: 0px; padding: 0px; float: left; height: 37px; background: #FFFFFF !important; border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; width: 103px; }
#summaryScoreboard #ssb_tabs > ul li#ssb_3 { height: 37px; border-bottom: none; }
#summaryScoreboard #ssb_tabs > ul li a { color: #888888; display: block; text-decoration: none; line-height: 37px; width: 100%; height: 100%; background: #FFFFFF; }
#summaryScoreboard #ssb_tabs > ul li.ui-state-active { position: relative; z-index: 1; border-right: none; border-bottom: solid 2px #009BDF; height: 36px; }
#summaryScoreboard #ssb_tabs > ul li.ui-state-active a { border: none; background: #FFFFFF; color: #666666; }
#summaryScoreboard #ssb_tabs > ul li.ui-state-active#ssb_3 { border-bottom: solid 2px #009BDF; }
#summaryScoreboard #ssb_tabs > ul li.ui-state-disabled { width: 102px; }
#summaryScoreboard #ssb_tabs > ul li.ui-state-disabled a { background: none !important; color: #B8B8B8 !important; cursor: default !important; border: none !important; width: 104px; height: 38px !important; line-height: 40px !important; }
#summaryScoreboard .ssb_message { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; text-align: center; line-height: 112px; position: absolute; top: 0px; left: 0px; font-size: 1.6em; width: 100%; text-transform: uppercase; }
#summaryScoreboard .ssb_panel { float: left; position: relative; width: 648px; height: 114px; background: #FFFFFF; margin: 0px 20px; }
#summaryScoreboard .ssb_prev { position: absolute; left: 0px; top: 40px; width: 28px; height: 38px; cursor: pointer; }
#summaryScoreboard .ssb_prev .prevImg { position: absolute; top: 0px; color: #BFBFBF; font-size: 3em; width: 100%; text-align: center; font-weight: bold; }
#summaryScoreboard .ssb_prev:hover .prevImg { color: #505050; }
#summaryScoreboard .ssb_next { position: absolute; right: 0px; top: 40px; width: 28px; height: 38px; cursor: pointer; }
#summaryScoreboard .ssb_next .nextImg { position: absolute; top: 0px; color: #BFBFBF; font-size: 3em; width: 100%; text-align: center; font-weight: bold; }
#summaryScoreboard .ssb_next:hover .nextImg { color: #505050; }
#summaryScoreboard .ssb_prev.hidden { display: block !important; cursor: default; }
#summaryScoreboard .ssb_prev.hidden .prevImg { color: #FFFFFF; }
#summaryScoreboard .ssb_prev.hidden:hover .prevImg { color: #FFFFFF; }
#summaryScoreboard .ssb_next.hidden { display: block !important; cursor: default; }
#summaryScoreboard .ssb_next.hidden .nextImg { color: #FFFFFF; }
#summaryScoreboard .ssb_next.hidden:hover .nextImg { color: #FFFFFF; }
#summaryScoreboard .ssb_prev.disabled { display: block !important; cursor: default; }
#summaryScoreboard .ssb_prev.disabled .prevImg { color: #EEEEEE; }
#summaryScoreboard .ssb_prev.disabled:hover .prevImg { color: #EEEEEE; }
#summaryScoreboard .ssb_next.disabled { display: block !important; cursor: default; }
#summaryScoreboard .ssb_next.disabled .nextImg { color: #EEEEEE; }
#summaryScoreboard .ssb_next.disabled:hover .nextImg { color: #EEEEEE; }
#summaryScoreboard .ssb_carousel { position: absolute; top: 0px; left: 28px; width: 592px !important; height: 114px !important; }
#summaryScoreboard .ssb_scoreboard { width: 548px; height: 114px; margin: 0px 22px !important; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; color: #333333; }
#summaryScoreboard .match_info { float: left; width: 548px; text-align: center; height: 27px; line-height: 27px; text-transform: uppercase; font-size: 16px; }
#summaryScoreboard .match_info .status { color: #009BDF; }
#summaryScoreboard .event_info { text-transform: uppercase; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 16px; width: 86px; height: 75px; float: left; text-align: center; position: relative; }
#summaryScoreboard .scoreboard { width: 548px; height: 114px; float: left; background: #FFFFFF; color: #282828; }
#summaryScoreboard .scoreboard .match_data { float: left; display: inline-block; width: 548px; height: 75px; }
#summaryScoreboard .scoreboard .match_data .photo { float: left; width: 75px; height: 75px; }
#summaryScoreboard .scoreboard .match_data .photo img { border-radius: 37px; border: 1px solid #E6E6E6; }
#summaryScoreboard .scoreboard .match_data .team { height: 37px; width: 398px; float: left; line-height: 37px; }
#summaryScoreboard .scoreboard .match_data .team .flag { float: left; width: 28px; margin-left: 13px; }
#summaryScoreboard .scoreboard .match_data .team .flag img { margin-top: 10px; }
#summaryScoreboard .scoreboard .match_data .team .seed { font-size: 12px; }
#summaryScoreboard .scoreboard .match_data .team .name { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 20px; float: left; width: 204px; height: 37px; }
#summaryScoreboard .scoreboard .match_data .team .name a { color: #282828; }
#summaryScoreboard .scoreboard .match_data .team .icon { float: left; width: 28px; height: 37px; }
#summaryScoreboard .scoreboard .match_data .team .icon.winner { width: 16px; height: 14px; margin-top: 11px; margin-left: 6px; background-position: 0 -1136px; }
#summaryScoreboard .scoreboard .match_data .team .icon.server { width: 14px; height: 14px; margin-top: 11px; margin-left: 7px; background-position: 0 -637px; }
#summaryScoreboard .scoreboard .match_data .team.doubles { width: 548px; }
#summaryScoreboard .scoreboard .match_data .team.doubles .flag { line-height: 6px; }
#summaryScoreboard .scoreboard .match_data .team.doubles .flag img { margin-top: 0px; }
#summaryScoreboard .scoreboard .match_data .team.doubles .flag img:first-child { margin-top: 1px; }
#summaryScoreboard .scoreboard .match_data .team.doubles .flag img:last-child { margin-top: 4px; }
#summaryScoreboard .scoreboard .match_data .team.doubles .name { line-height: 18.5px; font-size: 16px; width: 354px; }
#summaryScoreboard .scoreboard .match_data .team .scores { float: right; width: 125px; font-size: 16px; }
#summaryScoreboard .scoreboard .match_data .team .scores .set { float: left; width: 25px; height: 37px; text-align: center; }
#summaryScoreboard .scoreboard .match_data .team .scores sup, #summaryScoreboard .scoreboard .match_data .team .scores sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 12px; }
#summaryScoreboard .scoreboard .match_data .team_divider { clear: left; float: left; width: 398px; height: 1px; background-color: #E6E6E6; margin: 0px; }
#summaryScoreboard .scoreboard .match_data .teamContainer { float: left; width: 398px; height: 100%; }
#summaryScoreboard .scoreboard .match_data .teamContainer.doubles { width: 548px; }
#summaryScoreboard .scoreboard .match_data .teamContainer.doubles .team_divider { margin: 0px 75px; }
#summaryScoreboard .scoreboard .match_actions { float: right; display: inline-block; width: 114px; height: 75px; }
#summaryScoreboard .scoreboard .match_actions .slamtrackerActions { margin: 5px auto 0; background: #D6D6D6; width: 104px; height: 68px; }
#summaryScoreboard .scoreboard .match_actions .slamtrackerActions .slamtrackerLabel { font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 20px; height: 18px; text-align: center; text-transform: uppercase; }
#summaryScoreboard .scoreboard .match_actions .action { width: 100%; height: 21px; line-height: 21px; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; font-size: 18px; text-align: center; text-transform: uppercase; margin-bottom: 4px; }
#summaryScoreboard .scoreboard .match_actions .action a { color: #FFFFFF; text-decoration: none; display: block; height: 21px; }
#summaryScoreboard .scoreboard .match_actions .action a.action_lg { width: 101px; margin: 10px auto 0px; background-position: 0 0; }
#summaryScoreboard .scoreboard .match_actions .action a.action_lg:hover { background-position: 0 -21px; }
#summaryScoreboard .scoreboard .match_actions .action a.action_lg:first-child { margin-top: 12px; }
#summaryScoreboard .scoreboard .match_actions .action a.action_lg.action_upc { margin-top: 28px; }
#summaryScoreboard .scoreboard .match_actions .action a.action_sm { width: 91px; margin: 0px auto; background-position: 0 -42px; }
#summaryScoreboard .scoreboard .match_actions .action a.action_sm:hover { background-position: 0 -63px; }
#summaryScoreboard.sublevel { padding: 0px; }
#summaryScoreboard.sublevel #ssbContainer { border-bottom: none; }
.button { float: left; display: none; width: 178px; height: 36px; border-width: 1px; border-style: solid; text-decoration: none; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; text-transform: uppercase; }
.button .text { float: left; width: 129px; height: 33px; text-align: center; font-size: 20px; padding-top: 3px; }
.button .text .small { font-size: 10px; margin-top: -2px; }
.button .status { float: left; width: 49px; height: 36px; line-height: 36px; text-align: center; font-size: 18px; }
.button.on, .button.practice { border-color: #009BDF; cursor: pointer; }
.button.on .text, .button.practice .text { background-color: #46BDF3; color: #FFFFFF; }
.button.slamtracker.disabled { border-color: #666666; cursor: default; }
.button.slamtracker.disabled .text { background-color: #CCCCCC; color: #808080; }
.button.slamtracker.disabled .status { background-color: #808080; color: #FFFFFF; }
.button.slamtracker.on .status { background-color: #005980; color: #FFFFFF; }
.button.slamtracker.off { border-color: #009BDF; cursor: pointer; }
.button.slamtracker.off .text { background-color: #46BEF3; color: #FFFFFF; }
.button.slamtracker.off .status { background-color: #005980; color: #FFFFFF; font-weight: bold; font-size: 16px; }
.button.slamtracker:hover { border-color: #005980; }
.button.slamtracker:hover .text { background-color: #005980; }
.button.slamtracker:hover .status { background-color: #FFFFFF; color: #005980; }
.button.radio { display: block; }
.button.radio.on .status { background-color: #FF0000; color: #FFFFFF; }
.button.radio.on:hover { border-color: #FF0000; }
.button.radio.on:hover .text { background-color: #FF0000; }
.button.radio.on:hover .status { background-color: #FFFFFF; color: #FF0000; }
.button.radio.off { border-color: #666666; cursor: default; }
.button.radio.off .text { background-color: #CCCCCC; color: #808080; }
.button.radio.off .status { background-color: #808080; color: #FFFFFF; }
.button.tv.on .status, .button.tv.practice .status { background-color: #FF0000; color: #FFFFFF; }
.button.tv.on:hover, .button.tv.practice:hover { border-color: #FF0000; }
.button.tv.on:hover .text, .button.tv.practice:hover .text { background-color: #FF0000; }
.button.tv.on:hover .status, .button.tv.practice:hover .status { background-color: #FFFFFF; color: #FF0000; }
.button.tv.off { border-color: #009BDF; cursor: pointer; }
.button.tv.off .text { background-color: #46BEF3; color: #FFFFFF; }
.button.tv.off .status { background-color: #005980; color: #FFFFFF; font-weight: bold; font-size: 16px; }
/** end summary scoreboard **/
/** sidebar scores **/
#sidebarScores { float: left; width: 100%; }
#sidebarScores .top { float: left; width: 100%; height: 38px; margin-bottom: 18px; }
#sidebarScores .top h2 { float: left; width: 122px; line-height: 38px; margin: 0px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; text-transform: uppercase; }
#sidebarScores .sidebarTabs { width: 100%; text-align: center; padding: 0px; display: block; }
#sidebarScores .sidebarTabs ul { float: left; width: 302px; height: 26px; margin: 0px 0px 16px 0px; padding: 0px; }
#sidebarScores .sidebarTabs ul li { float: left; padding: 0; margin: 0px; line-height: 26px; border: 1px solid #888888; font-family: 'yanone_kaffeesatz_lightRg', Helvetica, Arial, sans-serif; width: 98px; list-style: none; border-right: none; }
#sidebarScores .sidebarTabs ul li a { display: block; width: 100%; height: 100%; background-color: #F2F2F2; color: #888888; font-size: 20px; }
#sidebarScores .sidebarTabs ul li#sbs_live_tab { width: 99px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
#sidebarScores .sidebarTabs ul li#sbs_upcoming_tab { width: 99px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: 1px solid #888888; }
#sidebarScores .sidebarTabs ul li.ui-state-default { display: block; }
#sidebarScores .sidebarTabs ul li.ui-tabs-active a { background: #888888; color: #F2F2F2; }
#sidebarScores .sidebarTabs ul li.ui-state-disabled a { color: #888888; cursor: default; }
#sidebarScores .sidebarTabs .tab_content { display: none; float: left; background: none; text-align: left; color: #FFFFFF; }
#sidebarScores .sidebarTabs .scores_panel { width: 100%; margin: 0px; }
#sidebarScores .sidebarTabs .blog_panel { width: calc(100% - 10px); margin: 0px 10px; padding-bottom: 10px; }
#sidebarScores .sidebarTabs .ui-tabs-panel { left: -10000px; display: block; /*display: none;*/ }
#sidebarScores .sidebarStub { display: none; }
/** end sidebar scores **/
/** home page content styles **/
#contentArea section { float: left; width: 972px; border-bottom: 1px solid #E6E6E6; }
#contentArea section.one { padding-bottom: 14px; margin-bottom: 14px; }
#contentArea section.two { padding-bottom: 20px; }
#contentArea section.four { padding: 20px 0px; }
#contentArea section.five { border-bottom: none; padding: 20px 0px; }
#contentArea section.six { border-bottom: none; margin-bottom: 35px; }
#contentArea section.seven { border-bottom: none; }
section.one .left { float: left; width: 650px; height: 366px; margin-right: 18px; }
section.one .left img { width: 650px; height: 366px; display: block; }
section.one .left .content-wrap { position: relative; cursor: pointer; /* endscreen/playlist styles */ /* this is just a breakpoint that suits the content; adjust to suit */ }
section.one .left .content-wrap:before { content: " "; width: 100%; height: 75%; position: absolute; left: 0; bottom: 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0))); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); }
section.one .left .content-wrap img { display: block; }
section.one .left .content-wrap .icon { position: absolute; right: 12px; top: 12px; font-weight: bold; color: #FFFFFF; font-size: 2.8em; }
section.one .left .content-wrap .info { position: absolute; bottom: 0; left: 0; width: 100%; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; }
section.one .left .content-wrap .info h3 { margin: 0 10px; text-transform: uppercase; color: #009BDF; font-size: 20px; }
section.one .left .content-wrap .info h2 { margin: 0 10px; color: #FFFFFF; font-size: 40px; padding-bottom: 20px; }
section.one .left .content-wrap .play-btn { position: absolute; top: 115px; left: 261px; width: 88px; height: 88px; background: url("/images/misc/play.png") no-repeat; }
section.one .left .content-wrap .video-container { background-color: #000000; max-width: 650px; width: 650px; height: 366px; display: block; position: relative; margin: 0 auto; background-size: cover; }
section.one .left .content-wrap .video-container .video-js { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; }
section.one .left .content-wrap .video-container .player-msg { display: none; color: #FFFFFF; margin: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; }
section.one .left .content-wrap .video-container .video-js { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; }
section.one .left .content-wrap .vjs-endscreen { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #646464; /* IE8 fallback */ background-color: rgba(0, 0, 0, 0.9); color: #fff; text-align: center; font-size: 1.3em; line-height: 1.4; }
section.one .left .content-wrap .vjs-endscreen a { text-decoration: none; display: block; }
section.one .left .content-wrap .vjs-endscreen .vjs-endscreen-replay { font-size: 2em; margin-top: 0.8em; }
section.one .left .content-wrap .vjs-endscreen p, section.one .left .content-wrap .vjs-endscreen div { margin: 1em 2em 0; }
section.one .left .content-wrap .vjs-endscreen-next { border-top: 1px solid #999; }
section.one .left .content-wrap .vjs-endscreen-next ul { list-style: none; margin: 0; padding: 0; /* this is a really simplistic way to extend off screen */ width: 400%; }
section.one .left .content-wrap .vjs-endscreen-next li { float: left; /* these %s are 20/2.5 divided by 4 to match the 400% above */ width: 5%; margin: 0.625%; }
section.one .left .content-wrap .vjs-endscreen-next img { display: block; max-width: 100%; width: 116px; height: 65px; margin: 0 auto 0.3em; }
section.one .left .content-wrap .vjs-endscreen-next a { font-size: 0.9em; }
section.one .left .content-wrap .video-js.vjs-ima3-flash.ima3-loading-spinner .vjs-tech { -webkit-transition: opacity 0s; transition: opacity 0s; }
section.one .left .content-wrap .vjs-has-started.ima3-loading-spinner.vjs-ad-loading .vjs-loading-spinner, section.one .left .content-wrap .vjs-has-started.ima3-loading-spinner.vjs-ad-loading .vjs-poster, section.one .left .content-wrap .vjs-has-started.ima3-loading-spinner.vjs-ima3-loading .vjs-loading-spinner, section.one .left .content-wrap .vjs-has-started.ima3-loading-spinner.vjs-ima3-loading .vjs-poster { display: block; }
@media (max-width: 650px) { section.one .left .content-wrap .vjs-endscreen { overflow: scroll; }
section.one .left .content-wrap .vjs-endscreen .vjs-endscreen-replay { font-size: 1.4em; } }
section.two { display: table; }
section.two .left { display: table-cell; vertical-align: top; width: 298px; height: 380px; padding: 0px 13px; }
section.two .middle { display: table-cell; vertical-align: top; width: 298px; height: 380px; padding: 0px 20px 0px 7px; border-right: 1px solid #E6E6E6; }
section.two .right { display: table-cell; vertical-align: top; width: 298px; height: 380px; padding: 0px 13px 0px 11px; }
section.four { display: table; }
section.four .left { display: table-cell; vertical-align: top; width: 298px; padding: 0px 12px 0px 13px; border-right: 1px solid #E6E6E6; }
section.four .middle { display: table-cell; vertical-align: top; width: 298px; padding: 0px 12px 0px 13px; border-right: 1px solid #E6E6E6; }
section.four .right { display: table-cell; vertical-align: top; width: 298px; padding: 0px 13px; }
section .content { float: left; width: 100%; height: 100%; }
section .content h3.title { color: #404040; text-transform: uppercase; font-size: 1.6em; line-height: 15px; margin-bottom: 14px; }
section .content .content-wrap { position: relative; }
section .content .content-wrap:before { content: " "; width: 100%; height: 75%; position: absolute; left: 0; bottom: 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0))); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); }
section .content .content-wrap img { display: block; }
section .content .content-wrap .info { position: absolute; bottom: 0; left: 0; width: 100%; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; }
section .content .content-wrap .info h3 { margin: 0 10px; text-transform: uppercase; color: #FFFFFF; font-size: 14px; }
section .content .content-wrap .info h2 { margin: 0 10px; color: #FFFFFF; font-size: 26px; padding-bottom: 20px; }
section .content .arrow-right { margin-right: 8px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #BFBFBF; }
section .content a { text-decoration: none; cursor: pointer; }
section .content.feature_small .content-wrap .info h2 { padding-bottom: 20px; }
section .content.featured .content-wrap .info h2 { padding-bottom: 12px; }
section .content.featured .content-wrap .icon { position: absolute; right: 12px; top: 12px; font-weight: bold; color: #FFFFFF; font-size: 2.8em; }
section .content.featured .list { margin-top: 15px; }
section .content.featured .list .icon { clear: left; float: left; color: #B2B2B2; width: 20px; margin-right: 6px; font-size: 1.3em; line-height: 1.7em; }
section .content.featured .list .listitem { float: left; width: 272px; color: #666666; font-size: 1.6em; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; margin: 5px 0px; }
section .content.mostpopular .list .listitem { float: left; width: 100%; margin-bottom: 15px; }
section .content.mostpopular .list .listitem :last-child { margin-bottom: 0px; }
section .content.mostpopular .list .listitem .text { float: left; width: 188px; margin-right: 10px; }
section .content.mostpopular .list .listitem .text .type { font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 14px; color: #808080; }
section .content.mostpopular .list .listitem .text .title { font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; display: block; color: #666666; font-size: 1.6em; }
section .content.mostpopular .list .listitem .image { float: left; width: 100px; position: relative; display: block; }
section .content.mostpopular .list .listitem .image .icon { position: absolute; left: 41%; top: 32%; font-weight: bold; color: #FFFFFF; font-size: 1.6em; }
section .content.news .content-wrap, section .content.photos .content-wrap, section .content.video .content-wrap { margin-bottom: 20px; display: block; }
section .content.news .content-wrap img, section .content.photos .content-wrap img, section .content.video .content-wrap img { width: 298px; height: 168px; }
section .content.news .content-wrap .info h2, section .content.photos .content-wrap .info h2, section .content.video .content-wrap .info h2 { padding-bottom: 10px; }
section .content.news .content-wrap .icon, section .content.photos .content-wrap .icon, section .content.video .content-wrap .icon { position: absolute; right: 12px; top: 12px; font-weight: bold; color: #FFFFFF; font-size: 2.8em; }
section .content.news .list, section .content.photos .list, section .content.video .list { display: table; }
section .content.news .list .listitem, section .content.photos .list .listitem, section .content.video .list .listitem { float: left; width: 100%; color: #666666; font-size: 1.6em; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; padding: 3px 0px; margin: 5px 0px; }
section .content.news .list .listitem .arrow-right, section .content.photos .list .listitem .arrow-right, section .content.video .list .listitem .arrow-right { float: left; width: 0px; margin-top: 4px; }
section .content.news .list .listitem .text, section .content.photos .list .listitem .text, section .content.video .list .listitem .text { float: left; width: 284px; vertical-align: top; color: #666666; }
/* home newsletter */
#hmNewsletter { float: left; width: 100%; }
#hmNewsletter #newsletterBox { float: left; width: calc(100% - 56px); height: 44px; margin: 23px 28px; }
#hmNewsletter #newsletterBox .title { float: left; width: 170px; height: 44px; font-size: 30px; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; color: #009BDF; text-transform: uppercase; line-height: 50px; }
#hmNewsletter #newsletterBox .content { float: left; width: 250px; height: 44px; font-size: 16px; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; color: #666666; margin-right: 20px; }
#hmNewsletter #newsletterBox .emailContainer { float: left; position: relative; height: auto; width: 476px; }
#hmNewsletter #newsletterBox .emailContent { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
/* sub newsletter */
#subNewsletter { float: left; width: 100%; margin: 20px 0px 15px 0px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
#subNewsletter #newsletterBox { float: left; width: calc(100% - 56px); height: 44px; margin: 23px 28px; }
#subNewsletter #newsletterBox .title { float: left; width: 170px; height: 44px; font-size: 3.8em; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; color: #009BDF; text-transform: uppercase; line-height: 44px; }
#subNewsletter #newsletterBox .content { float: left; width: 250px; height: 44px; font-size: 1.6em; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; color: #666666; margin-right: 20px; }
/* home ad 728x90 */
#hmAd728 { width: 728px; height: 105px; margin: 0px auto; }
/* home diretory box */
#hmDirectory { float: left; width: 948px; height: 254px; padding: 15px 12px; overflow: hidden; background-color: #333333; }
#hmDirectory .content h3.title { color: #BFBFBF; }
#hmDirectory .left { float: left; width: 298px; height: 254px; padding-right: 14px; border-right: 1px solid #000000; }
#hmDirectory .left a { display: block; width: 100%; height: 49px; line-height: 49px; color: #FFFFFF; text-decoration: none; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; font-size: 1.5em; text-transform: uppercase; border-bottom: 1px solid #000000; position: relative; }
#hmDirectory .left a .icon { position: absolute; right: 0px; top: 30%; }
#hmDirectory .left .directory_content { border-top: 1px solid #000000; }
#hmDirectory .right { float: left; width: 621px; height: 254px; padding-left: 14px; position: relative; }
#hmDirectory .right img { float: left; width: 298px; height: 200px; }
#hmDirectory .right .text { float: left; width: 308px; margin-left: 15px; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 1.3em; line-height: 1.4em; }
#hmDirectory .right .text .date { font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 1em; margin-bottom: 5px; }
#hmDirectory .right .text .title { margin-bottom: 5px; line-height: 1em; }
#hmDirectory .right .text .more { font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #009BDF; font-size: 1em; display: block; margin-top: 5px; }
#hmDirectory .right .fullschedule { position: absolute; display: block; top: 0px; right: 0px; font-family: yanone_kaffeesatz_regularRg, Helvetica, Arial, sans-serif; color: #009BDF; border: 1px solid #009BDF; text-transform: lowercase; padding: 5px 20px 5px 10px; font-size: 1.1em; cursor: pointer; }
#hmDirectory .right .fullschedule .icon { display: inline; position: absolute; right: 5px; top: 5px; }
#hmDirectory .directory_content { float: left; width: 100%; margin-top: 12px; }
/* home chip wall */
#hmChips { float: left; width: 100%; }
#hmChips h3.title { color: #404040; text-transform: uppercase; font-size: 1.6em; line-height: 15px; margin-bottom: 14px; }
#hmChips .chip_content, #hmChips .chip_content_all { width: 984px; margin-top: -6px; margin-left: -6px; }
#hmChips .chip_content .chip, #hmChips .chip_content_all .chip { float: left; position: relative; width: 316px; height: 250px; margin: 6px; }
#hmChips .chip_content .chip .adContent, #hmChips .chip_content_all .chip .adContent { margin: 0px 8px; }
#hmChips .chip_content .chip a, #hmChips .chip_content_all .chip a { display: block; width: 100%; height: 100%; color: #FFFFFF; text-decoration: none; }
#hmChips .chip_content .chip .content-wrap, #hmChips .chip_content_all .chip .content-wrap { position: relative; }
#hmChips .chip_content .chip .content-wrap:before, #hmChips .chip_content_all .chip .content-wrap:before { content: " "; width: 100%; height: 75%; position: absolute; left: 0; bottom: 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0))); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); }
#hmChips .chip_content .chip .content-wrap img, #hmChips .chip_content_all .chip .content-wrap img { display: block; }
#hmChips .chip_content .chip .content-wrap .info, #hmChips .chip_content_all .chip .content-wrap .info { position: absolute; bottom: 0; left: 0; width: 100%; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; }
#hmChips .chip_content .chip .content-wrap .info h3, #hmChips .chip_content_all .chip .content-wrap .info h3 { margin: 0 10px; text-transform: uppercase; color: #FFFFFF; font-size: 14px; }
#hmChips .chip_content .chip .content-wrap .info h2, #hmChips .chip_content_all .chip .content-wrap .info h2 { margin: 0 10px; color: #FFFFFF; font-size: 26px; padding-bottom: 20px; }
#hmChips .chip_content .chip .content-wrap .icon, #hmChips .chip_content_all .chip .content-wrap .icon { position: absolute; right: 12px; top: 12px; font-weight: bold; color: #FFFFFF; font-size: 2.8em; }
#hmChips .chip_content .chip:first-child .content-wrap .info h2, #hmChips .chip_content_all .chip:first-child .content-wrap .info h2 { font-size: 28px; padding-bottom: 10px; }
#hmChips .chip_content .chip:first-child .content-wrap .info h3, #hmChips .chip_content_all .chip:first-child .content-wrap .info h3 { font-size: 16px; }
#hmChips .chip_content .chip .videolink, #hmChips .chip_content_all .chip .videolink { width: 316px; height: 250px; background-size: cover; background-position: center center; cursor: pointer; }
#hmChips .chip_content .chip .videolink .icon, #hmChips .chip_content_all .chip .videolink .icon { position: absolute; right: 12px; top: 12px; font-weight: bold; color: #FFFFFF; font-size: 2.8em; }
#hmChips .chip_content .chip .video, #hmChips .chip_content_all .chip .video { width: 316px; height: 250px; background-size: cover; background-position: center center; cursor: pointer; }
#hmChips .chip_content .chip .video .icon, #hmChips .chip_content_all .chip .video .icon { position: absolute; right: 12px; top: 12px; font-weight: bold; color: #FFFFFF; font-size: 2.8em; }
#vodContent #hmChips .chip_content, #vodContent #hmChips .chip_content_all { width: calc(100% + 12px); }
#vodContent #hmChips .chip_content .chip, #vodContent #hmChips .chip_content_all .chip { width: 300px; }
#vodContent #hmChips .chip_content .chip .adContent, #vodContent #hmChips .chip_content_all .chip .adContent { margin: 0px; }
#vodContent #hmChips .chip_content .chip .video, #vodContent #hmChips .chip_content_all .chip .video { width: 300px; height: 250px; background-size: cover; background-position: center center; cursor: pointer; }
#vodContent #hmChips .chip_content .chip .video .icon, #vodContent #hmChips .chip_content_all .chip .video .icon { position: absolute; right: 12px; top: 12px; font-weight: bold; color: #FFFFFF; font-size: 2.8em; }
#vodContent #hmChips .chip_content_all { display: none; }
#chipsLoad { float: left; width: 100%; margin-top: 10px; display: none; }
#chipsLoad a { display: block; width: 320px; height: 50px; margin: 0px auto; background-color: #009BDF; color: #FFFFFF; text-align: center; line-height: 50px; font-size: 25px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; text-transform: uppercase; border-radius: 4px; cursor: pointer; }
/* home rolex and weather */
#hmTimeWeather { float: left; width: 300px; height: 72px; margin-bottom: 44px; }
#hmTimeWeather .rolexContainer { float: left; width: 174px; height: 72px; overflow: hidden; }
#hmTimeWeather .divider { float: left; width: 2px; height: 72px; }
#hmTimeWeather .weatherContainer { float: left; width: 94px !important; height: 67px !important; padding: 13px 0px 0px 30px; color: #000000; }
#hmTimeWeather .weatherContainer .title { float: left; width: 59px; height: 32px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; line-height: 15px; }
#hmTimeWeather .weatherContainer .weatherIcon { float: left; width: 32px; height: 32px; }
#hmTimeWeather .weatherContainer .temp { clear: left; float: left; width: 91px; margin-top: 6px; text-align: center; }
/* home preview */
#hmPreview { float: left; width: 940px; height: 317px; margin: 0px 0px 34px -4px; }
#hmPreview .regular { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#hmPreview .dark { font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; }
#hmPreview .title { float: left; width: 940px; height: 31px; overflow: hidden; text-transform: uppercase; font-size: 30px; line-height: 25px; }
#hmPreview .item { width: 304px; height: 286px; overflow: hidden; position: relative; }
#hmPreview .item.left { float: left; margin-right: 14px; }
#hmPreview .item.right { float: right; }
#hmPreview .item.last { float: right; }
#hmPreview .item img { position: absolute; left: 4px; top: 0px; width: 300px; height: 170px; }
#hmPreview .item .tag { position: absolute; left: 0px; top: 140px; width: 65px !important; height: 24px; line-height: 25px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 18px; text-transform: uppercase; color: #FFFFFF; padding-left: 8px; }
#hmPreview .item .button { position: absolute; top: 59px; left: 132px; width: 53px; height: 53px; }
#hmPreview .item .text { position: absolute; top: 180px; left: 4px; width: 295px; height: 106px; color: #000000; line-height: 16px; font-size: 1.1em; }
#hmPreview .item .text .header { float: left; width: 100%; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 23px; line-height: 23px; margin-bottom: 5px; }
#rail_width { float: left; width: 300px; }
/* home date/status */
#hmStatusDate, #railStatusDate { float: left; width: 230px !important; height: 70px; padding: 0px 35px; margin-bottom: 20px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#hmStatusDate #status, #railStatusDate #status { float: left; width: 230px; height: 35px !important; border-bottom: 1px solid #B5B5B5; text-align: center; font-size: 28px; line-height: 35px; }
#hmStatusDate #status .live, #railStatusDate #status .live { padding-left: 66px; width: 56px; height: 26px; background: url("/images/misc/live_indicator.png") left no-repeat; }
#hmStatusDate #date, #railStatusDate #date { float: left; width: 230px; height: 34px; text-align: center; font-size: 22px; line-height: 34px; }
/* home ads */
.hmAd { float: left; width: 300px; height: 250px; margin-bottom: 0px; }
.hmAd .adContent { float: left; width: 100%; height: 100%; text-align: right; }
.hmAd .adContent .label { float: left; width: 100%; text-align: right; color: #000000; font-size: .7em; text-transform: uppercase; height: 18px; line-height: 22px; }
.hmAd.bottom { height: 268px; margin-left: 17px; }
/* home not to be missed, rail photos videos */
#hmDontMiss, #railPhotosVideos, #railLatestNews { float: left; width: 300px; height: 611px; }
#hmDontMiss.railModule, #railPhotosVideos.railModule, #railLatestNews.railModule { height: auto; }
#hmDontMiss .regular, #railPhotosVideos .regular, #railLatestNews .regular { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#hmDontMiss .dark, #railPhotosVideos .dark, #railLatestNews .dark { font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; }
#hmDontMiss .title, #railPhotosVideos .title, #railLatestNews .title { float: left; width: 100%; height: 32px; text-transform: uppercase; font-size: 30px; line-height: 25px; }
#hmDontMiss .content, #railPhotosVideos .content, #railLatestNews .content { float: left; width: 100%; height: 562px; overflow: hidden; }
#hmDontMiss .more, #railPhotosVideos .more, #railLatestNews .more { float: left; width: 100%; font-size: 16px; color: #54A9dA; }
#hmDontMiss a, #railPhotosVideos a, #railLatestNews a { text-decoration: none; }
#hmDontMiss .item, #railPhotosVideos .item, #railLatestNews .item { float: left; position: relative; width: 100%; height: 78px; margin-bottom: 18px; }
#hmDontMiss .item.last, #railPhotosVideos .item.last, #railLatestNews .item.last { margin-bottom: none; }
#hmDontMiss .item img, #railPhotosVideos .item img, #railLatestNews .item img { position: absolute; top: 0px; left: 0px; }
#hmDontMiss .item .tag, #railPhotosVideos .item .tag, #railLatestNews .item .tag { position: absolute; left: 133px; top: 4px; width: 64px !important; height: 23px; line-height: 23px; font-size: 16px; text-transform: uppercase; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; color: #FFFFFF; padding-left: 4px; }
#hmDontMiss .item .text, #railPhotosVideos .item .text, #railLatestNews .item .text { position: absolute; right: 0px; top: 32px; width: 150px; height: 46px; color: #000000; font-size: 16px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#hmDontMiss .item .button, #railPhotosVideos .item .button, #railLatestNews .item .button { position: absolute; left: 50px; top: 28px; width: 40px; height: 40px; }
#railMostPopular { float: left; width: 300px; height: 611px; }
#railMostPopular.railModule { height: auto; }
#railMostPopular .content { float: left; width: 100%; height: 100%; }
#railMostPopular .content h3.title { color: #404040; text-transform: uppercase; font-size: 1.6em; line-height: 15px; margin-bottom: 14px; }
#railMostPopular .content .image { position: relative; }
#railMostPopular .content .gradient { position: absolute; width: 100%; height: 45%; bottom: 0px; left: 0px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #000000); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #000000); background-image: linear-gradient(rgba(0, 0, 0, 0), #000000); }
#railMostPopular .content .type { font-size: 1.2em; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; text-transform: uppercase; }
#railMostPopular .content .title { font-size: 2.3em; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; }
#railMostPopular .content .arrow-right { margin-right: 8px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #BFBFBF; }
#railMostPopular .content a { text-decoration: none; cursor: pointer; }
#railMostPopular .content.mostpopular .list .listitem { float: left; width: 100%; margin-bottom: 15px; }
#railMostPopular .content.mostpopular .list .listitem :last-child { margin-bottom: 0px; }
#railMostPopular .content.mostpopular .list .listitem .text { float: left; width: 188px; margin-right: 10px; }
#railMostPopular .content.mostpopular .list .listitem .text .type { color: #808080; }
#railMostPopular .content.mostpopular .list .listitem .text .title { display: block; color: #666666; font-size: 1.7em; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; }
#railMostPopular .content.mostpopular .list .listitem .image { float: left; width: 100px; position: relative; display: block; }
#railMostPopular .content.mostpopular .list .listitem .image .icon { position: absolute; left: 41%; top: 32%; font-weight: bold; color: #FFFFFF; font-size: 1.6em; }
#hmBottom { float: left; width: 1020px; margin: 34px 0px 34px -30px; }
/* home photos */
#hmPhotos { float: left; width: 960px !important; height: 89px !important; margin-bottom: 34px; background: #CCCCCC; overflow: hidden; padding: 20px 30px; }
#hmPhotos #photoContent { float: left; width: 936px; height: 109px; }
#hmPhotos #photoContent .title { float: left; width: 125px; height: 89px; }
#hmPhotos #photoContent .title .regular { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#hmPhotos #photoContent .title .dark { font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; }
#hmPhotos #photoContent .title .text { float: left; width: 125px; height: 72px; line-height: 33px; font-size: 36px; text-transform: uppercase; }
#hmPhotos #photoContent .title .more { font-size: 16px; color: #54A9dA; }
#hmPhotos #photoContent .title a { text-decoration: none; }
#hmPhotos #photoContent .content { float: left; width: 811px; height: 89px; }
#hmPhotos #photoContent .content .item { float: left; position: relative; width: 158px; height: 89px; margin-right: 5px; cursor: pointer; text-decoration: none; }
#hmPhotos #photoContent .content .item .rollover { position: absolute; bottom: 0px; left: 0px; width: 148px !important; height: 33px !important; padding: 5px; font-size: 18px; color: #FFFFFF; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; overflow: hidden; display: none; }
#hmPhotos #photoContent .content .item:hover .rollover { display: block; }
#hmPhotos #photoContent .content .item.last { margin-right: 0px; }
#hmPhotos #photoContent .content .item img { float: left; width: 158px; height: 89px; }
#hmPhotos #photoContent .content .item .caption { display: none; float: left; width: 144px !important; height: 29px !important; padding: 7px; font-size: 18px; color: #FFFFFF; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
/* home stats */
#hmStats, #railStats { float: left; width: 278px !important; height: 246px !important; background: #F2F2F2; border: 1px solid #D5D5D5; overflow: hidden; margin-left: 30px; padding: 10px; }
#hmStats.railModule, #railStats.railModule { margin-left: 0px; }
#hmStats #top, #railStats #top { float: left; width: 278px; height: 33px; }
#hmStats #top .header, #railStats #top .header { float: left; width: 120px; height: 32px !important; border-bottom: 1px solid #A2A2A2; margin-right: 10px; text-transform: uppercase; color: #000000; font-family: yanone_kaffeesatz_boldregular, Helvetica, Arial, sans-serif; font-size: 22px; }
#hmStats #top .selector, #railStats #top .selector { float: left; width: 148px; height: 33px; }
#hmStats #top .selector #hp_stats_select, #railStats #top .selector #hp_stats_select { width: 146px !important; height: 24px !important; border: 1px solid #D5D5D5; background: #E8E9E9; }
#hmStats #content, #railStats #content { float: left; width: 278px; height: 203px; margin-top: 10px; position: relative; }
#hmStats #content .leader_pic, #railStats #content .leader_pic { position: absolute; top: 0px; left: 0px; width: 119px; height: 163px; }
#hmStats #content .leader_flag, #railStats #content .leader_flag { position: absolute; bottom: 3px; left: 38px; width: 43px; height: 26px; }
#hmStats #content .leader_text, #railStats #content .leader_text { position: absolute; top: 0px; left: 130px; width: 150px; height: 25px; line-height: 25px; color: #000000; font-size: 20px; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; }
#hmStats #content .leader_name, #railStats #content .leader_name { position: absolute; top: 26px; left: 130px; width: 150px; height: 63px; color: #000000; font-size: 36px; font-family: 'yanone_kaffeesatz_lightRg', Helvetica, Arial, sans-serif; line-height: 31px; }
#hmStats #content .leader_value, #railStats #content .leader_value { position: absolute; bottom: 27px; left: 130px; width: 150px; height: 42px; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; font-size: 30px; margin-top: 8px; margin-bottom: 11px; }
#hmStats #content .leader_value .number, #railStats #content .leader_value .number { font-size: 48px; }
#hmStats #content .like, #railStats #content .like { position: absolute; top: 139px; left: 130px; width: 105px; height: 20px; }
#hmStats #content .gender_select, #railStats #content .gender_select { position: absolute; bottom: 0px; left: 130px; width: 90px; height: 15px; line-height: 15px; color: #000000; font-weight: bold; }
#hmStats #content .gender_select a, #railStats #content .gender_select a { color: #9B9B9B; cursor: pointer; }
#hmStats #content .gender_select a.selected, #railStats #content .gender_select a.selected { color: #009BDF; }
#hmStats .stub_content, #railStats .stub_content { display: none; }
#hmStats.stub, #railStats.stub { width: 300px !important; height: 350px !important; padding: 0px !important; border: 0px !important; }
#hmStats.stub #top, #railStats.stub #top { display: none; }
#hmStats.stub #content, #railStats.stub #content { display: none; }
#hmStats.stub .stub_content, #railStats.stub .stub_content { display: block; }
/* home trending */
#hmTrending { float: left; width: 286px !important; height: 261px !important; /* background:#D5D5D5; */ /* border:1px solid #D5D5D5; */ overflow: hidden; margin-left: 30px; padding: 0px 7px 7px 7px; }
#hmTrending.railModule { margin-left: 0px; }
#hmTrending #top { float: left; width: 286px; height: 41px; }
#hmTrending #top .logo { float: left; width: 33px; height: 32px; margin-right: 5px; }
#hmTrending #top .header { float: left; width: 182px; height: 24px; line-height: 25px; margin-top: 10px; text-transform: uppercase; color: #000000; font-family: yanone_kaffeesatz_boldregular, Helvetica, Arial, sans-serif; font-size: 22px; }
#hmTrending #top .more { float: left; width: 66px; height: 24px; line-height: 11px; margin-top: 10px; text-align: right; color: #009BDF; font-size: .9em; font-weight: bold; }
#hmTrending #content { float: left; width: 286px; height: 220px; }
#hmTrending #content .trending_player { float: left; width: 286px; height: 70px; margin-bottom: 3px; position: relative; background-color: #000; color: #FFF; }
#hmTrending #content .trending_player .trending_image { position: absolute; top: 0; left: 0; z-index: 0; }
#hmTrending #content .trending_player .trending_data { position: absolute; top: 0; left: 111px; width: 174px; padding: 10px 0 6px 0; z-index: 1; }
#hmTrending #content .trending_player .trending_data .trending_name { height: 16px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 16px; text-transform: uppercase; }
#hmTrending #content .trending_player .trending_data .trending_tweets { height: 27px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 15px; }
#hmTrending #content .trending_player .trending_data .trending_tweets .trending_tweet_count { font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; color: #0098DA; font-size: 27px; }
#hmTrending #content .trending_player .trending_data .trending_sentiment { height: 11px; position: relative; }
#hmTrending #content .trending_player .trending_data .trending_sentiment .trending_sentiment_bar { width: 120px; height: 11px; line-height: 11px; padding: 0; margin-right: 5px; float: left; }
#hmTrending #content .trending_player .trending_data .trending_sentiment .trending_sentiment_bar span { margin: 0 2px; }
#hmTrending #content .trending_player .trending_data .trending_sentiment .trending_sentiment_bar .trending_sentiment_bar_pos { float: left; height: 11px; background: #0098DA; overflow: hidden; text-align: left; }
#hmTrending #content .trending_player .trending_data .trending_sentiment .trending_sentiment_bar .trending_sentiment_bar_neg { float: left; height: 11px; background: #f07300; overflow: hidden; text-align: right; }
#hmTrending #content .trending_player .trending_data .trending_sentiment .trending_sentiment_label { font-size: 10px; line-height: 11px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#hmTrending #content .trending_player:last-child { margin-bottom: 0px; }
#hmTrending .stub_content { /* display: none; */ display: block; }
#hmTrending.stub { width: 301px !important; height: 268px !important; padding: 0px !important; margin-left: 16px !important; }
#hmTrending.stub #top { display: none; }
#hmTrending.stub #content { display: none; }
#hmTrending.stub .stub_content { display: block; }
#railTrending { float: left; width: 286px !important; height: 261px !important; background: #D5D5D5; overflow: hidden; margin-left: 17px; padding: 0px 7px 7px 7px; }
#railTrending.railModule { margin-left: 0px; }
#railTrending #top { float: left; width: 286px; height: 41px; }
#railTrending #top .logo { float: left; width: 33px; height: 32px; margin-right: 5px; }
#railTrending #top .header { float: left; width: 182px; height: 24px; line-height: 25px; margin-top: 10px; text-transform: uppercase; color: #000000; font-family: yanone_kaffeesatz_boldregular, Helvetica, Arial, sans-serif; font-size: 22px; }
#railTrending #top .more { float: left; width: 66px; height: 24px; line-height: 11px; margin-top: 10px; text-align: right; color: #009BDF; font-size: .9em; font-weight: bold; }
#railTrending #content { float: left; width: 286px; height: 220px; }
#railTrending #content .trending_player { float: left; width: 286px; height: 70px; margin-bottom: 3px; position: relative; background-color: #000; color: #FFF; }
#railTrending #content .trending_player .trending_image { position: absolute; top: 0; left: 0; z-index: 0; }
#railTrending #content .trending_player .trending_data { position: absolute; top: 0; left: 111px; width: 174px; padding: 10px 0 6px 0; z-index: 1; }
#railTrending #content .trending_player .trending_data .trending_name { height: 16px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 16px; text-transform: uppercase; }
#railTrending #content .trending_player .trending_data .trending_tweets { height: 27px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 15px; }
#railTrending #content .trending_player .trending_data .trending_tweets .trending_tweet_count { font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; color: #0098DA; font-size: 27px; }
#railTrending #content .trending_player .trending_data .trending_sentiment { height: 11px; position: relative; }
#railTrending #content .trending_player .trending_data .trending_sentiment .trending_sentiment_bar { width: 120px; height: 11px; line-height: 11px; padding: 0; margin-right: 5px; float: left; }
#railTrending #content .trending_player .trending_data .trending_sentiment .trending_sentiment_bar span { margin: 0 2px; }
#railTrending #content .trending_player .trending_data .trending_sentiment .trending_sentiment_bar .trending_sentiment_bar_pos { float: left; height: 11px; background: #0098DA; overflow: hidden; text-align: left; }
#railTrending #content .trending_player .trending_data .trending_sentiment .trending_sentiment_bar .trending_sentiment_bar_neg { float: left; height: 11px; background: #f07300; overflow: hidden; text-align: right; }
#railTrending #content .trending_player .trending_data .trending_sentiment .trending_sentiment_label { font-size: 10px; line-height: 11px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#railTrending #content .trending_player:last-child { margin-bottom: 0px; }
#railTrending .stub_content { display: block; }
#railTrending.stub { width: 301px !important; height: 268px !important; padding: 0px !important; /* margin-left:16px !important; */ }
#railTrending.stub #top { display: none; }
#railTrending.stub #content { display: none; }
#railTrending.stub .stub_content { display: block; }
/* home social tracker */
#hmSocialTracker { float: left; width: 286px !important; height: 268px !important; background: #F2F2F2; border: 1px solid #D5D5D5; overflow: hidden; margin-left: 30px; }
#hmSocialTracker .socialTrackerContent { float: left; width: 100%; height: 100%; }
/* home AO daily */
#hmAODaily { float: left; width: 286px !important; height: 268px !important; background: #009BDE; overflow: hidden; margin-left: 30px; }
#hmAODaily div.error { position: absolute; top: 1px; right: 200px; }
#hmAODaily .AODailyContent { position: relative; text-align: center; margin: 0px auto; }
#hmAODaily .AODailyContent .AODailyHeader { position: absolute; top: 34px; left: 65px; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 54px; }
#hmAODaily .AODailyContent .AODailyText { position: relative; top: 93px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; }
#hmAODaily .AODailyContent .AODailyEmail { position: relative; top: 110px; }
#hmAODaily .AODailyContent .AODailyEmail input { background-color: #FFFFFF; border: 1px solid #009BDE; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 20px; color: #000000; border-radius: 5px; padding: 3px; width: 239px; height: 40px; text-align: center; }
#hmAODaily .AODailyContent .AODailyEmail input.watermark { color: #D9D9D9; }
#hmAODaily .AODailyContent .AODailySubmit { position: relative; top: 115px; }
/* home promos */
/* headers on hp with text and bar in background */
.hmHeader { float: left; position: relative; height: 22px; width: 100%; text-align: center; overflow: hidden; }
.hmHeader .bar { position: absolute; top: 10px; left: 0px; z-index: 8; }
.hmHeader .text { position: relative; background: #FFFFFF; color: #0096D9; text-transform: uppercase; font-size: 26px; padding: 0px 5px; line-height: 22px; z-index: 9; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; }
.hmHeader.aotv { overflow: hidden; height: 26px; }
.hmHeader.aotv .bar { top: 16px; }
.hmHeader.aotv .text { line-height: 22px; }
.hmHeader.aotv .image { position: relative; background: #FFFFFF; background: #FFFFFF; z-index: 9; padding-right: 5px; }
/* news home preview */
#newsHmPreview { float: left; width: 976px; height: 317px; margin: 0px 0px 34px -4px; }
#newsHmPreview .regular { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#newsHmPreview .dark { font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; }
#newsHmPreview .title { float: left; width: 972px; height: 31px; overflow: hidden; text-transform: uppercase; font-size: 30px; line-height: 25px; }
#newsHmPreview .item { width: 304px; height: 286px; overflow: hidden; position: relative; }
#newsHmPreview .item.left { float: left; }
#newsHmPreview .item.right { float: right; }
#newsHmPreview .item img { position: absolute; left: 4px; top: 0px; width: 300px; height: 170px; }
#newsHmPreview .item .tag { position: absolute; left: 0px; top: 140px; width: 65px !important; height: 24px; line-height: 25px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 18px; text-transform: uppercase; color: #FFFFFF; padding-left: 8px; }
#newsHmPreview .item .button { position: absolute; top: 59px; left: 132px; width: 53px; height: 53px; }
#newsHmPreview .item .text { position: absolute; top: 180px; left: 4px; width: 295px; height: 106px; color: #000000; line-height: 16px; font-size: 1.1em; }
#newsHmPreview .item .text .header { float: left; width: 100%; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 23px; line-height: 23px; margin-bottom: 5px; }
/*.hmHeader.aotv .text img{display:inline; margin-top:-6px;}*/
/** end home page content styles **/
/** sublevel page content styles **/
#presentedbylogo { position: absolute; right: 25px; bottom: 9px; }
#presentedbylogoad { position: absolute; right: -10px; bottom: 9px; z-index: 11; }
#subContent { float: left; /** width below was set to "$content_width" GR 10/23/2015 **/ width: 610px; margin: 0 26px 0 0; padding: 0px; }
#subContent.wide { width: 972px; margin: 20px 0px 0px 0px; }
#subContent.records { width: 996px; margin: 0px; }
#subContent.article { margin: 0px; width: 670px; }
#subContent.aoshow { width: 968px; margin: 0px 0px 0px -16px; }
/*#subContent.matchstats{float:left; width:996px; margin:0; padding:0;}*/
#pageHeader { position: relative; width: 100%; }
#pageHeader h1 { font-size: 36px; color: #000000; font-family: 'yanone_kaffeesatz_lightRg', Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 15px; display: none; }
#pageHeader h1.profile { display: block !important; }
#pageHeader h2 { font-size: 24px; color: #505050; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; }
#subContent.article #pageHeader { width: 610px !important; }
#subContent.article #pageHeader h1 { display: none; }
#breadcrumbContainer { border-top: 1px solid #505050; width: 100%; height: 29px; margin-bottom: 10px; font-size: 11px; line-height: 29px; text-transform: uppercase; }
#breadcrumbContainer a { text-decoration: none; }
#subContent.records #pageHeader { width: 956px; margin: 20px 20px 0px 20px; }
#subContent.records #breadcrumbContainer { width: 956px; margin: 0px; }
#subRightAlley { float: left; width: 300px; margin: 0; overflow: hidden; }
#subRightAlley .railModule { margin-bottom: 10px; }
#subRightAlley.article { float: right !important; margin-top: -40px; }
#railAd { float: left; width: 300px; margin-bottom: 34px; }
#railAd .adContent { float: left; width: 100%; height: 100%; text-align: right; }
#railAd .adContent .label { float: left; width: 100%; text-align: right; color: #000000; font-size: .7em; text-transform: uppercase; height: 18px; line-height: 22px; }
#railAd.bottom { height: 268px; margin-bottom: 0px; margin-left: 17px; }
/*height:250px;*/
#railAd2 { float: left; width: 300px; margin-top: 15px; }
/*height:250px;*/
#railRadio { float: left; width: 300px; height: 63px; margin: 15px 0px; }
#railRadio a { float: left; display: block; width: 300px; height: 63px; text-decoration: none; }
#railAOTV { float: left; width: 300px; margin-bottom: 15px; }
/* rail news */
#railNews { float: left; width: 300px; }
#railNews #railNewsContent { float: left; width: 270px !important; border: 4px solid #BFBFBF; background: #E9E9E9; margin-top: 8px; padding: 11px; }
#railNews #railNewsContent .featured { float: left; width: 270px; margin-bottom: 10px; }
#railNews #railNewsContent .featured .image { float: left; display: inline; width: 72px; margin-right: 10px; }
#railNews #railNewsContent .featured .title a { font-size: 1.1em; color: #018DE5; text-decoration: none; font-weight: bold; }
#railNews #railNewsContent .featured p { margin: 0; line-height: 1.4em; color: #2A2A2A; }
#railNews #railNewsContent .featured p .date { color: #818181; }
#railNews #railNewsContent .featured .related_links .comments { margin-right: 2px; width: 93px; width: 77px !important; height: 17px; color: #018DE5; background: url(/images/misc/aus_icon_sprite.png) no-repeat 0 0; padding-left: 16px; }
#railNews #railNewsContent ul { clear: left; margin: 0px; padding-left: 17px; list-style: disc; color: #018DE5; }
#railNews #railNewsContent ul li a { font-weight: bold; text-decoration: none; color: #018DE5; }
/* rail photos */
#railPhotos { float: left; width: 300px; }
#railPhotos #railPhotosContent { float: left; width: 286px; border: 4px solid #BFBFBF; background: #E9E9E9; margin-top: 8px; padding: 3px; }
#railPhotos #railPhotosContent .item { float: left; position: relative; width: 141px; height: 148px; margin: 1px; cursor: pointer; text-decoration: none; }
#railPhotos #railPhotosContent .item img { float: left; width: 141px; height: 94px; }
#railPhotos #railPhotosContent .item .caption { float: left; width: 127px !important; height: 40px !important; padding: 7px; font-size: .9em; background: #3C3C3C; color: #FFFFFF; }
/*#railPhotos #railPhotosContent .item .rollover{position:absolute; top:0px; left:0px; width:146px; height:97px; background:url('/images/misc/aus_sprite.png') no-repeat -44px -127px; display:none;}*/
/*#railPhotos #railPhotosContent .item:hover .rollover{display:block;}*/
/* rail shop */
.shop-sprite, #shopTop, #shopContent #shopPrev .prevImg, #shopContent #shopNext .nextImg, .shopBuyBtn { background-image: url('/sprites/../sprites/shop-sa7afc3c19a.png'); background-repeat: no-repeat; }
/* shop sprite config */
#railShop { float: left; width: 300px; height: 350px; }
#shopContainer { width: 300px; height: 350px; background: #FFFFFF; }
#shopTop { width: 300px; height: 44px; margin: 0px; padding: 0px; overflow: hidden; background-position: 0 -26px; }
#shopContent { position: relative; width: 300px; height: 306px; margin: 0px; padding: 0px; overflow: hidden; }
#shopContent .carousel { width: 300px; height: 306px; margin: 0px; }
#shopContent #shopPrev { position: absolute; top: 54px; left: 0px; width: 27px; height: 92px; cursor: pointer; background-color: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#shopContent #shopPrev .prevImg { position: absolute; top: 37px; right: 9px; background-position: 0 -88px; width: 12px; height: 18px; }
#shopContent #shopNext { position: absolute; top: 54px; right: 0px; width: 27px; height: 92px; cursor: pointer; background-color: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#shopContent #shopNext .nextImg { position: absolute; top: 37px; left: 9px; background-position: 0 -70px; width: 12px; height: 18px; }
#shopContent .prev:hover { background-position: -587px -166px; }
#shopContent .next:hover { background-position: -626px -166px; }
.shopItemContent { position: relative; width: 300px; height: 306px; margin: 0px; background: #FFFFFF; float: left; }
.shopImage { display: block; width: 298px; height: 200px; margin: 0px auto; border-left: solid 1px #A7A7A7; border-right: solid 1px #A7A7A7; }
.shopItemDesc { color: #FFFFFF; font-size: 22px; line-height: 24px; width: 276px; height: 59px; text-align: left; padding: 12px 12px 35px 12px; background: #0096DF; font-family: 'yanone_kaffeesatz_lightRg', Helvetica, Arial, sans-serif; }
.shopBuyBtn { position: absolute; right: 11px; bottom: 7px; width: 118px; height: 26px; text-align: center; line-height: 26px; color: #FFFFFF !important; font-size: 20px; text-decoration: none; background-position: 0 0; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; cursor: pointer; }
#railPromo { float: left; width: 300px; margin: 15px 0 15px; }
/***** Extra Stats *****/
#extraStats #statListing .left { float: left; width: 298px; border: 1px solid #14A7E6; font-size: 1em; }
#extraStats #statListing .right { float: left; width: 298px; border: 1px solid #14A7E6; font-size: 1em; margin-left: 10px; }
#extraStats #statListing .heading { padding: 3px; background: #007AB0; text-transform: uppercase; color: #FFFFFF; font-weight: bold; }
#extraStats #statListing .row { padding: 3px; border-top: 1px solid #14A7E6; }
#extraStats .statsHeader { width: 602px !important; margin-top: 10px; background: #005479; text-transform: uppercase; color: #FFFFFF; padding: 3px; border: 1px solid #14A7E6; border-bottom: none; font-weight: bold; }
#extraStats .statsTable { border-collapse: collapse; border: 1px solid #14A7E6; width: 100%; }
#extraStats .statsTable td { padding: 3px; border: 1px solid #14A7E6; text-align: center; }
#extraStats .statsTable .header td { background: #007AB0; color: #FFFFFF; }
/*** End Extra Stats ***/
/** Challenges Table **/
.blueBgWhiteText { background-color: #006699; color: #FFFFFF; }
.ltBlueBg2 { background-color: #DCF2FB; padding-right: .2em; padding-left: .2em; }
/* schedule day nav */
#scheduleNav { clear: left; float: left; width: 972px; height: 64px; background: url("/images/scores/navigator_bg.png") no-repeat; margin-bottom: 15px; }
#scheduleNav ul { margin: 0px; padding: 0px; list-style: none; }
#scheduleNav ul li a { text-decoration: none; color: #ffffff; }
#scheduleNav #mainTabs { float: left; width: 115px; height: 64px; }
#scheduleNav #mainTabs li { height: 31px; font-size: 1.2em; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 23px; text-transform: uppercase; text-align: center; list-style: none; margin: 0px; padding: 0px; width: 115px; }
#scheduleNav #mainTabs li#sch1 { height: 31px; line-height: 31px; margin-bottom: 2px; }
#scheduleNav #mainTabs li#sch2 { height: 31px; line-height: 31px; }
#scheduleNav #mainTabs li a { display: block; width: 100%; color: #A6A6A6; }
#scheduleNav #mainTabs li.ui-tabs-selected a { color: #FFCC00; }
#scheduleNav #mainTabs li.ui-state-default { height: 29px !important; width: 114px !important; background: #4D4D4D; border: solid 1px #202020; border-right: none; }
#scheduleNav #mainTabs li.ui-state-active { background: none; }
#scheduleNav #mainTabs li.ui-state-active a { color: #FFC20E; }
#scheduleNav #mainTabs li.ui-state-disabled { background: #4D4D4D; }
#scheduleNav #mainTabs li.ui-state-disabled a { color: #686868; cursor: default; }
#scheduleNav .panel { float: left; position: relative; width: 476px !important; height: 54px !important; padding: 5px 14px 5px 5px; }
#scheduleNav .panel ul { margin-bottom: 15px; }
#scheduleNav .panel ul li { float: left; width: auto; padding: 0px 10px; }
#scheduleNav .date { position: absolute; color: #000000; overflow: hidden; font-size: 12px; line-height: 23px; top: 36px; font-family: Helvetica, Arial, sans-serif; }
#scheduleNav #qualDays ul { width: 92px; height: 54px; margin: 0px 192px; }
#scheduleNav #qualDays li { float: left; margin: 0px; padding: 0px; height: 31px; line-height: 31px; text-align: center; font-size: 21px; color: #999999; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#scheduleNav #qualDays li a { display: block; width: 22px; height: 31px; line-height: 31px; color: #FFFFFF; text-decoration: none; }
#scheduleNav #qualDays li.current a, #scheduleNav #qualDays li a:hover { color: #1A1A1A; background: #E1E1E1; }
#scheduleNav #qualDays li.day1, #scheduleNav #qualDays li.day2, #scheduleNav #qualDays li.day3, #scheduleNav #qualDays li.day4 { width: 23px; margin: 0px; }
#scheduleNav #qualDays li.day1 .date { margin-left: -40px; }
#scheduleNav #qualDays li.day2 .date { margin-left: -45px; }
#scheduleNav #qualDays li.day3 .date { margin-left: -35px; }
#scheduleNav #qualDays li.day4 .date { margin-left: -45px; }
#scheduleNav #tournDays ul { width: 391px; height: 54px; margin: 0px 42px 0px 43px; }
#scheduleNav #tournDays li { float: left; margin: 0px; padding: 0px; height: 31px; line-height: 31px; text-align: center; font-size: 21px; color: #999999; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#scheduleNav #tournDays li a { display: block; width: 22px; height: 31px; line-height: 31px; color: #FFFFFF; text-decoration: none; }
#scheduleNav #tournDays li.current a, #scheduleNav #tournDays li a:hover { color: #1A1A1A; background: #E1E1E1; }
#scheduleNav #tournDays li.day6, #scheduleNav #tournDays li.day7 { width: 23px; margin: 0px; }
#scheduleNav #tournDays li.day8, #scheduleNav #tournDays li.day9, #scheduleNav #tournDays li.day10 { width: 25px; margin: 0px; }
#scheduleNav #tournDays li.day11, #scheduleNav #tournDays li.day12, #scheduleNav #tournDays li.day13, #scheduleNav #tournDays li.day14, #scheduleNav #tournDays li.day15, #scheduleNav #tournDays li.day16, #scheduleNav #tournDays li.day17, #scheduleNav #tournDays li.day18, #scheduleNav #tournDays li.day19, #scheduleNav #tournDays li.day20 { width: 27px; margin: 0px; }
#scheduleNav #tournDays li.day1 .date { margin-left: 10px; }
#scheduleNav #tournDays li.day6 .date { margin-left: -34px; }
#scheduleNav #tournDays li.day7 .date { margin-left: -47px; }
#scheduleNav #tournDays li.day8 .date, #scheduleNav #tournDays li.day9 .date { margin-left: -43px; }
#scheduleNav #tournDays li.day10 .date { margin-left: -40px; }
#scheduleNav #tournDays li.day11 .date { margin-left: -48px; }
#scheduleNav #tournDays li.day12 .date { margin-left: -47px; }
#scheduleNav #tournDays li.day13 .date { margin-left: -37px; }
#scheduleNav #tournDays li.day14 .date { margin-left: -40px; }
#scheduleNav #tournDays li.day15 .date { margin-left: -45px; }
#scheduleNav #tournDays li.day16 .date, #scheduleNav #tournDays li.day17 .date { margin-left: -40px; }
#scheduleNav #tournDays li.day18 .date { margin-left: -45px; }
#scheduleNav #tournDays li.day19 .date { margin-left: -40px; }
#scheduleNav #tournDays li.day20 .date { margin-left: -45px; }
#scheduleNav .date { display: none; }
#scheduleNav li a:hover .date, #scheduleNav li.over .date, #scheduleNav li.current .date { display: block; }
/*#scheduleNav ul{position:relative; margin:0px; padding:0px; float:left; width:510px; height:auto; list-style: none;}*/
/*#scheduleNav ul li{position:relative; margin:0px; padding:0px; float:left; width:50%; height:auto;}*/
#scheduleDesc { float: left; width: 100%; }
#scheduleDesc #schedulePrintButton { float: right; text-transform: uppercase; }
a.print_link { margin: 7px 0 0 0; display: block; padding-left: 25px; height: 20px; background: url("/images/misc/pdf_icon.gif") left no-repeat; font-size: .9em; font-weight: bold; text-decoration: none; text-transform: uppercase; line-height: 20px; }
a.print_link:link, a.print_link:hover, a.print_link:active, a.print_link:visited { color: #009BDF; }
#schedule .court { width: 100%; border: 1px solid #052A48; border-collapse: collapse; margin-bottom: 15px; }
#schedule .court td { padding: 0; margin: 0; }
#schedule .court .courtName { background: #009BDF; color: #000000; text-align: center; vertical-align: middle; width: 63px !important; border-right: 1px solid #052A48; font-size: 16px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 0x 5px; }
#schedule .court table { width: 100%; border-collapse: collapse; }
#schedule .court table td { padding: 3px 0px 3px 10px; }
#schedule .court table td a { color: #009BDF; font-weight: bold; text-decoration: none; }
#schedule .court .matchHeader { background: #C7C8C8; color: #000000; height: 23px !important; border-top: 1px solid #052A48; border-bottom: 1px solid #052A48; vertical-align: middle; font-weight: bold; }
#schedule .court .scoreHeader { background: #C7C8C8; color: #000000; height: 23px !important; border: 1px solid #052A48; border-right: none; vertical-align: middle; width: 129px !important; text-transform: uppercase; }
#schedule .court .first { border-top: none; }
#schedule .court .teams { background: #F3F3F3; }
#schedule .court .matchScore { background: #DCF2FB; vertical-align: middle; width: 129px !important; border-left: 1px solid #052A48; }
#schedule .court .matchScoreSched { background: #DCF2FB; text-align: center; vertical-align: middle; width: 129px !important; border-left: 1px solid #052A48; }
/* players section */
#playerIndex { clear: left; float: left; width: 100%; }
#playerIndex #letterTabs { float: left; width: 100%; height: 26px; background: #006699; margin-bottom: 20px; }
#playerIndex #letterTabs ul { float: left; width: 100%; height: 20px; margin: 6px 0 0 0; padding: 0 0 0 63px; list-style: none; text-align: center; margin-left: auto; margin-right: auto; }
#playerIndex #letterTabs ul li { float: left; padding: 0px 5px; line-height: 16px; color: #ffffff; height: 20px; margin: 0px; list-style: none; font-size: 13px; cursor: pointer; }
#playerIndex #letterTabs ul li.selected { color: #ffcc66; }
#playerIndex .section { float: left; clear: left; width: 100%; margin-bottom: 10px; }
#playerIndex .sectionTitle { float: left; width: 100%; height: 26px; line-height: 26px; }
#playerIndex .sectionHeading { width: 100%; float: left; height: 24px; line-height: 26px; }
#playerIndex .men { width: 300px; float: left; }
#playerIndex .women { width: 300px; float: right; }
#playerIndex .sectionTitle .men, #playerIndex .sectionTitle .women { width: 290px !important; background: #006699; border: 1px solid #0B5272; height: 24px !important; padding: 0px 4px; color: #FFFFFF; font-weight: bold; }
#playerIndex .sectionHeading .men, #playerIndex .sectionHeading .women { width: 290px !important; background: #029ACD; border: 1px solid #0B5272; border-top: none; height: 24px; padding: 0px 4px; color: #FFFFFF; font-weight: bold; }
#playerIndex .sectionHeading .menNone, #playerIndex .sectionHeading .womenNone { width: 290px !important; border-top: none; padding: 0px 4px; color: #FFFFFF; }
#playerIndex .section a { clear: left; width: 288px !important; height: 18px; line-height: 19px; display: block; border: 1px solid #0B5272; border-top: none; padding: 0px 5px; background: #BAE6F8; text-decoration: none; }
/* seeded players */
.seedsTable { float: left; width: 608px !important; border: 1px solid #14A7E6; }
.seedsTable .seedsRow { float: left; width: 608px; height: 20px; line-height: 20px; background: #FFFFFF; border-top: 1px solid #14A7E6; }
.seedsTable .header1 { float: left; width: 602px !important; height: 20px; line-height: 20px; padding: 0px 3px; background: #007AB0; color: #FFFFFF; font-weight: bold; }
.seedsTable .header2 { float: left; height: 18px; height: 20px; line-height: 18px; text-align: center; background: #005479; color: #FFFFFF; font-weight: bold; }
.seedsTable .number { float: left; width: 40px; height: 20px; text-align: center; border-right: 1px solid #14A7E6; }
.seedsTable .name1 { float: left; width: 212px !important; height: 20px; padding-left: 5px; border-right: 1px solid #14A7E6; }
.seedsTable .text { float: left; width: 70px; height: 20px; text-align: center; border-right: 1px solid #14A7E6; }
.seedsTable .name2 { float: left; width: 212px !important; height: 20px; padding-left: 5px; border-right: 1px solid #14A7E6; }
.seedsTable .round { float: left; width: 60px; height: 20px; text-align: center; }
/* Player profile styles start DP 2013 */
#playerProfile .flag { margin-right: 10px; }
#playerProfile .playerBio { color: #000000; font-size: 1.0em; width: 590px; padding: 10px; }
#playerProfile .playerBio .bioImage { float: left; width: 183px; }
#playerProfile .playerBio .bioImage img { border: 1px solid #ffffff; }
#playerProfile .playerBio .bioData { float: left; width: 405px; }
#playerProfile .playerBio .bioData .row, #playerProfile .playerBio .bioData .rankings { float: left; clear: left; width: 100%; height: 25px; line-height: 25px; }
#playerProfile .playerBio .bioData .row .label { float: left; font-weight: bold; width: 105px; text-transform: uppercase; }
#playerProfile .playerBio .bioData .row .data { float: left; text-transform: uppercase; }
#playerProfile .playerBio .bioData .rankings { padding-top: 10px; border-bottom: none; color: #FFFFFF; height: 50px; text-transform: uppercase; }
#playerProfile .playerBio .bioData .rankings .data { float: left; width: 39%; background: #7FCDEF; border-right: solid 1px #FFFFFF; text-align: center; height: 50px; }
#playerProfile .playerBio .bioData .rankings .data .rank { font-size: 20px; line-height: 35px; }
#playerProfile .playerBio .bioData .rankings .data .event { font-size: 10px; line-height: 5px; }
#playerProfile .playerBio .bioData .rankings .label { text-align: center; background: #0091D2; float: left; width: 20%; line-height: 50px; font-size: 12px; height: 50px; }
#playerProfile .clearfix { clear: both; height: 1px; display: block; }
#playerProfile .profileTabs { width: 610px; }
#playerProfile .profileTabs ul.tabs { position: relative; margin: 15px 0 40px 0; padding: 0; float: left; width: 100%; list-style: none; height: 26px; border-bottom: solid 1px #EEEEEE; text-align: center; }
#playerProfile .profileTabs ul.tabs li { z-index: 10; line-height: 24px; text-align: center; display: inline-block; padding: 0; margin: 0 15px; font-size: 12px; text-transform: uppercase; }
#playerProfile .profileTabs ul.tabs li.last { margin-right: 0; }
#playerProfile .profileTabs ul.tabs li a { display: block; color: #808080; text-decoration: none; }
#playerProfile .profileTabs ul.tabs li.ui-state-active { border-bottom: solid 2px #0091D2; }
#playerProfile .profileTabs ul.tabs li.ui-state-active a { color: #0091D2; }
#playerProfile .profileTabs .panel { z-index: 9; clear: left; display: none; }
#playerProfile .profileTabs #playerProfilePhotos ul { list-style: none; margin: 0; padding: 0; /* width:$content_width; */ height: 76px; margin-top: 8px; }
#playerProfile .profileTabs #playerProfilePhotos ul:first-child { margin-top: 0px; }
#playerProfile .profileTabs #playerProfilePhotos ul li { padding: 0; margin: 0; margin-left: 11px; margin-bottom: 11px; height: 76px; float: left; }
#playerProfile .profileTabs #playerProfilePhotos ul li a { display: block; }
#playerProfile .profileTabs #playerProfileVideos ul { list-style: none; margin: 0; padding: 0; /* width:$content_width; */ margin-top: 16px; float: left; }
#playerProfile .profileTabs #playerProfileVideos ul:first-child { margin-top: 0px; }
#playerProfile .profileTabs #playerProfileVideos ul li { position: relative; padding: 0; margin: 0; margin-left: 11px; width: 136px; display: inline-block; vertical-align: top; margin-bottom: 10px; }
#playerProfile .profileTabs #playerProfileVideos ul li .title { font-weight: bold; }
#playerProfile .profileTabs #playerProfileVideos ul li .date { float: left; }
#playerProfile .profileTabs #playerProfileVideos ul li .duration { float: right; }
#playerProfile .profileTabs #playerProfileVideos ul li .playBtn { position: absolute; width: 40px; height: 40px; top: 20px; left: 50px; background-position: 0 -313px; }
#playerProfile .profileTabs #playerProfileVideos ul li a { display: block; }
#playerProfile .profileTabs h3 { margin: 25px 0 20px 0; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 20px; color: #3c3c3c; text-transform: uppercase; font-weight: normal; }
#playerProfile .profileTabs .tournInfo .row, #playerProfile .profileTabs .playerOverview .row { width: 100%; clear: left; float: left; height: 22px; line-height: 22px; }
#playerProfile .profileTabs .tournInfo .row.first, #playerProfile .profileTabs .playerOverview .row.first { border-top: none; }
#playerProfile .profileTabs .tournInfo .row.last, #playerProfile .profileTabs .playerOverview .row.last { border-bottom: none; }
#playerProfile .profileTabs .tournInfo .row .label, #playerProfile .profileTabs .playerOverview .row .label { float: left; font-weight: bold; }
#playerProfile .profileTabs .tournInfo .row .data, #playerProfile .profileTabs .playerOverview .row .data { padding-left: 5px; float: left; }
#playerProfile .profileTabs #resultsContainer { margin-top: 10px; padding: 10px 0px; background: #ffffff; }
#playerProfile .profileTabs #resultsContainer h3:first-child { margin-top: 10px; }
#playerProfile .profileTabs #resultsContainer table { border: none; width: 100%; border-collapse: collapse; }
#playerProfile .profileTabs #resultsContainer table td { font-size: 1em; text-align: center; border-bottom: 1px solid #d7d7d7; width: 125px; margin: 0; padding: 2px; }
#playerProfile .profileTabs #resultsContainer table tr.header td { font-weight: bold; }
#playerProfile .profileTabs #resultsContainer table td.year { width: 70px; }
#playerProfile .profileTabs .legend { margin-top: 20px; border: 1px solid #000000; padding: 10px; width: 376px; }
#playerProfile .profileTabs .legend h4 { text-transform: uppercase; font-weight: bold; padding: 0 0 10px 0; margin: 0; }
#playerProfile .profileTabs .legend .col { float: left; width: 188px; }
#playerProfile .profileTabs .legend .credit { font-weight: normal; padding-top: 10px; }
#playerProfile #ni ul { list-style: none; margin: 0; padding: 0; width: 100%; display: block; }
#playerProfile #ni li { clear: left; width: 100%; margin: 0; padding: 0; }
#playerProfile #ni ul.newsList img { float: left; padding: 0 10px 10px 0; }
#playerProfile #ni ul.newsList h4 { margin: 0; padding: 0; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 1.2em; }
#playerProfile #ni ul.newsList a { display: block; text-decoration: none; }
#playerProfile #ni ul.interviewList a, #playerProfile #ni ul.videoList a { padding: 0px 5px 10px 40px; line-height: 1.5em; display: block; text-decoration: none; color: #000000; }
#playerProfile #ni ul.interviewList a:hover, #playerProfile #ni ul.videoList a:hover { text-decoration: underline; }
#playerProfile #ni ul.interviewList a { background: url("/images/bios/interviewIcon.png") no-repeat top left; }
#playerProfile #ni ul.videoList a { background: url("/images/bios/videoIcon.png") no-repeat top left; }
#playerProfile #ma .profileMatches { background: #ffffff; padding: 30px; float: left; width: 530px; margin-top: 10px; }
#playerProfile #ma .scoringtable { width: 524px; margin-bottom: 10px; }
#playerProfile #ma .scoringtable .courtinfo { width: 100%; }
#playerProfile #ma .scoringtable .headers { padding-left: 393px !important; width: 100%; }
#playerProfile #ma .scoringtable #crtcontent { width: 100%; }
#playerProfile #ma .scoringtable .crtrow { width: 100%; }
#playerProfile #ma .scoringtable .crtrow .name { width: 388px; }
#playerProfile #ma .scoringtable .crtlinks { width: 100%; }
#playerProfile #st table { border-collapse: collapse; width: 100%; }
#playerProfile #st table tr td { text-align: center; color: #000000; padding: 3px; border: 1px solid #000000; background: #ffffff; width: 52px; }
#playerProfile #st table tr.header td { background: #0096d9; color: #ffffff; }
#playerProfile #st table tr td.round { width: 192px; }
#playerProfile #st table tr td:first-child { text-align: left; }
#playerBiosCmatches { float: left; margin-top: 20px; }
.scoresTable { margin-top: 20px; }
#playerBiosStats #compare_button { border: solid 1px #0091D2; color: #0091D2; cursor: pointer; height: 36px; line-height: 36px; text-align: center; padding: 0px 35px 0px 20px; float: right; margin-bottom: 20px; text-transform: uppercase; background: url("/images/misc/rgt_angle.gif") right no-repeat; }
#playerBiosStats .profile_table { display: table; table-layout: fixed; clear: right; }
#playerBiosStats .profile_table .row { display: table-row; background: #F2F2F2; }
#playerBiosStats .profile_table .row:nth-of-type(odd) { background: none; }
#playerBiosStats .profile_table .row div { display: table-cell; width: 110.28571px; text-align: center; line-height: 30px; height: 30px; text-transform: uppercase; }
#playerBiosStats .profile_table .row div:first-child { width: 200px; text-align: left; }
#playerBiosStats .profile_table .header_row { color: #808080; }
#stats_compare { width: 610px; }
#stats_compare #compareDropdown { float: right; margin-bottom: 35px; }
#stats_compare .name { font-size: 23px; text-transform: uppercase; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; line-height: 35px; }
#stats_compare .nation { color: #626262; }
#stats_compare .rank { clear: both; color: #0091D2; font-size: 20px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; line-height: 20px; }
#stats_compare .rank_label { color: #626262; line-height: 24px; }
#stats_compare #player_compare { clear: both; margin-bottom: 20px; width: 610px; float: left; }
#stats_compare #player_compare #p1_compare { width: 305px; float: left; }
#stats_compare #player_compare #p1_compare .name { text-align: left; }
#stats_compare #player_compare #p1_compare .flag { float: left; }
#stats_compare #player_compare #p1_compare .nation { float: left; margin-left: 5px; }
#stats_compare #player_compare #p1_compare .rank { float: left; }
#stats_compare #player_compare #p1_compare .rank_label { float: left; margin-left: 5px; }
#stats_compare #player_compare #p2_compare { width: 305px; float: right; text-align: right; display: none; }
#stats_compare #player_compare #p2_compare .photo { display: inline-block; text-align: right; }
#stats_compare #player_compare #p2_compare .name { text-align: right; }
#stats_compare #player_compare #p2_compare .flag { float: right; }
#stats_compare #player_compare #p2_compare .nation { float: right; margin-right: 5px; }
#stats_compare #player_compare #p2_compare .rank { float: right; }
#stats_compare #player_compare #p2_compare .rank_label { float: right; margin-right: 5px; }
#stats_compare #compare_graph { clear: both; width: 610px; margin-bottom: 20px; }
#stats_compare #compare_graph #compare_chart { margin-left: 100px; }
#stats_compare #compare_graph #compare_chart_legend { color: #808080; }
#stats_compare #compare_graph #compare_chart_legend .code { font-weight: bold; }
#stats_compare #compare_table { clear: both; display: table; width: 610px; text-align: center; line-height: 30px; }
#stats_compare #compare_table .row { display: table-row; background: #F2F2F2; }
#stats_compare #compare_table .row:nth-of-type(odd) { background: none; }
#stats_compare #compare_table .row div { display: table-cell; }
#stats_compare #compare_table .row .label { width: 40%; color: #808080; font-size: 14px; text-transform: uppercase; }
#stats_compare #compare_table ul { list-style: square inside; padding: 0px; margin: 0px; line-height: 0px; font-size: 34px; }
#stats_compare #compare_table ul.p1 { color: #E93107; }
#stats_compare #compare_table ul.p2 { color: #059948; visibility: hidden; }
#stats_compare #compare_table ul span { color: #000000; font-size: 14px; float: right; margin-top: 6px; width: 150px; white-space: nowrap; text-align: left; }
#stats_compare #compare_table #header_row { color: #000000; }
#stats_compare #compare_table #header_row .label { font-family: 'yanone_kaffeesatz_thinregular', Helvetica, Arial, sans-serif; font-size: 24px !important; }
/* publisher content styles - excludes news section used for Events Guide sub pages & sponsors pages */
#publisherSubContent { clear: left; float: left; padding: 8px 0px; position: relative; width: 972px; }
#publisherSubContent .news { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#publisherSubContent .news a { text-decoration: none; color: #000; }
/* Player profile styles end DP 2013 */
/* news index page */
/* player profile related content tabs */
#playerProfile .list .listitem { float: left; width: 100%; margin-bottom: 15px; }
#playerProfile .list .listitem :last-child { margin-bottom: 0px; }
#playerProfile .list .listitem .text { float: left; width: 188px; margin-right: 10px; }
#playerProfile .list .listitem .text .type { color: #808080; font-size: 1.2em; font-family: 'yanone_kaffeesatz_lightRg', Helvetica, Arial, sans-serif; text-transform: uppercase; }
#playerProfile .list .listitem .text .title { display: block; color: #666666; font-size: 1.7em; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#playerProfile .list .listitem .image { float: left; width: 100px; position: relative; display: block; }
#playerProfile .list .listitem .image .icon { position: absolute; left: 41%; top: 32%; font-weight: bold; color: #FFFFFF; font-size: 1.6em; }
#newsIndexDayNav { float: left; margin: 0; width: 972px; height: 54px; overflow: hidden; z-index: 50; padding-bottom: 20px; }
#newsIndexContainer { float: left; position: relative; /*width: $content_width; */ }
#newsIndexContainer .headlineContainer { clear: left; float: left; padding: 8px 0px; position: relative; width: 972px; /*&:hover .tag{ @include generic-sprite(tag_68x23-over); } */ }
#newsIndexContainer .headlineContainer .thumb { float: left; margin-right: 15px; margin-bottom: 5px; }
#newsIndexContainer .headlineContainer.main .text { float: left; width: 295px; }
#newsIndexContainer .headlineContainer .text { float: left; width: 455px; }
#newsIndexContainer .headlineContainer .news { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; margin: 7px 0; }
#newsIndexContainer .headlineContainer .news a { text-decoration: none; color: #000; }
#newsIndexContainer .headlineContainer .author { color: #505050; margin-bottom: 10px; }
#newsIndexContainer .headlineContainer .morelink a { text-decoration: none; color: #0091D2; }
#newsIndexContainer .headlineContainer .tag { float: left; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; position: relative; top: 11px; width: 64px !important; height: 23px; line-height: 23px; margin: 0 10px 10px -33px; font-size: 16px; text-transform: uppercase; color: #FFFFFF; padding-left: 4px; }
#newsIndexContainer .headlineContainer .tag a { color: #FFFFFF; display: block; }
#newsIndexContainer .headlineContainer .text { position: absolute; right: 0px; top: 32px; width: 150px; height: 46px; color: #000000; font-size: 16px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#newsIndexContainer .headlineContainer .abstract { overflow: hidden; *zoom: 1; margin: 10px 0 0 0; }
#newsIndexContainer .loadMoreNews { float: left; clear: left; background: #0091D2; color: #FFFFFF; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; position: relative; margin-top: 9px; padding: 7px; width: 98%; cursor: pointer; text-align: center; text-transform: uppercase; font-size: 1.5em; }
#newsIndexContainer .moreNews { float: left; display: none; }
#newsIndexContainer #galleries { float: left; width: 972px; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #A7A7A7; }
#newsIndexContainer #galleries #top { float: left; position: relative; width: 972px; height: 24px; margin-bottom: 10px; }
#newsIndexContainer #galleries #top .header { float: left; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 25px; line-height: 24px; color: #0091D2; }
#newsIndexContainer #galleries #top .link { position: absolute; right: 0px; bottom: 2px; }
#newsIndexContainer #galleries #top .link a { text-decoration: none; color: #0091D2; }
#newsIndexContainer #galleries .item { float: left; position: relative; width: 146px; height: 141px; margin-right: 9px; cursor: pointer; text-decoration: none; }
#newsIndexContainer #galleries .item .rollover { position: absolute; top: 0px; left: 0px; width: 146px; height: 97px; display: none; }
#newsIndexContainer #galleries .item:hover .rollover { display: block; }
#newsIndexContainer #galleries .item.second { margin-right: 8px; }
#newsIndexContainer #galleries .item.last { margin-right: 0px; }
#newsIndexContainer #galleries .item img { float: left; width: 146px; height: 97px; }
#newsIndexContainer #galleries .item .caption { float: left; width: 132px !important; height: 30px !important; padding: 7px; font-size: .9em; background: #3C3C3C; color: #FFFFFF; }
#newsIndexContainer #interviews { float: left; width: 972px; margin-top: 10px; }
#newsIndexContainer #interviews #top { float: left; position: relative; width: 972px; height: 24px; margin-bottom: 10px; }
#newsIndexContainer #interviews #top .header { float: left; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 25px; line-height: 24px; color: #0091D2; }
#newsIndexContainer #interviews #top .link { position: absolute; right: 0px; bottom: 2px; }
#newsIndexContainer #interviews #top .link a { text-decoration: none; color: #0091D2; }
#newsIndexContainer #interviews .item { float: left; width: 972px; margin-bottom: 5px; }
#newsIndexContainer #interviews .item .icon { float: left; width: 38px; height: 20px; margin-right: 5px; }
#newsIndexContainer #interviews .item .text { float: left; width: 567px; }
#newsIndexContainer #interviews .item a { text-decoration: none; color: #3C3C3C; }
#newsFooterPromos { margin-left: -30px !important; }
/** news day navigators **/
#day_nav { position: absolute; background: #e1e1e1; width: 972px; height: 54px; }
#day_nav ul { float: left; background: #868686; width: 972px; height: 31px; margin: 0px; padding: 0px; list-style-type: none; }
#day_nav li { float: left; margin: 0px; padding: 0px; height: 31px; line-height: 31px; font-size: 21px; color: #999999; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#day_nav li a { display: block; width: 22px; height: 31px; line-height: 31px; text-align: center; color: #FFFFFF; text-decoration: none; }
#day_nav li a:hover { color: #1A1A1A; background: #FFC20E; }
#day_nav li.pre a, #day_nav li.post a { display: block; width: 82px; }
#day_nav li.days { display: block; width: 64px; color: #FFC20E; text-transform: uppercase; text-align: center; font-size: 20px; background: #626262; }
#day_nav li.pre { width: 82px; text-align: center; margin: 0px; }
#day_nav li.day1, #day_nav li.day2, #day_nav li.day3, #day_nav li.day4, #day_nav li.day5, #day_nav li.day6 { width: 23px; text-align: center; margin: 0px; }
#day_nav li.day7, #day_nav li.day8, #day_nav li.day9 { width: 25px; text-align: center; margin: 0px; }
#day_nav li.day10, #day_nav li.day11, #day_nav li.day12, #day_nav li.day13, #day_nav li.day14, #day_nav li.day15 { width: 27px; text-align: center; margin: 0px; }
#day_nav li.post { float: right; width: 82px; text-align: center; margin: 0px; }
#day_nav .date { position: absolute; color: #000000; overflow: hidden; font-size: 12px; line-height: 23px; top: 31px; font-family: Helvetica, Arial, sans-serif; }
#day_nav .date { display: none; }
#day_nav li a:hover, #day_nav li.current a { color: #1A1A1A; background: #e1e1e1; }
#day_nav li a:hover .date, #day_nav li.current .date { display: block; }
/*#day_nav li.over .date{display:block;}*/
/* end day navigators */
/* video player */
#inlineVideo { float: left; width: 640px; height: 360px; margin: 0 0 15px 0; }
/*end video player */
/* article index page */
#articlesIndexDayNav { float: left; width: 972px; height: 54px; overflow: hidden; z-index: 50; margin: 20px 0px; }
#newsIndexContainer.articles .headlineContainer { clear: left; float: left; padding: 8px 0px; width: 972px; border-bottom: solid 1px #B0E0EE; }
/**** article detail page ****/
#articleInfo { float: left; width: 972px; margin: 25px 0 5px 0; }
#articleInfo p { line-height: 1.5em; font-size: 1.2em; }
.article-header { font-family: 'yanone_kaffeesatz_lightRg', Helvetica, Arial, sans-serif; font-weight: normal; }
.article-header h1 { font-size: 50px; margin-bottom: 20px; }
.article-header h2 { font-size: 22px; margin-bottom: 15px; color: #4c4c4c; font-weight: normal; }
#subContent.article { font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; /* prev-next content */ }
#subContent.article .article-info { padding: 20px 0 25px 0px; font-size: 18px; color: #808080; border-top: 1px solid #e6e6e6; width: 650px; }
#subContent.article .article-info .social-share { float: right; width: 110px; height: 30px; }
#subContent.article .article-info .social-share .icon { float: left; width: 30px; height: 30px; cursor: pointer; }
#subContent.article .article-info .social-share .icon.facebook { background: url(/images/misc/article_facebook_share.png) no-repeat top left; margin-right: 10px; }
#subContent.article .article-info .social-share .icon.twitter { background: url(/images/misc/article_twitter_share.png) no-repeat top left; margin-right: 10px; }
#subContent.article .article-info .social-share .icon.google-plus { background: url(/images/misc/article_google_plus_share.png) no-repeat top left; }
#subContent.article img.lead-image-video { width: 640px; height: 360px; border: none; }
#subContent.article img.lead-image { width: 650px; height: 413px; border: none; }
#subContent.article .article-copy { width: 650px; }
#subContent.article .article-copy p, #subContent.article .article-copy ul { line-height: 1.5em; font-size: 1.2em; font-size: 25px; color: #4c4c4c; }
#subContent.article .article-copy.matchReports { float: none; clear: right; }
#subContent.article .article-copy .inline-gallery { width: 602px; height: 130px; background: #f2f2f2; padding: 10px 12px 10px 11px; position: relative; float: right; margin-right: -320px; margin-left: 20px; }
#subContent.article .article-copy .inline-gallery ul { list-style: none; margin: 0; padding: 0; z-index: 11; position: relative; }
#subContent.article .article-copy .inline-gallery ul li { float: left; padding-left: 10px; }
#subContent.article .article-copy .inline-gallery ul li:first-child { padding-left: 0; }
#subContent.article .article-copy .inline-gallery ul li img { width: 194px; height: 130px; }
#subContent.article .article-copy .inline-gallery .view-gallery { z-index: 12; position: absolute; top: 26px; right: 27px; height: 41px; width: 37px; background: url(/images/misc/article_gallery_view.png) no-repeat top left; }
#subContent.article .article-copy .inline-content-link { float: right; margin-right: -160px; margin-left: 20px; width: 319px; height: 250px; }
#subContent.article .article-copy .inline-content-link .inline-wrap { position: relative; width: 100%; height: 100%; }
#subContent.article .article-copy .inline-content-link .inline-wrap:before { content: " "; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0))); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); }
#subContent.article .article-copy .inline-content-link .inline-wrap img { z-index: 11; width: 100%; height: 100%; }
#subContent.article .article-copy .inline-content-link .inline-wrap .header-overlay { z-index: 12; position: absolute; bottom: 10px; left: 10px; width: 299px; }
#subContent.article .article-copy .inline-content-link .inline-wrap .header-overlay h5 { text-transform: uppercase; font-size: 15px; color: #bfbfbf; margin: 0; padding: 0; }
#subContent.article .article-copy .inline-content-link .inline-wrap .header-overlay h4 { color: #ffffff; font-size: 35px; margin: 0; padding: 0; }
#subContent.article .content-wrap { position: relative; width: 640px; height: 360px; cursor: pointer; /* endscreen/playlist styles */ /* this is just a breakpoint that suits the content; adjust to suit */ }
#subContent.article .content-wrap:before { content: " "; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0))); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); }
#subContent.article .content-wrap img { display: block; }
#subContent.article .content-wrap .icon { position: absolute; right: 12px; top: 12px; font-weight: bold; color: #FFFFFF; font-size: 2.8em; }
#subContent.article .content-wrap .info { position: absolute; bottom: 0; left: 0; width: 100%; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; }
#subContent.article .content-wrap .info h3 { margin: 0 10px; text-transform: uppercase; color: #009BDF; font-size: 16px; }
#subContent.article .content-wrap .info h2 { margin: 0 10px; color: #FFFFFF; font-size: 28px; padding-bottom: 20px; }
#subContent.article .content-wrap .play-btn { position: absolute; top: 115px; left: 261px; width: 88px; height: 88px; background: url("/images/misc/play.png") no-repeat; }
#subContent.article .content-wrap .video-container { background-color: #000000; max-width: 640px; width: 100%; height: 100%; display: block; position: relative; margin: 0 auto; background-size: cover; }
#subContent.article .content-wrap .video-container .video-js { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; }
#subContent.article .content-wrap .video-container .player-msg { display: none; color: #FFFFFF; margin: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; }
#subContent.article .content-wrap .video-container .video-js { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; }
#subContent.article .content-wrap .vjs-endscreen { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #646464; /* IE8 fallback */ background-color: rgba(0, 0, 0, 0.9); color: #fff; text-align: center; font-size: 1.3em; line-height: 1.4; }
#subContent.article .content-wrap .vjs-endscreen a { text-decoration: none; display: block; }
#subContent.article .content-wrap .vjs-endscreen .vjs-endscreen-replay { font-size: 2em; margin-top: 0.8em; }
#subContent.article .content-wrap .vjs-endscreen p, #subContent.article .content-wrap .vjs-endscreen div { margin: 1em 2em 0; }
#subContent.article .content-wrap .vjs-endscreen-next { border-top: 1px solid #999; }
#subContent.article .content-wrap .vjs-endscreen-next ul { list-style: none; margin: 0; padding: 0; /* this is a really simplistic way to extend off screen */ width: 400%; }
#subContent.article .content-wrap .vjs-endscreen-next li { float: left; /* these %s are 20/2.5 divided by 4 to match the 400% above */ width: 5%; margin: 0.625%; }
#subContent.article .content-wrap .vjs-endscreen-next img { display: block; max-width: 100%; margin: 0 auto 0.3em; }
#subContent.article .content-wrap .vjs-endscreen-next a { font-size: 0.9em; }
#subContent.article .content-wrap .video-js.vjs-ima3-flash.ima3-loading-spinner .vjs-tech { -webkit-transition: opacity 0s; transition: opacity 0s; }
#subContent.article .content-wrap .vjs-has-started.ima3-loading-spinner.vjs-ad-loading .vjs-loading-spinner, #subContent.article .content-wrap .vjs-has-started.ima3-loading-spinner.vjs-ad-loading .vjs-poster, #subContent.article .content-wrap .vjs-has-started.ima3-loading-spinner.vjs-ima3-loading .vjs-loading-spinner, #subContent.article .content-wrap .vjs-has-started.ima3-loading-spinner.vjs-ima3-loading .vjs-poster { display: block; }
@media (max-width: 640px) { #subContent.article .content-wrap .vjs-endscreen { overflow: scroll; }
#subContent.article .content-wrap .vjs-endscreen .vjs-endscreen-replay { font-size: 1.4em; } }
#subContent.article #nextprev { display: table; height: 100%; width: 100%; margin: 20px 0; padding: 30px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
#subContent.article #nextprev a[class*='link-'] { display: table-cell; width: 50% !important; height: 100%; vertical-align: middle; padding-right: 10px; }
#subContent.article #nextprev a.link-next { text-align: right; padding-right: 0px; padding-left: 10px; }
#subContent.article #nextprev a[class*='link-'] div[class*='icon-arrow'] { display: inline-block; width: 50px; height: 40px; vertical-align: middle; }
#subContent.article #nextprev a[class*='link-'] div[class*='icon-arrow']:before { font-size: 25px; line-height: 40px; width: 40px; height: 40px; text-align: center; border-radius: 50%; background: #e6e6e6; color: #fff; display: inline-block; }
#subContent.article #nextprev a[class*='link-'] .text { color: #666666; display: inline-block; width: calc(100% - 55px); font-size: 20px; vertical-align: middle; }
#subContent.article #nextprev a[class*='link-'] .text .type { color: #808080; font-size: 15px; text-transform: uppercase; }
#subContent.article #nextprev a[class*='link-']:hover .text, #subContent.article #nextprev a[class*='link-']:hover .text .type { color: #0091D2; }
#subContent.article #nextprev a[class*='link-']:hover div[class*='icon-arrow']:before { background: #0091D2; }
.topimagematchpreview { float: left; display: block; position: relative; border: 0; width: 944px; margin: 0 0 20px -30px !important; }
.topimage { display: block; position: relative; border: 0; width: 996px; height: 666px; margin: 0 0 20px -30px; }
.topimage.matchpreview { width: 944px !important; margin: 0 0 20px -4px !important; }
.topimage.video .photo { float: left; display: block; width: 996px; height: 666px; background-color: #cccccc; position: relative; }
.topimage.video .photo .caption { position: absolute; bottom: 0px; left: 0px; width: 996px; height: 92px; background-color: transparent; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom: 1; cursor: pointer; }
.topimage.video .photo .caption .playbutton { position: absolute; top: 24px; left: 30px; width: 44px; height: 44px; background: url("/images/misc/play_button.png") no-repeat; }
.topimage.video .photo .caption .text { position: absolute; top: 10px; right: 30px; width: 873px; height: 72px; line-height: 72px; font-size: 27px; color: #FFFFFF; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
.topimage.video #inlineVideoContainer { position: absolute; top: 0px; left: 0px; display: none; width: 996px; height: 560px !important; padding: 53px 0px; background-color: transparent; background-color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); zoom: 1; }
.topimage.video #inlineVideoContainer .close { position: absolute; top: 10px; right: 10px; color: #FFFFFF; font-size: 20px; cursor: pointer; }
.topimage.video #inlineVideo { width: 996px; height: 560px; margin: 0; }
.topimage.video #adContainer { width: 640px; height: 356px; }
.actions { float: left; width: 600px !important; height: 35px; background-color: #F6F6F6; padding-left: 10px; margin: 10px 0px; }
#shareBox .share { margin: 6px 0 5px 10px; float: left; }
.articleGallery { clear: right; float: right; width: 555px; margin: 15px 0 15px 15px; background-color: #E1E1E1; padding: 10px 10px 0 5px; }
.articleGallery > img { float: left; width: 180px; height: auto; margin-left: 5px; }
.articleGallery .bar { clear: left; float: left; width: 560px; height: 35px; margin: 1px 0 0 1px; background-color: #E1E1E1; }
.articleGallery .bar a { float: right; }
.articleTweet { width: 650px; }
.articleTweet .twitter-tweet { margin-left: auto !important; margin-right: auto !important; margin-bottom: 30px !important; }
.articleAudioboom { width: 650px; }
.articleAudioboom > div { margin-left: auto !important; margin-right: auto !important; margin-bottom: 30px !important; }
.gallerySpacer { width: 1px; height: 1020px; float: right; display: inline; position: relative; clear: both; }
.articleGalleryContainer { clear: right; float: right; padding: 0px; display: block; position: relative; width: 263px; }
.imageCaption { width: 243px; padding: 10px; background: #ECECEC; color: #666666; }
.imageCaptionHoriz { width: 626px; padding: 10px; background: #ECECEC; color: #666666; }
.credit { font-weight: bold; }
.videoContainer { display: none; width: 972px; height: 344px; background: #000000; position: relative; }
#subContent.article .topimage { float: left; }
.ipad #articleInfo { float: left; width: 972px; height: 165px; margin: 25px 0 5px 0; }
.ipad #articleInfo p { line-height: 1.5em; font-size: 1.2em; }
.ipad .topimage { margin-left: 0px; width: 610px !important; height: auto !important; }
.ipad .topimage.video .photo { float: left; display: block; width: 610px !important; height: 343px !important; background-color: #cccccc; }
.ipad .topimage.video .photo .caption { position: absolute; bottom: 0px; left: 0px; width: 610px; height: 92px; background-color: transparent; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom: 1; cursor: pointer; }
.ipad .topimage.video .photo .caption .playbutton { position: absolute; top: 24px; left: 30px; width: 44px; height: 44px; background: url("/images/misc/play_button.png") no-repeat; }
.ipad .topimage.video .photo .caption .text { position: absolute; top: 10px; right: 30px; width: 473px; height: 72px; line-height: 72px; font-size: 27px; color: #FFFFFF; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
.ipad .topimage.video #inlineVideoContainer { position: absolute; top: 195px; left: 0px; display: none; width: 610px; height: 343px !important; padding: 0px 0px; background-color: transparent; background-color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); zoom: 1; }
.ipad .topimage.video #inlineVideoContainer .close { position: absolute; top: 10px; right: 10px; color: #FFFFFF; font-size: 20px; cursor: pointer; }
.ipad .topimage.video #inlineVideo { width: 610px; height: 343px; margin: 0; }
.ipad .topimage.video #adContainer { position: absolute; top: 0; left: 0; width: 610px; height: 343px; }
.ipad #articleText { width: 610px !important; height: auto !important; }
/**** match reports ****/
#articleText.matchReports { float: none; clear: right; }
.graphSpacer { width: 1px; height: 500px; float: left; display: inline; position: relative; clear: both; }
.reportGraphs { float: left; width: 650px; margin-bottom: 30px; margin-top: 30px; }
.reportGraphs .legend { float: left; width: 100%; font-size: 1.2em; }
.reportGraphs .legend .name { float: left; width: 50%; text-align: center; line-height: 15px; }
.reportGraphs .legend .name .color { display: inline-block; width: 15px; height: 15px; margin-right: 6px; }
.reportGraphs .legend .name .color.p1 { background-color: #5CCB27; }
.reportGraphs .legend .name .color.p2 { background-color: #FE9A1F; }
.reportGraphs .title { float: left; width: 100%; text-align: center; font-size: 36px; color: #808080; text-transform: uppercase; font-family: 'yanone_kaffeesatz_lightRg', Helvetica, Arial, sans-serif; margin: 23px 0; }
.reportGraphs .datarow { display: table; position: relative; margin: 7px auto; height: 20px; line-height: 20px; font-size: 1.1em; text-align: center; }
.reportGraphs .datarow .datacell { display: table-cell; height: 20px; }
.reportGraphs .datarow .datacell.p1 { text-align: right; }
.reportGraphs .datarow .datacell.p1 .bar { background-color: #5CCB27; }
.reportGraphs .datarow .datacell.p1 .value { text-align: right; padding-right: 10px; }
.reportGraphs .datarow .datacell.p2 { text-align: left; }
.reportGraphs .datarow .datacell.p2 .bar { background-color: #FE9A1F; }
.reportGraphs .datarow .datacell.p2 .value { text-align: left; padding-left: 10px; }
.reportGraphs .datarow .value { display: inline-block; vertical-align: top; }
.reportGraphs .datarow .bar { display: inline-block; height: 20px; }
.reportGraphs .datarow .label { display: inline-block; text-transform: uppercase; text-align: center; padding: 0px 4px; vertical-align: top; }
.reportGraphs .datarow.donut .label { width: 300px; position: relative; text-align: center; float: left; padding: 0; margin-left: 0px; margin-top: -100px; float: none; }
.reportGraphs .datarow.donut .legend { font-size: 0.9em; }
.reportGraphs .datarow.donut .legend .name .color { width: 12px; height: 12px; }
.reportGraphs #winners.datarow .datacell { width: 265px; }
.reportGraphs #winners.datarow .label { /*width: 80px;*/ }
.reportGraphs #net_approaches.datarow .datacell { width: 235px; }
.reportGraphs #net_approaches.datarow .label { /*width: 140px;*/ }
.reportGraphs #double_faults.datarow .datacell { width: 240px; }
.reportGraphs #double_faults.datarow .label { /*width: 130px;*/ }
.reportGraphs #unforced_errors.datarow .datacell { width: 228px; }
.reportGraphs #unforced_errors.datarow .label { /*width: 154px;*/ }
/**** pre-match analysis ****/
#prematchDayNav { float: left; width: 972px; height: 54px; overflow: hidden; z-index: 50; margin: 20px 0px; }
.contentBorder { float: left; width: 608px !important; border: 1px solid #0B5272; }
#prematchHeader { float: left; width: 608px; height: 30px; line-height: 30px; border-bottom: 1px solid #0B5272; text-align: center; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 22px; color: #0091D2; }
.prematchBlankRow { float: left; width: 608px; min-height: 10px; border-bottom: 1px solid #0B5272; }
#playerPics { float: left; width: 608px; width: 416px !important; padding: 15px 96px; border-bottom: 1px solid #0B5272; }
.player { float: left; width: 160px; }
/* bit of a hack for short player names wrapping in the image margins */
.playerPrematch { float: left; width: 156px; }
.vsImg { float: left; width: 96px; padding-top: 50px; text-align: center; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 30px; color: #0091D2; }
.prematchSectionHead { float: left; width: 608px; height: 18px; line-height: 17px; background: #006699; color: #FFFFFF; font-size: 1.2em; font-weight: bold; font-style: italic; text-align: center; }
.prematchRow { float: left; width: 608px; margin: 0px; padding: 0px; }
.prematchLeft { width: 289px !important; border-collapse: collapse; border-right: 1px solid #0B5272; padding: 12px 7px; }
.prematchRight { width: 290px !important; padding: 12px 7px; }
#prematchNav { float: left; width: 384px !important; height: 30px; height: 10px !important; padding: 10px 112px; }
.prematchBack { float: right; width: 972px; margin: 10px 0px; text-align: right; }
.pullquote { /*width:260px;*/ margin: 10px; font-weight: bold; font-size: 1.5em; display: inline; }
#bios { clear: left; margin-top: 5px; }
/* video live page */
#videoContainer { float: left; position: relative; padding: 7px; background: url(/images/misc/aus_tv_bg_gradient.png) repeat-x top center #0096d9; margin-left: -5px; }
#liveContainer { width: 608px; height: 342px; border: 1px solid #FFFFFF; margin-top: 7px; }
#liveSchedule { width: 972px; height: 344px; margin-top: 9px; }
#aotvVault { width: 302px; height: 95px; float: left; display: inline; margin: 10px 5px 0 0; background: #FFFFFF; }
#aotvVod { width: 302px; height: 95px; float: left; display: inline; margin-top: 10px; background: #FFFFFF; }
/*#liveSchedule #video_schedule .right {width: 590px; }*/
#vodSponsorBanner { display: block; border-bottom: solid 21px #083C25; }
#vodContainer { width: 640px !important; height: 360px; border: 1px solid #FFFFFF; margin: 10px 4px 6px 0; float: left; }
#vodRail { float: right; display: inline; margin: 10px 0 6px 0; width: 300px; }
#vodRail #aotvVault { width: 146px; height: 105px; margin: 0; }
#vodRail #aotvLive { width: 148px; height: 105px; float: left; margin: 0 6px 0 0; background: #FFFFFF; }
#vodRail #aotvRailAd { width: 300px; height: 250px; float: left; margin-top: 7px; background: #FFFFFF; }
#vodRail #aotvRailAd .label { float: left; width: 100%; text-align: right; color: black; font-size: .7em; text-transform: uppercase; height: 18px; line-height: 22px; }
#vodVideoList { clear: both; width: 952px; height: 387px; background: #FFFFFF; }
#vodBottomAdContainer { width: 925px; height: 90px; padding: 0 13px; margin-top: 20px; }
#vodBottomAdContainer #bannerAd { width: 728px; height: 90px; margin-right: 10px; float: left; }
#aotvRadio { width: 187px; height: 90px; float: left; }
/* event guide landing page */
#eventGuide { float: left; width: 972px; }
#eventGuide .top { float: left; width: 608px; margin: 0px 1px; }
#eventGuide .row { float: left; width: 972px; background: #E9E9E9; margin-top: 15px; }
#eventGuide .row .item { float: left; width: 174px !important; min-height: 234px; height: auto !important; height: 234px; border-right: 1px solid #BFBFBF; padding: 13px 15px 13px 14px; }
#eventGuide .row .item.last { width: 174px !important; border-right: 0px; padding: 13px 14px; }
#eventGuide .row .item .text { float: left; width: 174px; margin-top: 8px; color: #0091D2; line-height: 17px; }
#eventGuide .row .item .text a { color: #0091D2; text-decoration: none; }
#eventGuide .row .item .text a:hover { text-decoration: underline; }
/* event guide landing page */
#fanCentre { float: left; width: 972px; }
#fanCentre .row { float: left; width: 972px; background: #E9E9E9; margin-top: 15px; }
#fanCentre .row .item { float: left; width: 174px !important; border-right: 1px solid #BFBFBF; padding: 13px 15px 13px 14px; }
#fanCentre .row .item.wide { width: 378px !important; padding: 13px 14px; }
#fanCentre .row .item.half { width: 276px !important; padding: 13px 14px; }
#fanCentre .row .item.full { width: 580px !important; padding: 13px 14px; border-right: none; }
#fanCentre .row .item.last { width: 174px !important; border-right: 0px; padding: 13px 14px; }
#fanCentre .row .item .text { float: left; width: 100%; margin-top: 8px; line-height: 17px; }
#fanCentre .row .item .text a { color: #0091D2; text-decoration: none; }
#fanCentre .row .item .text a:hover { text-decoration: underline; }
#fanCentre .row .item .text p { margin: 10px 0px; }
#fanCentre .row .item .text b { color: #0091D2; }
#fanCentre .row .item .text .left { float: left; width: 179px; margin-right: 20px; }
#fanCentre .row .item .text .right { float: right; width: 179px; }
/* site map */
#sitemap_row1 { float: left; width: 590px !important; padding: 10px; background: url("/images/misc/ao_ms_0000gab.gif") bottom repeat-x; text-align: center; margin-bottom: 10px; }
#sitemap_row2 { float: left; width: 590px !important; padding: 10px; background: url("/images/misc/ao_ms_0000gae.gif") bottom repeat-x; text-align: center; margin-bottom: 10px; }
#sitemap_row2 .col1, #sitemap_row2 .col2 { float: left; width: 149px; }
#sitemap_row2 .col3 { float: left; width: 154px; }
#sitemap_row2 .col4 { float: left; width: 138px; }
#sitemap_row3, #sitemap_row4, #sitemap_row5 { float: left; width: 590px !important; padding: 10px; background: url("/images/misc/ao_ms_0000gak.gif") bottom repeat-x; text-align: center; margin-bottom: 10px; }
#sitemap_row3 .col1, #sitemap_row4 .col1 { float: left; width: 197px; }
#sitemap_row3 .col2, #sitemap_row4 .col2 { float: left; width: 196px; }
#sitemap_row3 .col3, #sitemap_row4 .col3 { float: left; width: 197px; }
#sitemap_row6 { float: left; width: 590px !important; padding: 10px; background: url("/images/misc/ao_ms_0000gan.gif") bottom repeat-x; text-align: center; margin-bottom: 10px; }
/* links page */
#gslinks_top { float: left; width: 590px !important; padding: 10px; background: url("/images/misc/ao_ms_0000gbb.gif") bottom repeat-x; margin-bottom: 20px; }
#gslinks_top .row1, #gslinks_top .row2 { float: left; width: 312px; margin: 0px 139px; }
#gslinks_top .row1 a, #gslinks_top .row2 a { float: left; display: block; width: 84px; height: 84px; margin: 10px; }
#gslinks_top .row3 { float: left; width: 208px; margin: 0px 191px; }
#gslinks_top .row3 a { float: left; display: block; width: 84px; height: 84px; margin: 10px; }
#gslinks_bottom { float: left; width: 490px !important; padding: 10px 60px; background: url("/images/misc/ao_ms_0000gbe.gif") top repeat-x; }
/* rss page */
.dkBlueBgWhiteText { background-color: #006699; color: #FFFFFF; font-weight: bold; }
.ltBlueBg { background-color: #BAE6F8; }
/** end sublevel page content styles **/
/** footer sponsor bar **/
#footerSponsors { float: left; width: 100%; height: 114px !important; margin: 0px auto; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
#footerSponsors a { text-decoration: none; }
#footerSponsors .content { width: 1020px; height: 100px !important; padding-top: 14px; background: #FFFFFF; margin: 0px auto; }
#footerSponsors .link { float: left; text-align: left; width: 140px; margin: 8px 0px 0px 27px; }
#footerSponsors .link .text { float: left; width: 99px; color: #0096D9; font-size: 22px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; text-transform: uppercase; border-bottom: 1px solid #ADADAD; margin-bottom: 3px; }
#footerSponsors .link a { float: left; width: 99px; font-size: 14px; color: #575757; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; text-transform: uppercase; }
#footerSponsors .header { float: left; height: 12px; font-size: 12px; color: #1197C2; font-family: 'yanone_kaffeesatz_boldregular', Helvetica, Arial, sans-serif; text-transform: uppercase; overflow: hidden; }
#footerSponsors .divider { float: left; background: url("/images/nav/aus_footer_sprite.png") no-repeat -155px 0px; width: 2px; height: 78px; margin-right: 7px; }
#footerSponsors .sponsors { float: left; text-align: left; width: 181px; }
#footerSponsors .associate { float: left; text-align: left; width: 452px; }
#footerSponsors .technology { float: left; text-align: left; width: 142px; }
#footerSponsors .logos { clear: left; float: left; width: 100%; }
#footerSponsors .logos a { float: left; display: block; background-image: url("/images/nav/aus_footer_sprite.png"); background-repeat: no-repeat; }
#footerSponsors #kia { background-position: -2px -22px; width: 114px; height: 59px; margin: 10px 45px 0px 31px; }
#footerSponsors #anz { background-position: -205px -33px; width: 77px; height: 34px; margin: 21px 45px 0px 101px; }
#footerSponsors #jacobscreek { background-position: -339px -7px; width: 146px; height: 60px; margin: -3px 38px 0px 0px; }
#footerSponsors #rolex { background-position: -512px -26px; width: 68px; height: 37px; margin: 14px 0px 0px 0px; }
#footerSponsors #ibm { background-position: -665px -36px; width: 58px; height: 24px; margin: 20px 0px 0px 40px; }
/** end footer sponsor bar **/
/** footer social icons **/
#footerSocial { float: left; width: 1020px; height: 116px; background: #1197C2; color: #FFFFFF; text-align: center; }
#footerSocial #text { float: left; width: 100%; height: 73px; font-size: 46px; line-height: 73px; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; }
#footerSocial #icons { float: left; width: 100%; height: 43px; }
#footerSocial #icons a { display: inline-block; height: 26px; color: #FFFFFF; text-decoration: none; background: url("/images/nav/aus_footer_sprite.png") no-repeat; }
#footerSocial #icons #facebook { width: 91px; background-position: -2px -94px; margin-right: 15px; }
#footerSocial #icons #twitter { width: 73px; background-position: -108px -94px; margin-right: 15px; }
#footerSocial #icons #instagram { width: 93px; background-position: -196px -94px; margin-right: 15px; }
#footerSocial #icons #youtube { width: 83px; background-position: -304px -94px; margin-right: 15px; }
#footerSocial #icons #aodaily { width: 86px; background-position: -402px -94px; }
/** end footer social icons **/
/** footer ad/newsletter **/
#footerAd { float: left; width: 100%; margin: 0px auto; background: #FFFFFF; }
#footerAd .adContent { width: 100%; }
/**** == Newsletter Sign Up === ***/
.newsletter { position: relative; margin: 20px auto 10px auto; overflow: hidden; *zoom: 1; }
.newsletter #newsletterBox { position: relative; }
.newsletter #newsletterBox h3 { margin: 0; padding: 0; font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 18px; color: #0592CC; }
.newsletter #newsletterBox .title { font-family: 'yanone_kaffeesatz_regularRg', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: bold; }
.newsletter #newsletterBox .content { margin: 0; padding: 10px; background: #FFFFFF; font-family: 'yanone_kaffeesatz_lightRg', Helvetica, Arial, sans-serif; font-size: 25px; }
.newsletter #newsletterBox .emailContainer { background: #e6e6e6; height: auto; width: 650px; }
.newsletter #newsletterBox .emailContent { padding: 20px 10px 0 10px; width: 650px; margin: 0 auto; }
/** end footer ad/newsletter **/
/** footer **/
#pageFooter { float: left; position: relative; width: 100%; height: 90px; line-height: 1.3em; background: #FFFFFF; margin: 0px auto 20px auto; }
#pageFooter .content { width: 1020px; height: 100px !important; padding-top: 14px; background: #FFFFFF; margin: 0px auto; }
#pageFooter .footerLogos { float: left; width: 289px; margin-left: 27px; }
#pageFooter .footerLogos a { float: left; display: block; text-decoration: none; background: url("/images/nav/aus_footer_sprite.png") no-repeat; }
#pageFooter .footerLogos .divider { float: left; width: 1px; height: 32px; background: #ADADAD; margin: 29px 0px 0px 0px; }
#pageFooter .footerLogos #tennisaustralia { background-position: -507px -88px; width: 76px; height: 47px; margin: 16px 22px 0 0; }
#pageFooter .footerLogos #melbourne { background-position: -611px -103px; width: 110px; height: 62px; margin: 23px 24px 0 22px; }
#pageFooter .footerText { float: left; width: 680px; text-align: left; margin: 27px 0px 0px 0px; font-size: 0.9em; color: #575757; line-height: 17px; }
#pageFooter .footerText a { font-size: 1em; color: #575757; margin: 0px 5px; text-transform: uppercase; }
#pageFooter .footerText a:hover { color: #0091D2; }
#pageFooter .footerText a.first { margin-left: 0px; }
/** end footer **/
/** video player(s) styles **/
#lightIntro, #light, #fade { display: none; }
.white_content { position: absolute; background: #000000; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; overflow: visible; text-align: left; }
#background_video { position: relative; width: 100%; height: 100%; overflow: hidden; top: 0px; left: 0px; /*z-index:8;*/ z-index: -8; text-align: left; background: #222222; }
.player_content { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; text-align: left; z-index: 11; }
#fade { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; text-align: left; background-color: #000000; opacity: .80; .filter: alpha(opacity=80); z-index: 10; }
/* 986 553, 960 540*/
#otherPlayer { width: 986px; height: 553px; margin: 70px auto 0px auto; position: relative; }
#overlayPlayer, #overlayPlayerVideo, #overlayPlayerLiveVideo, .overlayPlayerClass { margin: 0px 13px; z-index: 11; width: 960px; height: 540px; background: #000000; position: relative; }
#overlayClose { position: absolute; width: 50px; width: 27px !important; height: 50px; height: 27px !important; top: -23px; padding: 11px 0px 12px 23px; right: 0px; z-index: 12; }
#overlayPlayerVideo, #overlayPlayerLiveVideo { width: 960px; height: 540px; display: none; }
#overlayReplay { position: relative; width: 80px; height: 80px; margin: -200px auto 0px auto; padding: 0px; z-index: 12; cursor: pointer; display: none; }
/* overlay photo */
#overlayPhoto { position: relative; margin: 82px auto 0px auto; z-index: 11; display: none; }
#overlayPhoto .image { margin: 14px 0px 10px 0px; }
#overlayPhoto .caption { margin: 0px 0px 20px 0px; color: #FFFFFF; }
#overlayPhoto .credit { margin: 0px; color: #999999; text-transform: uppercase; }
#overlayPhoto .close { position: absolute; top: -14px; right: -13px; }
a.photooverlay { cursor: pointer; }
/* overlay content */
#overlayHtml { position: relative; margin: 82px auto 0px auto; z-index: 11; display: none; background: #FFFFFF; width: 808px; width: 768px !important; height: 565px; height: 525px !important; padding: 20px; }
#overlayHtml .close { position: absolute; top: -14px; right: -13px; }
#overlayHtml h2.overlaytitle { float: left; display: inline; color: #333333; font-size: 2em; font-weight: bold; margin: 0px 0px 10px 0px; width: 768px; height: 30px; overflow: hidden; }
#overlayHtml .scroll-pane { float: left; height: 485px; width: 768px; overflow: auto; }
/* overlay media wall */
#overlayMediawall { position: relative; margin: 20px auto 0px auto; z-index: 11; display: none; background: #000000; width: 660px; width: 640px !important; height: 380px; height: 360x !important; padding: 20px; }
#overlayMediawall .close { position: absolute; top: -14px; right: -13px; }
/* iPad Promo overlay */
#iPadPromo { position: relative; margin: 82px auto 0px auto; z-index: 11; display: none; width: 406px; height: 153px; padding: 0; }
#iPadPromo .close { position: absolute; top: -14px; right: -13px; }
/** generic sitewide styles **/
.graybar { float: left; width: 100%; height: 3px; background: url("/images/misc/gray_bar.gif") repeat-x; }
.roundTop_5 { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.roundBottom_5 { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.roundBottom_7 { border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; }
a.lgBlueItalicBoldLink:link, a.lgBlueItalicBoldLink:active, a.lgBlueItalicBoldLink:visited { font-size: 1em; color: #029ACD; font-weight: bold; font-style: italic; text-decoration: none; }
a.orangeLink:link, a.orangeLink:active, a.orangeLink:visited { color: #FF9900; text-decoration: none; }
a.orangeLink2:link, a.orangeLink2:active { color: #FF9900; }
a.orangeLink2:visited { color: #80C3ED; }
a.orangeLink3:link, a.orangeLink3:active { color: #FF9900; text-decoration: none; }
a.orangeLink3:visited { color: #80C3ED; text-decoration: none; }
/** end generic sitewide styles **/
/* comments container */
#comment_container { clear: both; margin-top: 10px; }
#comment_header { padding: 5px; font-size: 1.5em; margin-bottom: 15px; background: #006699; color: #FFFFFF; font-weight: bold; }
/* tournament schedule page table styles */
table.schedule-table { width: 600px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; }
.tbl-main-header, .tbl-main-col { background: #00ace6; color: #fff; font-size: 10px; text-transform: uppercase; }
.tbl-main-row { background: #99ccff; }
.tbl-qual-row { background: #EBEBEB; }
.tbl-empty-cell { background: #fff; }
/** fan centre **/
.fcdiv { width: 972px; width: 606px !important; border-bottom: 1px solid #afafaf; padding: 16px 2px 12px 2px; float: left; }
.fcdiv h2 { color: #009bde; font-size: 2em; }
.fcdiv h3 { color: #009bde; font-size: 1.5em; }
#fcsociallb img { float: left; margin-right: 30px; }
#fcpickem { float: left; width: 300px; margin-right: 20px; }
#fcpickem img { margin-top: 4px; }
#fctrivia { float: left; width: 286px; }
#fctrivia img { margin-top: 4px; }
#fckfotd img { float: right; margin-top: 7px; margin-right: 9px; }
#fcpopcorn img { float: left; margin-right: 22px; }
#fcouter { margin-top: 20px; }
#fcouter .fcblogger { float: left; width: 236px; height: 263px; }
#fcouter .fcname { font-size: 18px; color: #515151; margin-top: 5px; }
#fcouter .fcblogger a { display: block; text-decoration: none; }
#fccaptionit img { float: right; margin-top: 4px; margin-right: 9px; }
#fcpoll img { float: left; margin-right: 25px; }
#fcchangingends { border-bottom: 0px; }
#fcchangingends img { float: right; margin-left: 48px; }
#railAOTVVaultFull { float: left; width: 334px; height: 111px; margin-bottom: 6px; }
#railFacebookWidget .header { float: left; margin-left: 11px; }
#railTwitterWidget .header { float: left; margin-left: 11px; }
#railTwitterWidget .tweetBtn { float: right; width: 128px; height: 20px; margin-top: 7px; margin-right: 8px; }
#railTwitterWidget .hash { float: right; }
#railTwitterWidget .share { float: left; }
/* rail tweets styles */
#railTweets { height: 109px; height: 101px !important; margin-top: 6px !important; }
#railTweets .thumb { float: left; margin-top: 6px; }
#railTweets .tweet { float: right; width: 218px; }
/** end fan centre **/
/** styles for jScrollPane Vertical scroll bars **/
.jspContainer { position: relative; overflow: hidden; z-index: 1; outline: none; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 37px; height: 100%; background: #FFFFFF; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 13px; background: #FFFFFF; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #FFFFFF; position: relative; }
.jspDrag { background: #FFFFFF; width: 0px; height: 0px; position: relative; top: 0; left: 0; cursor: pointer; display: none; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspVerticalBar .jspArrow { background: #7f7f7f url("/images/misc/aus_sprite.png") no-repeat; text-indent: -20000px; display: block; cursor: pointer; }
.jspHorizontalBar .jspArrow { background: url("/images/misc/aus_sprite.png") no-repeat; text-indent: -20000px; display: block; cursor: pointer; }
/*.jspVerticalBar .jspArrow:hover{background:url('/images/misc/aus_sprite.png') no-repeat;}*/
/*.jspHorizontalBar .jspArrow:hover{background:url('/images/misc/aus_sprite.png') no-repeat;}*/
.jspArrowUp { background-position: -470px -127px !important; }
.jspArrowDown { background-position: -470px -166px !important; }
.jspArrowUp:hover { background-position: -509px -127px !important; }
.jspArrowDown:hover { background-position: -509px -166px !important; }
.jspArrowLeft { background-position: 0px 0px; }
.jspArrowRight { background-position: -10px 0px !important; }
.jspVerticalBar .jspArrow.jspDisabled { background: #7f7f7f url("/images/misc/aus_sprite.png") no-repeat -470px -127px; cursor: default; }
.jspHorizontalBar .jspArrow.jspDisabled { background: #7f7f7f url("/images/misc/aus_sprite.png") no-repeat -470px -166px; cursor: default; }
.jspVerticalBar .jspArrow { width: 37px; height: 36px; }
.jspHorizontalBar .jspArrow { width: 11px; float: left; height: 100%; }
.jspArrow:focus { outline: none; }
.jspCorner { background: #EEEEF4; float: left; height: 100%; }
/* === Used on iPad News Article page ===*/
#subPageContent { float: left; width: 667px; margin: 0 10px; background: #ffffff; }
/* === Article Detail - used on iPad Article ===*/
.article_date { font-size: 1.2em; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
#articleDetailContainer { float: left; width: 640px; font-size: 1.125em; color: #333; }
#articleDetailContainer p { line-height: 1.5em; }
#articleDetailContainer #inlinePhoto { float: left; width: 640px; height: 427px; margin: 0 0 20px 0; }
#articleDetailContainer #inlineVideo { float: left; width: 640px; height: 360px; margin: 0 0 15px 0; }
#articleDetailContainer h1 { font-weight: normal; font-size: 1.8em; margin-top: 10px; margin-bottom: 5px; }
#articleDetailContainer .articlePhotos { float: left; width: 140px; margin-right: 10px; }
#articleDetailContainer .articlePhotos .photoDiv { float: left; text-align: center; margin-bottom: 10px; }
#articleDetailContainer .articlePhotos img { border: solid 1px #0090FF; margin-bottom: 5px; }
#articleDetailContainer .articlePhotos .caption { width: 140px; }
#articleDetailContainer .actions { float: right; width: 65px; margin-left: 10px; text-align: center; }
#articleDetailContainer .author { margin-bottom: 20px; }
#articleDetailContainer .article_close { float: right; height: 20px; font-size: 1.4em; font-weight: bold; position: absolute; right: 10px; top: 10px; vertical-align: middle; }
#articleDetailContainer .article_close a { color: #000000; text-decoration: none; }
#articleDetailContainer .article_close img { display: inline; margin-left: 5px; vertical-align: middle; }
/* === iPad Styles === */
body.ipad { background-color: #FFFFFF; background-image: none; }
.ipad #AusOpenPage { display: inline-block; position: relative; width: 1058px; width: 1020px !important; text-align: left; overflow-x: visible; -ms-overflow-x: visible; background-image: none; margin: 10px; padding: 0px; width: auto !important; }
.ipad #AusOpenPage #contentArea { padding: 0px; width: auto !important; }
.ipad #AusOpenPage h1 { font-size: 38px; color: #0288c7; font-family: yanone_kaffeesatz_lightRg, Helvetica, Arial, sans-serif; text-transform: normal; margin-bottom: 15px; }
.ipad #subNorailContent { float: left; height: auto; padding: 10px 10px 20px 10px; background: #ffffff; min-height: 0px; width: auto; }
.ipad #subNorailContent #inlinePhoto { float: none; margin: 0px auto; }
.ipad #subNorailContent #inlineVideo { float: none; width: 640px; margin: 0px auto; }