@charset "UTF-8";
/*
@mixin rg_text { font-family: 'RG Text', Arial, Helvetica, sans-serif; }
@mixin rg_text_bold { font-family: 'RG Text Bold', Arial, Helvetica, sans-serif; }
@mixin rg_title_light { font-family: 'RG Title Light', Arial, Helvetica, sans-serif; }
@mixin rg_title { font-family: 'RG Title', Arial, Helvetica, sans-serif; }
*/
/** scores helpers **/
/*
@mixin rg_text { font-family: 'RG Text', Arial, Helvetica, sans-serif; }
@mixin rg_text_bold { font-family: 'RG Text Bold', Arial, Helvetica, sans-serif; }
@mixin rg_title_light { font-family: 'RG Title Light', Arial, Helvetica, sans-serif; }
@mixin rg_title { font-family: 'RG Title', Arial, Helvetica, sans-serif; }
*/
/** scores helpers **/
/* @license MyFonts Webfont Build ID 2291594, 2012-05-14T11:45:44-0400 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: Swiss 721 by Bitstream URL: http://www.myfonts.com/fonts/bitstream/swiss-721/swiss-721/ Licensed pageviews: unlimited Webfont: Swiss 721 Bold by Bitstream URL: http://www.myfonts.com/fonts/bitstream/swiss-721/bold/ Licensed pageviews: unspecified Webfont: Swiss 721 Bold Condensed by Bitstream URL: http://www.myfonts.com/fonts/bitstream/swiss-721/bold-condensed/ Licensed pageviews: unspecified License: http://www.myfonts.com/viewlicense?type=web&buildid=2291594 Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved. © 2012 Bitstream Inc
*/
@font-face { font-family: 'Swiss721BT-Roman'; src: url("/uso/css/fonts/22F78A_0_0.eot"); src: url("/uso/css/fonts/22F78A_0_0.eot?#iefix") format("embedded-opentype"), url("/uso/css/fonts/22F78A_0_0.woff") format("woff"), url("/uso/css/fonts/22F78A_0_0.ttf") format("truetype"); }
@font-face { font-family: 'Swiss721BT-Bold'; src: url("/uso/css/fonts/22F78A_1_0.eot"); src: url("/uso/css/fonts/22F78A_1_0.eot?#iefix") format("embedded-opentype"), url("/uso/css/fonts/22F78A_1_0.woff") format("woff"), url("/uso/css/fonts/22F78A_1_0.ttf") format("truetype"); }
@font-face { font-family: 'Swiss721BT-BoldCondensed'; src: url("/uso/css/fonts/22F78A_2_0.eot"); src: url("/uso/css/fonts/22F78A_2_0.eot?#iefix") format("embedded-opentype"), url("/uso/css/fonts/22F78A_2_0.woff") format("woff"), url("/uso/css/fonts/22F78A_2_0.ttf") format("truetype"); }
@font-face { font-family: 'Swiss721BT-RomanCondensed'; src: url("/uso/css/fonts/237F1D_0_0.eot"); src: url("/uso/css/fonts/237F1D_0_0.eot?#iefix") format("embedded-opentype"), url("/uso/css/fonts/237F1D_0_0.woff") format("woff"), url("/uso/css/fonts/237F1D_0_0.ttf") format("truetype"); }
.swiss-roman { font-family: "Swiss721BT-Roman", Arial, Helvetica, sans-serif; }
.swiss-roman-condensed { font-family: 'Swiss721BT-BoldCondensed'; }
/* .swiss-roman-condensed{@include swiss_font(condensed);} */
.swiss-bold { font-family: "Swiss721BT-Bold", Arial, Helvetica, sans-serif; }
.swiss-bold-condensed { font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; }
@font-face { font-family: 'Helvetica Neue LT Medium'; src: url("/uso/css/fonts/helveticaneueltstd-mdcn-webfont.eot"); src: url("/uso/css/fonts/helveticaneueltstd-mdcn-webfont.eot?#iefix") format("embedded-opentype"), url("/uso/css/fonts/helveticaneueltstd-mdcn-webfont.woff") format("woff"), url("/uso/css/fonts/helveticaneueltstd-mdcn-webfont.ttf") format("truetype"), url("/uso/css/fonts/helveticaneueltstd-mdcn-webfont.svg#helveticaneueltstd-mdcn") format("svg"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Helvetica Neue LT Bold'; src: url("/uso/css/fonts/helveticaneueltstd-bdcn-webfont.eot"); src: url("/uso/css/fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix") format("embedded-opentype"), url("/uso/css/fonts/helveticaneueltstd-bdcn-webfont.woff") format("woff"), url("/uso/css/fonts/helveticaneueltstd-bdcn-webfont.ttf") format("truetype"), url("/uso/css/fonts/helveticaneueltstd-bdcn-webfont.svg#helveticaneueltstd-mdcn") format("svg"); font-weight: 500; font-style: normal; }
body { text-align: center; margin: 0px; padding: 0px; background: #004b85 url(/images/misc/uso_background.jpg) top repeat-x fixed; }
/*#pageContent{width:100%; height:100%; margin:0px; padding:0px; position:absolute; top:0px; left:0px; z-index:70; overflow-x:hidden; overflow-y:auto; -ms-overflow-x:hidden; -ms-overflow-y:auto;}*/
#USOpenPage { display: inline-block; position: relative; padding: 0px 19px; width: 1058px; width: 1020px !important; text-align: left; background: url(/images/misc/uso_ms_00000t1.png) repeat-y; overflow-x: visible; -ms-overflow-x: visible; }
/** device specific styles **/
@media handheld { /*#USOpenPage{padding:0px;}*/ }
html { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { height: 100%; width: 100%; margin: 0px; padding: 0px; overflow-x: auto; /*overflow-y:auto;*/ -ms-overflow-x: auto; -ms-overflow-y: auto; }
/* awt: changed overflow-x to auto; 8/10/15 */
/* awt: commented out overflow-y:auto on body to eliminate double vertical scroll bar. */
#leftWing { position: absolute; left: -371px; top: 0px; width: 400px; height: 320px; margin: 0px; padding: 0px; background: url(/images/misc/uso_leftwing.png) no-repeat; }
#rightWing { position: absolute; right: -371px; top: 0px; width: 400px; height: 320px; margin: 0px; padding: 0px; background: url(/images/misc/uso_rightwing.png) no-repeat; }
/** ipod specific styles **/
@media all and (max-device-width: 480px) { #leftWing, #rightWing { width: 0px; height: 0px; left: 0px; } }
/** ipad specific styles **/
@media all and (min-device-width: 481px) and (max-device-width: 1024px) { /*#USOpenPage{padding:0px;}*/
/*#leftWing{left:-400px;}*/
/*#rightWing{right:-400px;}*/
#leftWing, #rightWing { width: 0px; height: 0px; left: 0px; } }
/*only screen and (device-width:768px)*/
/************** HEADER ELEMENTS ***************/
#usoHeaderWraper { float: left; position: fixed; z-index: 1000; }
@media screen and (max-device-width: 1024px) { /* prevents the masthead disconnects when zoomed in */
#usoHeaderWraper { position: static; } }
#usoHeader { float: left; position: relative; top: 0; width: 1020px; height: 89px; margin: 0px; padding: 0px; background: url(/images/nav/uso_nv_00000g1.png) top no-repeat; }
#logoGraphic { position: absolute; top: 0px; left: 19px; width: 134px; height: 78px; margin: 0px; padding: 0px; }
#datesGraphic { position: absolute; top: 35px; left: 175px; height: 16px; margin: 0px; padding: 0px; text-transform: uppercase; color: #FFFFFF; font-size: 15px; line-height: 16px; }
#headerSearch { position: absolute; top: 10px; right: 265px; width: 160px; height: 35px; }
.homeSearch { float: left; width: 105px; padding: 10px 10px; height: 15px !important; margin-right: 0px; border: 0; font-size: .9em; line-height: 15px; color: #FFFFFF; background-color: #66ABD5; background-color: rgba(255, 255, 255, 0.4); }
.homeSearchButton { float: right; width: 35px; height: 35px; }
.homeSearchButton a { display: block; width: 35px; height: 35px; background: #0090ff url(/images/nav/uso_nv_00000g2.png) center left no-repeat; }
.homeSearchButton a:hover { background-color: #CC0000; }
#headerShare { position: absolute; top: 11px; right: 272px; width: auto; }
#headerShare .share { float: left; width: 85px; margin-left: 5px; text-align: center; }
#headerShare .btn_po { margin-left: 15px; }
#ibmRibbon { position: absolute; top: 10px; right: 22px; width: 225px; height: 35px; margin: 0px; padding: 0px; }
#topNavigation { position: absolute; bottom: 12px; right: 10px; width: 840px; height: 22px; margin: 0px; padding: 0px; z-index: 1000; background: #00264C; }
/*temporary placeholder*/
#searchUSTA { float: right; padding-right: 10px; margin-top: -115px; }
#sponsorMessageDiv { float: left; width: 990px !important; height: 32px; background: url(/images/nav/uso_nv_00000t2.gif) repeat-x; margin: 78px 10px 0 10px; padding-right: 10px; z-index: 900; display: none; }
@media screen and (max-device-width: 1024px) { /* prevents the masthead disconnects when zoomed in */
#sponsorMessageDiv { margin: -10px 10px 0px 10px; } }
#sponsorDiv { float: left; width: 1000px; height: 32px; color: #FFFFFF; line-height: 32px; text-transform: uppercase; font-size: 2em; font-family: 'Swiss721BT-BoldCondensed',Arial,Helvetica,sans-serif; }
/*#sponsorDiv.home{float:left; width:1000px; padding:10px; height:32px;}*/
#rma { float: left; width: 670px; height: 35px; }
#rmaDiv { top: 116px; overflow: hidden; visibility: visible; }
#sumScoreboard { float: left; width: 1000px; height: 100px; padding-bottom: 11px; overflow: hidden; margin: 0 10px; background: url(/images/nav/uso_nv_00000t2.gif) 0 -32px repeat-x; display: none; }
/************** END HEADER ELEMENTS **************/
#pointStreamContent { z-index: -10; }
/************** NAVIGATION **************/
#nav_top { position: absolute; width: 840px; z-index: 998; margin: 0px; padding: 0px; }
#nav_top ul { float: left; margin: 0px; padding: 0px; list-style-type: none; position: relative; }
#nav_top li { margin: 0px; padding: 0px; }
#navigation { float: left; padding: 0px; margin: 0px; position: relative; }
#navigation > li { float: left; border-right: 1px solid #0090FF; background: url(/images/misc/trans.gif) repeat; }
#navigation > li:hover { background: #0090ff url(/images/misc/trans.gif) repeat; }
#navigation li:hover, #navigation li.over { background: #0090ff url(/images/misc/trans.gif) repeat; }
#navigation li a.nav_item, #navigation li:hover a.nav_item, #navigation li.over a.nav_item { display: block; width: 100%; padding: 0px; height: 21px; line-height: 24px; font-family: 'Swiss721BT-BoldCondensed',Arial,Helvetica,sans-serif; font-size: .9em; text-align: center; text-transform: uppercase; text-decoration: none; color: #FFFFFF; }
#navigation li a.nav_item_active { display: block; width: 100%; padding: 0px; height: 21px; line-height: 24px; font-family: 'Swiss721BT-BoldCondensed',Arial,Helvetica,sans-serif; font-size: .9em; text-align: center; text-transform: uppercase; text-decoration: none; color: #FFFFFF; }
#navigation li a.nav_item:visited { color: #FFFFFF; }
#navigation li a.nav_item:hover { background: #0090FF; color: #FFFFFF; }
#navigation li a.nav_item_active { height: 21px; background: #0090FF; color: #FFFFFF; }
#navigation .menu { position: absolute; background: #FFFFFF; border: 5px solid #0090FF; margin: 0px; z-index: 10000; overflow: hidden; }
#navigation .menu.single { width: 215px; width: 163px !important; padding: 10px 21px; }
#navigation .menu.double { width: 419px; width: 367px !important; padding: 10px 21px; }
#navigation .menu.single .left { float: left; margin: 0px; width: 163px; }
#navigation .menu.double .left { float: left; margin: 0px; width: 183px; width: 163px !important; padding-right: 20px; border-right: 1px solid #CCCCCC; }
#navigation .menu .right { float: left; margin: 0px; width: 183px; width: 162px !important; padding-left: 20px; }
#navigation .menu .sub_nav_header { height: 24px; margin-bottom: 10px; color: #FFFFFF; font-size: 2em; font-weight: bold; text-transform: uppercase; }
#navigation .menu ul.sub_nav li { float: none; line-height: 16px; }
#navigation .menu ul.sub_nav li a { color: #00264C; display: block; overflow: hidden; padding: 5px; margin: 0px; text-decoration: none; border-top: 1px dotted #999999; }
#navigation .menu ul.sub_nav li:first-child a { border-top: none; }
#navigation .menu ul.sub_nav li a:visited { text-decoration: none; }
#navigation .menu ul.sub_nav li a:hover { color: #CC0000; text-decoration: none; background-color: #fff !important; }
#navigation li .menu { display: none; }
#navigation li:hover .menu, #navigation li.over .menu { display: block; }
/* Swiss721BT-RomanCondensed*/
#navigation li.nav_home a.nav_item, li.nav_home.over a.nav_item { height: 21px; }
#navigation li.nav_scores { width: 109px !important; }
#navigation li.nav_scores .menu { left: -50px; }
#navigation li.nav_draws { width: 69px !important; }
#navigation li.nav_draws .menu { left: -70px; }
#navigation li.nav_schedule { width: 79px !important; }
#navigation li.nav_schedule .menu { left: 110px; }
#navigation li.nav_players { width: 79px !important; }
#navigation li.nav_players .menu { left: 193px; }
#navigation li.nav_av { width: 110px !important; }
#navigation li.nav_av .menu { left: 290px; }
#navigation li.nav_news { width: 59px !important; }
#navigation li.nav_news .menu { right: 250px; }
#navigation li.nav_guide { width: 88px !important; }
#navigation li.nav_guide .menu { right: 75px; }
#navigation li.nav_connect { width: 79px !important; }
#navigation li.nav_connect .menu { right: 90px; }
#navigation li.nav_shop { width: 80px !important; }
#navigation li.nav_shop .menu { right: 10px; }
#navigation li.nav_tickets { width: 78px !important; border-right: 0; }
#navigation li.nav_tickets .menu { right: 0px; }
#navigation li.nav_yr_tickets { width: 98px !important; }
#navigation li.nav_yr_tickets .menu.single { left: -49px; }
#navigation li.nav_yr_tickets .menu.double { left: -160px; }
#navigation li.nav_yr_news { width: 86px !important; }
#navigation li.nav_yr_news .menu.single { left: 59px; }
#navigation li.nav_yr_news .menu.double { left: -45px; }
#navigation li.nav_yr_video { width: 130px !important; }
#navigation li.nav_yr_video .menu.single { left: 182px; }
#navigation li.nav_yr_video .menu.double { left: 77px; }
#navigation li.nav_yr_shop { width: 84px !important; }
#navigation li.nav_yr_shop .menu.single { left: 317px; }
#navigation li.nav_yr_shop .menu.double { right: 207px; }
#navigation li.nav_yr_guide { width: 108px !important; }
#navigation li.nav_yr_guide .menu.single { right: 185px; }
#navigation li.nav_yr_guide .menu.double { right: 174px; }
#navigation li.nav_yr_usoseries { width: 203px !important; }
#navigation li.nav_yr_usoseries.single { right: 185px; }
#navigation li.nav_yr_usoseries.double { right: 84px; }
#navigation li.nav_yr_scores { width: 125px !important; }
#navigation li.nav_yr_scores .menu { right: 0px; }
#navigation li:last-child { border-right: 0; }
#navigation .menu .nav_promos { float: right; margin: 0px; padding: 0px; text-align: left; }
#navigation .menu .nav_promos a { float: left; margin-left: 10px; /*border:1px solid #FFFFFF;*/ }
#navigation .width800 { width: 800px; }
#navigation .width600 { width: 600px; }
#navigation .width400 { width: 400px; }
#navigation .width200 { width: 200px; }
/*space for 4 promos*/
/*space for 3 promos*/
/*space for 2 promos*/
/*space for 1 promos*/
/************** END NAVIGATION **************/
/************** 3rd PARTY WRAPPER SPECIFIC STYLES ***************/
#wrapperContainer { float: left; width: 1000px; margin: 0 10px; background: #fff; }
#wrapperContentArea { float: left; margin: 79px 0 0 0; padding: 10px; }
#wrapperContentArea1000 { float: left; width: 980px; margin: 0px; padding: 10px 0px; }
#wrapperSponsorDiv { position: absolute; top: 78px; left: 29px; width: 1000px; padding: 0px; height: 32px; margin: 0; }
/*#wrapperSponsorDiv{float:left; width:670px; padding:0px; height:41px; background:url(/images/nav/uso_nv_00000t2.gif) repeat-x; margin:-11px 0px 0px 10px;}*/
#wrapperSubSponsor { width: 300px; height: 85px; margin: 20px 15px 0 15px; }
#wrapperRight { float: left; width: 328px !important; padding: 0px 6px 0px 2px; min-height: 500px; height: auto !important; height: 500px; margin-top: 79px; }
#wrapperMessageContainer { float: left; width: 320px !important; height: 41px; margin: 0px; padding: 0px 10px 0px 4px; }
#wrapperMessageContainerNoRail { float: right; width: 320px !important; height: 41px; margin: -11px 10px 0px 0px; padding: 0px 10px 0px 0px; }
#wrapperContentArea #subLeft { float: left; width: 640px !important; margin: 0px; padding: 0; }
#wrapperAd img { border: 0px; }
#wrapperFooter { position: relative; float: left; width: 1000px; width: 980px !important; height: 157px; padding: 10px; margin: 0 10px; background: #004478 url("/images/misc/uso_ms_footer_bg.png") repeat-x; color: #FFF; }
#wrapperFooter a { color: #FFF; text-decoration: none; }
#wrapperFooter a:hover { color: #cc0000; }
/************** CONTENT AREA **************/
#contentArea { float: left; width: 1000px; margin: 0 10px; background-color: #fff; margin-top: 79px; }
#subPageContent { float: left; width: 1000px; margin: 0 10px; background: #fff; margin-top: 79px; }
#subPageContent.slamtracker { background: #fff; }
#subPageContent #footer { margin: 0; }
#hpNews { width: 1000px !important; height: 360px !important; }
/** media wall styles **/
#mwContainer { position: relative; width: 1000px; height: 360px; padding: 0px; font-family: Swiss721BT-Bold; }
#mwVideoContainer { position: absolute; left: -999999px; top: 0px; margin: 0px; padding: 0px; width: 640px; height: 360px; background: url("/images/misc/video_slate_640x360.gif") black no-repeat; }
#mwVideoContainer.active { left: 180px; top: 0px; z-index: 102; }
#mwContainer .mwTabsContainer { list-style: none; width: 1010px; height: 360px; float: left; padding: 0px; margin: 0px; margin-left: -10px; padding-right: 10px; }
#mwContainer .panel { list-style: none; position: relative; width: 1010px !important; height: 360px; float: left; margin: 0px; margin-left: 10px; }
#mwContainer .panel .mwContent { position: relative; width: 1000px; height: 360px; }
#mwContainer .panel .mwContent > img { position: absolute; top: 0px; left: 0px; }
#mwContainer .panel .descContainer { position: absolute; bottom: 0px; left: -10px; width: 1010px; height: 80px; padding-left: 100px; width: 910px; background: rgba(0, 0, 0, 0.8); }
#mwContainer .panel .mwContent.videoGroup .descContainer, #mwContainer .panel .mwContent.galleryGroup .descContainer { width: 910px; }
#mwContainer .panel .panelArea { position: absolute; width: 1000px; height: 360px; top: 0px; left: 0px; cursor: pointer; }
#mwContainer .panel .panelArea.active { background: rgba(0, 0, 0, 0.8); }
#mwContainer .panel .panelArea .mwMessage { background: rgba(0, 0, 0, 0.5); bottom: 0; color: #FFFFFF; left: 0; position: absolute; text-align: center; width: 1000px; }
#mwContainer #mwTabs { position: absolute; right: 15px; bottom: 10px; }
#mwContainer #mwTabs a { position: relative; float: left; width: 15px; height: 15px; margin: 0px; margin-left: 15px; background: url("/images/misc/mw_tabs_bg.png") top left no-repeat; overflow: hidden; }
#mwContainer #mwTabs a:first-child { margin-left: 0px; }
#mwContainer #mwTabs .pietimer { display: none; height: 13px; width: 13px; margin-left: 1px; margin-top: 1px; }
#mwContainer #mwTabs a.selected { background: url("/images/misc/mw_tabs_bg.png") top right no-repeat; }
#mwContainer #mwTabs a.ui-tabs-active .pietimer, #mwContainer #mwTabs a.ui-tabs-selected .pietimer { display: block; }
#mwContainer .mwHeadline { font-size: 2.1em; color: #FFD65A; cursor: pointer; width: 538px; height: 28px; overflow: hidden; font-weight: normal; margin-top: 3px; }
#mwContainer .mwHeadline:hover { color: #CC0000; }
#mwContainer .mwHeadline.disabled:hover { color: #FFD65A; cursor: default; }
#mwContainer .mwAbstract { color: #FFFFFF; font-size: 1.2em; height: 50px; line-height: 15px; overflow: hidden; width: 740px; }
#mwContainer .mwRelated { bottom: 5px; left: 10px; color: #FFFFFF; font-size: 1.2em; }
#mwContainer .mwRelated .links { font-size: 0.9em; }
#mwContainer .mwRelated .links a { text-decoration: none; color: #FFFFFF; font-weight: bold; }
#mwContainer .mwRelated .links a:hover { color: #CC0000; }
#mwContainer .mwRelatedVideos { position: relative; height: 80px; width: auto; }
#mwContainer .mwRelatedVideos ul { list-style: none; margin: 0px; padding: 0px 13px; width: auto; float: left; margin-top: 4px; }
#mwContainer .mwRelatedVideos ul li { position: relative; list-style: none; float: left; margin: 0px 0px 0px 10px; padding: 0px; width: 110px; height: 76px; color: #FFFFFF; }
#mwContainer .mwRelatedVideos ul li:first-child { margin-left: 0px; }
#mwContainer .mwRelatedVideos ul li.active, #mwContainer .mwRelatedVideos ul li:hover { color: #CC0000; }
#mwContainer .mwRelatedVideos ul li img { width: auto; margin: 0px auto; border: solid 1px #4073BF; }
#mwContainer .mwRelatedVideos ul li.active img, #mwContainer .mwRelatedVideos ul li:hover img { border: solid 1px #CC0000; }
#mwContainer .mwRelatedVideos ul li .mwRelatedVideoContainer { float: left; width: auto; }
#mwContainer .mwRelatedVideos ul li.thumbText { display: block; color: #FFFFFF; font-size: 0.9em; }
#mwContainer .mwRelatedVideos ul li.active .thumbText, #mwContainer .mwRelatedVideos ul li:hover .thumbText { color: #CC0000; }
#mwContainer .mwRelatedVideos ul li .thumbPlay { position: absolute; display: none; background: url("/images/misc/btn_play_thumb.png") no-repeat top; width: 17px; height: 24px; top: 19px; left: 48px; }
#mwContainer .mwRelatedVideos ul li.active .thumbPlay, #mwContainer .mwRelatedVideos ul li:hover .thumbPlay { display: block; }
#mwContainer .mwRelatedVideos ul li a { color: #FFFFFF; text-decoration: none; font-size: 0.9em; }
#mwContainer .mwRelatedVideos ul li a:hover { color: #CC0000; }
#mwContainer .mwRelatedGalleries { position: relative; height: 80px; width: auto; }
#mwContainer .mwRelatedGalleries ul { list-style: none; margin: 0px; padding: 0px 13px; width: auto; float: left; margin-top: 4px; }
#mwContainer .mwRelatedGalleries ul li { position: relative; list-style: none; float: left; margin: 0px 0px 0px 10px; padding: 0px; width: 110px; height: 76px; color: #FFFFFF; }
#mwContainer .mwRelatedGalleries ul li:first-child { margin-left: 0px; }
#mwContainer .mwRelatedGalleries ul li.active, #mwContainer .mwRelatedGalleries ul li:hover { color: #CC0000; }
#mwContainer .mwRelatedGalleries ul li img { margin: 0px auto; border: solid 1px #4073BF; }
#mwContainer .mwRelatedGalleries ul li.active img, #mwContainer .mwRelatedGalleries ul li:hover img { border: solid 1px #CC0000; }
#mwContainer .mwRelatedGalleries ul li .mwRelatedGalleryContainer { float: left; width: auto; }
#mwContainer .mwRelatedGalleries ul li.thumbText { display: block; color: #FFFFFF; font-size: 0.9em; }
#mwContainer .mwRelatedGalleries ul li.active .thumbText, #mwContainer .mwRelatedGalleries ul li:hover .thumbText { color: #CC0000; }
#mwContainer .mwRelatedGalleries ul li .thumbPlay { position: absolute; display: none; background: url("/images/misc/btn_play_thumb.png") no-repeat top; width: 17px; height: 24px; top: 19px; left: 48px; }
#mwContainer .mwRelatedGalleries ul li.active .thumbPlay, #mwContainer .mwRelatedGalleries ul li:hover .thumbPlay { display: block; }
#mwContainer .mwRelatedGalleries ul li a { color: #FFFFFF; text-decoration: none; font-size: 0.9em; }
#mwContainer .mwRelatedGalleries ul li a:hover { color: #CC0000; }
#mwContainer .mwActions { position: absolute; width: 90px; height: 80px; left: 0px; bottom: 0px; color: #FFFFFF; font-size: 2em; padding: 0; background: #0099FF; text-transform: uppercase; text-align: center; line-height: 80px; }
#mwContainer .mwActions a { text-decoration: none; color: #FFFFFF; display: block; }
#mwContainer .mwActions a:hover { background: #CC0000; }
#mwContainer .mwActions .action { display: block; float: left; width: 90px; height: 80px; color: #FFFFFF; }
#mwContainer .mwActions .watch { cursor: pointer; background: url("/images/misc/mw_watch_btn.png") no-repeat center; }
#mwContainer .mwActions .watch:hover { background: url("/images/misc/mw_watch_btn.png") no-repeat center #cc0000; }
#mwContainer .playBtn { position: absolute; top: 15px; left: 15px; width: 66px; height: 66px; cursor: pointer; display: none !important; }
#mwContainer .closeBtn { position: absolute; cursor: pointer; top: 0px; right: 0px; width: auto; height: 20px; padding: 0px 5px; line-height: 20px; text-align: center; text-decoration: none; color: #FFFFFF; background: #0090FF; }
#mwContainer .closeBtn:hover { background: #CC0000; }
#mwContainer .replayBtn { display: none; position: absolute; cursor: pointer; padding: 0px 10px; background: #0090FF; width: auto; height: 20px; color: #FFFFFF; font-size: 0.9em; line-height: 20px; top: 19px; left: 19px; }
#mwContainer .nextImg { background: url("/images/misc/right_arrow.png") top right no-repeat; float: right; margin-top: 6px; margin-right: 0px; height: 10px; width: 10px; }
#mwContainer .playNextBtn { display: none; position: absolute; cursor: pointer; padding: 0px 10px; width: auto; height: 23px; color: #FFFFFF; font-size: 1em; line-height: 23px; top: 139px; right: 194px; background: #0090FF; }
#mwContainer .showAllBtn { display: none; position: absolute; cursor: pointer; padding: 0px 10px; width: auto; height: 23px; color: #FFFFFF; font-size: 1em; line-height: 23px; top: 139px; left: 194px; background: #0090FF; }
#mwContainer .showAllBtn a { color: #FFFFFF; text-decoration: none; }
#mwContainer .replayBtn:hover, #mwContainer .playNextBtn:hover, #mwContainer .showAllBtn:hover { background: #CC0000; }
/*
#mwContainer .mwRelatedVideos .thumbText{position:absolute; left:13px; bottom:0px; width:auto; color:#CC0000; font-weight:bold;}
#mwContainer .mwRelatedVideos .thumbText.active{color:#FFFFFF;}
*/
/******/
/*
#mwContainer .mwRelatedGalleries .thumbText{position:absolute; left:13px; bottom:0px; width:auto; color:#CC0000; font-weight:bold;}
#mwContainer .mwRelatedGalleries .thumbText.active{color:#FFFFFF;}
*/
/******/
#hpChips { float: left; width: 1000px; background: url("/images/misc/uso_hp_chips_bg.png") top left repeat-y transparent; }
#hpLoad { clear: both; margin-bottom: 30px; overflow: hidden; }
#hpLoad a { display: block; width: 240px; margin: 0 auto; }
#hpLoad .icon { float: left; height: 45px; width: 45px; background: url("/images/misc/uso_ms_chip_refresh.png") center center no-repeat #0090ff; }
#hpLoad .label { float: left; margin-left: 1px; width: 194px; height: 45px; font-size: 1.4em; line-height: 47px; background: #00172f; color: #FFF; font-family: 'Swiss721BT-BoldCondensed',Arial,Helvetica,sans-serif; text-transform: uppercase; text-align: center; }
#hpLoad a:hover .icon { background-color: #CC0000; }
#hpLoad a:hover .label { color: #CC0000; }
.chip_header { height: 22px; margin-left: -10px; padding-left: 25px; color: #FFFFFF; font-size: 1.27em; padding-top: 8px; text-transform: uppercase; font-family: 'Swiss721BT-BoldCondensed',Arial,Helvetica,sans-serif; background: #001123; }
.chip_content { padding: 10px 5px; float: left; position: relative; }
.chip_content:before { content: url("/images/misc/uso_ms_banner_corner.png"); position: absolute; top: 0px; left: -10px; }
.chip_header_sub { height: 22px; width: 1010px; margin-left: -15px; float: left; color: #FFFFFF; font-size: 1.27em; padding-top: 8px; text-transform: uppercase; font-family: 'Swiss721BT-BoldCondensed',Arial,Helvetica,sans-serif; background: #001123; }
.chip_header_sub div { padding-left: 25px; }
.chip_header_sub:after { content: url("/images/misc/uso_ms_banner_corner.png"); position: absolute; left: -10px; /* bottom: -11px; */ margin-top: 3px; }
/** chips homepage/right rail **/
.chip { width: 300px; height: 250px; margin: 10px 15px; float: left; position: relative; font-family: 'Swiss721BT-BoldCondensed',Arial,Helvetica,sans-serif; }
.chip .ad_disc { height: 10px; position: absolute; bottom: -11px; right: 1px; font-size: .8em; text-transform: uppercase; color: #999999; }
.chip a { text-decoration: none; display: block; width: 300px; height: 250px; position: relative; color: #FFF; }
.chip a:hover { color: #cc0000; }
.chip a img { position: absolute; top: 0; left: 0; z-index: 0; }
.chip a div.videoImg { background: #000000; height: 200px; }
.chip a div.videoImg img { margin-top: 15px; }
.chip a div.videoImg .playBtn { position: absolute; background: url(/images/misc/video_play_icon.png) no-repeat 0 0; top: 50%; left: 50%; margin-top: -50px; margin-left: -25px; width: 50px; height: 50px; }
.chip a div.photoContainer img { position: relative; top: auto; left: auto; }
.chip a div.photoContainer .photoThumbs { float: left; width: 75px; position: relative; }
.chip a div.photoContainer .photoThumbs img { margin-bottom: 4px; }
.chip a div.photoContainer .photoImg { float: left; width: 225px; position: relative; }
.chip a div.trendcast { background: url(/images/misc/bg_trendcast.png) no-repeat 0 0; width: 300px; height: 250px; }
.chip a div.trendcast p { position: absolute; top: 105px; left: 51px; color: #ffffff; font-size: 19px; }
.chip a div.title { position: absolute; bottom: 0px; left: 0; padding: 0 10px; width: 249px; width: 229px !important; height: 40px; line-height: 40px; overflow: hidden; background: #00172f; background: rgba(0, 23, 47, 0.85); text-align: right; font-size: 1.4em; }
.chip a div.type { position: absolute; bottom: 0px; right: 0; width: 50px; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; color: #FFF; background: #0090ff; font-size: 1em; }
.chip a div.type img { margin: 5px 10px; }
.chip a:hover .type, .chip a:hover .video { background: #cc0000; color: #FFF; }
.chip a:hover div.videoImg .playBtn { background-position: 0px -50px; }
#usoLive { float: left; width: 320px; height: 65px; background: #0B5587; margin: 0px; padding: 0px; overflow: hidden; }
#slamtrackerButtons { float: left; width: 320px !important; height: 46px !important; margin: 0px; overflow: hidden; padding: 4px; overflow: hidden; }
#scheduleButtons { float: left; width: 320px !important; height: 25px !important; margin-top: 2px; padding: 4px; }
#rtHeadlines { float: left; width: 320px; height: 186px; margin-top: 10px; overflow: hidden; }
#rtRadio { float: left; width: 320px !important; height: 34px !important; margin-top: 2px; padding: 4px; overflow: hidden; }
#rtSharing { float: left; width: 320px !important; margin-top: 2px; padding: 4px; overflow: visible; }
#rtAd { float: left; width: 320px !important; height: 270px !important; margin-top: 2px; padding: 4px; overflow: hidden; }
.adContent { float: left; width: 300px !important; height: 250px !important; background: #FFFFFF; padding: 9px; border: 1px solid #0090FF; overflow: hidden; }
.adContent a { border: 0px; }
#hpTicketsVisiting { float: left; width: 320px; height: 146px; margin-top: 10px; padding: 0px; overflow: hidden; }
/** shop app **/
#rtShop { float: left; width: 320px !important; height: 284x !important; margin-top: 2px; padding: 4px; overflow: hidden; }
#shopContainer { float: left; width: 318px !important; height: 282px !important; background: #FFFFFF; border: 1px solid #0090FF; }
#shopTop { float: left; position: relative; width: 318px; height: 45px; margin: 0px; padding: 0px; overflow: hidden; }
#shopTop .header { position: absolute; top: 3px; left: 9px; }
#shopTop .actions { position: absolute; top: 8px; right: 10px; }
#shopContent { float: left; position: relative; width: 318px; height: 239px; margin: 0px; padding: 0px; overflow: hidden; }
#shopContent .carousel { float: left; width: 318px; height: 239px; margin: 0px; }
#shopContent .prev, #shopContent .next { top: 89px; }
.shopItemContent { position: relative; width: 280px; height: 216px; margin: 0px 19px; background: #FFFFFF; float: left; }
.shopImage { width: 170px; height: 200px; margin: 0px auto; }
.shopDetail { position: absolute; bottom: 43px; color: #FFFFFF; font-weight: bold; width: 260px; left: 10px; text-align: center; }
.shopBuyBtn { position: absolute; left: 90px; bottom: 5px; width: 99px; height: 25px; }
/** end shop app **/
/** Start facebook app */
#facebookContainer { float: left; width: 302px !important; height: 58px; background: #ffffff; border: 1px solid #0090ff; padding: 8px 8px 0 8px; color: #000000; overflow: visible; }
#facebookContainer #fbProfilePic { float: left; padding-right: 5px; width: 50px; }
#facebookContainer #fbProfilePic img { width: 50px; height: 52px; border: 0; }
#facebookContainer #fbLoggedOut img { margin-top: 5px; }
#facebookContainer #fbLoggedIn #fbUserName { color: #145dbb; font-weight: bold; font-size: 1.6em; margin: 5px 0 5px 0; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper .dropdown { display: none; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbSocialWidget { float: left; width: 130px; position: relative; background: url("/images/misc/fbDropDownArrowDown.png") 90% 30% no-repeat; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbSocialWidget .status { font-weight: bold; text-transform: uppercase; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbSocialWidget .dropdown { z-index: 200; position: absolute; top: -9px; left: -4x; background: #ffffff; width: 200px; border: 1px solid #e6e6e6; padding: 3px; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbSocialWidget .dropdown ul { list-style: none; padding: 0; margin: 0; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbSocialWidget .dropdown ul li { padding: 3px 0 3px 0; margin: 0; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbSocialWidget .dropdown ul li a { text-decoration: none; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget { float: left; width: 110px; position: relative; background: url("/images/misc/fbDropDownArrowDown.png") 90% 30% no-repeat; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget .dropdown { z-index: 200; position: absolute; top: 0px; right: 0px; background: #ffffff; width: 290px; border: 1px solid #e6e6e6; padding: 3px; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget .dropdown .header { background: #e6e6e6; padding: 3px; margin-bottom: 3px; font-weight: bold; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget .dropdown .activities ul { list-style: none; margin: 0; padding: 0; float: left; width: 280px; margin: 5px; padding-bottom: 5px; border-bottom: 1px solid #e6e6e6; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget .dropdown .activities ul li { float: left; width: 270px; display: none; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget .dropdown .activities ul li:first-child { display: block; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget .dropdown .activities ul li a { color: #5a90e8; display: block; background: url("/images/misc/fbDeleteIcon.png") 98% 50% no-repeat; padding: 5px 15px 5px 5px; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget .dropdown .activities ul li a:hover { background: url("/images/misc/fbDeleteIconHover.png") 98% 50% no-repeat; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget .dropdown .counter { text-align: right; padding-right: 20px; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget .dropdown .counter img { float: right; padding: 3px; }
#facebookContainer #fbLoggedIn #fbWidgetWrapper #fbActivityWidget .dropdown .counter span { float: right; }
/** End facebook app */
.datatable .titlebar { float: left; width: 640px !important; height: 17px; line-height: 17px; padding: 0px 5px; margin-bottom: 1px; background: #001325; color: #FFFFFF; font-weight: bold; }
.datatable .row { float: left; width: 100%; margin-top: 3px; }
#pageHeaderContainer { float: left; width: 100%; height: auto; margin: 0px; padding: 0px; text-transform: uppercase; }
#pageHeaderContainer.blue { width: 650px; padding: 0px; margin: 0px; background: transparent; color: #FFFFFF; }
#breadcrumbContainer { float: left; width: 100%; padding: 0px; height: 22px; line-height: 22px; font-weight: bold; }
#breadcrumbContainer.blue { width: 650px; padding: 0px; margin: 0px; background: transparent; color: #FFFFFF; }
#breadcrumbContainer a { color: #004B85; font-weight: normal; text-decoration: none; }
#breadcrumbContainer.blue a { color: #FFFFFF; font-weight: normal; text-decoration: none; }
#pageSponsor { float: right; margin-top: -55px; margin-right: 10px; }
#subNorail { float: left; width: 980px !important; padding: 4px; }
#subNorailContent { float: left; width: 958px !important; min-height: 963px; height: auto !important; height: 963px; padding: 8px 10px 20px 10px; background: #FFFFFF; }
.subNorailText { float: left; width: 100%; padding: 10px 0px 0px 0px; }
#subNorail1000 { float: left; width: 1000px; width: 990px !important; min-height: 1192px; height: auto !important; height: 1162px; padding: 10px 5px 20px 5px; background: #FFFFFF; }
.subNorailText1000 { float: left; width: 1000px; width: 990px !important; padding: 0px 5px; }
body.ipad { background-color: #004478; background-image: none; }
.ipad #USOpenPage { background-image: none; margin: 10px; padding: 0px; width: auto !important; }
.ipad #USOpenPage #contentArea { padding: 0px; width: auto !important; }
.ipad #subNorail { padding: 0px; width: auto !important; }
.ipad #subNorailContent { min-height: 0px; width: auto !important; padding-top: 10px; }
.ipad #subNorailContent #inlinePhoto { float: none; margin: 0px auto; }
.ipad #subNorailContent #inlinePlayer { float: none; width: 640px; margin: 0px auto; }
.ipad #subNorailContent .subNorailText { padding: 0px; }
#subLeft { float: left; width: 640px !important; padding: 20px 5px 10px 20px; }
#subLeftBlue { float: left; width: 650px; min-height: 963px; height: auto !important; height: 963px; margin-right: 10px; padding: 10px 0px 20px 0px; color: #FFFFFF; }
#subLeftContent { float: left; width: 640px; min-height: 963px; height: auto !important; height: 963px; margin: 0px; background: #FFFFFF; }
.subLeftText { float: left; width: 100%; height: auto; padding: 10px 0px 0px 0px; }
#subLeftScores { float: left; width: 650px; margin-right: 10px; padding: 0px; }
.subLeftTextScores { float: left; width: 650px; width: 640px !important; height: auto; padding: 10px 5px; background: #FFFFFF; }
#subRight { float: left; width: 328px; min-height: 500px; height: auto !important; height: 500px; }
#subSponsor { width: 300px; height: 85px; margin: 20px 15px 0 15px; }
#subLeftSlamtracker { float: left; width: 615px !important; min-height: 971px; height: auto !important; height: 971px; margin: 0px; padding: 10px 17px; }
#rtPopular { float: left; width: 320px; height: 190px; margin-top: 10px; overflow: hidden; }
.hptitle { float: left; width: 108px; height: 25px; line-height: 25px; color: #FFFFFF; text-transform: uppercase; font-family: Swiss721BT-BoldCondensed, Helvetica, Arial, sans-serif; font-size: 14px; background: #00264C; text-align: center; }
/** spotlight **/
.spotlightButtons { float: left; width: 630px; margin-bottom: 15px; padding: 0px 85px; }
#spotlightSingles { float: left; width: 628px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; background: #000000; }
#spotlightSingles .row { float: left; width: 628px; border-bottom: 1px solid #000000; }
#spotlightSingles .headeryear { float: left; width: 40px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
#spotlightSingles .headerchampion { float: left; width: 161px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
#spotlightSingles .headerhand { float: left; width: 131px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
#spotlightSingles .headerrunnerup { float: left; width: 171px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
#spotlightSingles .headerscore { float: left; width: 125px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
#spotlightSingles .year { float: left; width: 39px; width: 34px !important; padding-left: 5px; line-height: 15px; background: #FFFFFF; margin-right: 1px; }
#spotlightSingles .champion { float: left; width: 160px; width: 155px !important; padding-left: 5px; line-height: 15px; background: #DDE7EE; margin-right: 1px; }
#spotlightSingles .hand { float: left; width: 130px; width: 125px !important; padding-left: 5px; line-height: 15px; background: #FFFFFF; margin-right: 1px; }
#spotlightSingles .runnerup { float: left; width: 170px; width: 165px !important; padding-left: 5px; line-height: 15px; background: #DDE7EE; margin-right: 1px; }
#spotlightSingles .score { float: left; width: 125px; width: 120px !important; padding-left: 5px; line-height: 15px; background: #FFFFFF; }
#spotlightDoubles { float: left; width: 628px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; background: #000000; }
#spotlightDoubles .row { float: left; width: 628px; border-bottom: 1px solid #000000; }
#spotlightDoubles .headeryear { float: left; width: 70px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
#spotlightDoubles .headerchampion { float: left; width: 217px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
#spotlightDoubles .headerrunnerup { float: left; width: 216px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
#spotlightDoubles .headerscore { float: left; width: 125px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
#spotlightDoubles .year { float: left; width: 69px; width: 49px !important; height: 30px; padding-left: 20px; line-height: 30px; background: #FFFFFF; margin-right: 1px; }
#spotlightDoubles .champion { float: left; width: 216px; width: 211px !important; height: 30px; padding-left: 5px; line-height: 15px; background: #DDE7EE; margin-right: 1px; }
#spotlightDoubles .runnerup { float: left; width: 215px; width: 210px !important; height: 30px; padding-left: 5px; line-height: 15px; background: #FFFFFF; margin-right: 1px; }
#spotlightDoubles .score { float: left; width: 125px; width: 120px !important; height: 30px; padding-left: 5px; line-height: 30px; background: #DDE7EE; }
.spotlightJuniors { float: left; width: 628px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; background: #000000; }
.spotlightJuniors .row { float: left; width: 628px; border-bottom: 1px solid #000000; }
.spotlightJuniors .headeryear { float: left; width: 70px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
.spotlightJuniors .headerchampion { float: left; width: 217px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
.spotlightJuniors .headerrunnerup { float: left; width: 216px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
.spotlightJuniors .headerscore { float: left; width: 125px; font-weight: bold; height: 20px; line-height: 20px; color: #FFFFFF; background: #052A48; text-align: center; }
.spotlightJuniors .year { float: left; width: 69px; width: 49px !important; height: 15px; padding-left: 20px; line-height: 15px; background: #FFFFFF; margin-right: 1px; }
.spotlightJuniors .champion { float: left; width: 216px; width: 211px !important; height: 15px; padding-left: 5px; line-height: 15px; background: #DDE7EE; margin-right: 1px; }
.spotlightJuniors .runnerup { float: left; width: 215px; width: 210px !important; height: 15px; padding-left: 5px; line-height: 15px; background: #FFFFFF; margin-right: 1px; }
.spotlightJuniors .score { float: left; width: 125px; width: 120px !important; height: 15px; padding-left: 5px; line-height: 15px; background: #DDE7EE; }
/** end spotlight **/
/** news day navigators **/
#newsDayNav { float: left; width: 630px; height: 46px; overflow: hidden; z-index: 50; }
#day_nav { position: absolute; width: 630px; height: 46px; background: #052A48; }
#day_nav ul { float: left; height: 23px; margin: 0px; padding: 0px; list-style-type: none; background: #004B85; border-bottom: 2px solid #000000; }
#day_nav li { float: left; margin: 0px; padding: 0px; height: 23px; line-height: 23px; }
#day_nav li a { display: block; width: 22px; height: 23px; line-height: 23px; text-align: center; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#day_nav li a:hover { color: #FFD65A; background: #0C2B46; line-height: 22px; }
#day_nav li.pre a { display: block; width: 100px; width: 90px !important; height: 23px; padding-left: 10px; line-height: 23px; text-align: left; margin-left: -10px; }
#day_nav li.post a { display: block; width: 114px !important; height: 23px; padding-right: 10px; line-height: 23px; text-align: right; margin-right: -10px; }
#day_nav li.pre { width: 90px !important; padding: 0px 20px 0px 10px; text-align: left; margin: 0px; color: #43ADFF; }
#day_nav li.day { display: block; width: 35px; color: #FFFFFF; }
#day_nav li.day1, #day_nav li.day2, #day_nav li.day3, #day_nav li.day4, #day_nav li.day5, #day_nav li.day6, #day_nav li.day7, #day_nav li.day8, #day_nav li.day9, #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: 22px !important; text-align: center; padding: 0px 1px; margin: 0px; color: #43ADFF; }
#day_nav li.post { width: 114px !important; padding: 0px 10px 0px 15px; text-align: right; margin: 0px; color: #43ADFF; }
#day_nav .date { position: absolute; color: #FFD65A; overflow: hidden; line-height: 19px; top: 25px; font-weight: bold; }
#day_nav li.day1 .date { margin-left: -40px; }
#day_nav li.day2 .date { margin-left: -45px; }
#day_nav li.day3 .date { margin-left: -64px; }
#day_nav li.day4 .date { margin-left: -60px; }
#day_nav li.day5 .date { margin-left: -49px; }
#day_nav li.day6 .date { margin-left: -57px; }
#day_nav li.day7 .date, #day_nav li.day8 .date { margin-left: -53px; }
#day_nav li.day9 .date { margin-left: -55px; }
#day_nav li.day10 .date { margin-left: -64px; }
#day_nav li.day11 .date { margin-left: -57px; }
#day_nav li.day12 .date { margin-left: -52px; }
#day_nav li.day13 .date { margin-left: -60px; }
#day_nav li.day14 .date, #day_nav li.day15 .date { margin-left: -55px; }
#day_nav .date { display: none; }
#day_nav li a:hover { color: #0C2B46; background: #FFD65A; font-weight: bold; font-size: 1.2em; line-height: 22px; }
#day_nav li.current a { color: #0C2B46; background: #FFD65A; font-weight: bold; font-size: 1.2em; line-height: 22px; }
#day_nav li.current .date { display: block; }
/*#day_nav li:hover .date{display:block;}*/
/*#day_nav li.over .date{display:block;}*/
/** end day navigators **/
/** news **/
#newsFeatures { float: left; width: 460px; width: 440px !important; background: #004B85; margin-top: 5px; padding: 10px; overflow: hidden; }
#newsFeatures .image { float: left; width: 212px; height: 142px; margin-right: 10px; }
#newsFeatures .image img { border: 1px solid #0090FF; }
#newsFeatures .content { float: right; width: 218px; overflow: hidden; }
#newsFeatures .title { float: right; width: 218px; height: auto; padding-bottom: 5px; color: #FFFFFF; font-size: 1.1em; line-height: 15px; }
#newsFeatures .title a { display: block; width: 100%; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#newsFeatures .title a:hover { color: #FF3333; }
#newsFeatures .text { clear: right; float: right; width: 218px; height: auto; padding-bottom: 10px; color: #FFFFFF; }
#newsFeatures .text a { display: block; width: 100%; color: #FFFFFF; padding-bottom: 10px; text-decoration: none; }
#newsFeatures .more { float: right; width: 218px; }
#newsFeatures .more a { display: block; width: 218px; color: #FFFFFF; text-decoration: none; }
#newsFeatures .links { float: right; width: 218px; }
#newsFeatures .links ul { float: right; list-style-type: none; padding: 0px; margin: 0px; }
#newsFeatures .links li { float: left; display: block; width: 18px; height: 13px; margin-right: 5px; background: #B2C2D1; }
#newsFeatures .links li.selected { background: #0D2B45; }
#featureSocial { clear: both; float: left; width: 440px; margin-top: 10px; }
.newsHeadline { float: left; width: 460px; padding: 5px 0px; border-bottom: 1px solid #B2B2B2; }
.headlinePhoto { float: left; width: 140px; margin-right: 10px; }
.headlinePhoto img { border: 1px solid #0090FF; }
.headlineText { float: left; width: 229px; margin-right: 10px; }
.headlineTextNoPhoto { float: left; width: 379px; margin-right: 10px; }
.headlineCommentCount { float: left; width: 71px; margin-top: 30px; font-weight: bold; color: #002039; font-size: 1.1em; }
.headlineCommentCount .bubble { position: relative; width: 25px; height: 17px; display: block; margin: 0px auto; font-weight: normal; }
.headlineCommentCount .bubble .top { position: absolute; top: 0px; left: 0px; height: 14px; width: 100%; text-align: center; color: #FFFFFF; font-size: 0.8em; line-height: 12px; background: #0099FF; }
.headlineCommentCount .bubble .bottom { position: absolute; bottom: 0px; left: 0px; width: 5px; height: 3px; background: url(/images/misc/uso_ms_00000g9_btm.png) no-repeat; }
#moreHeadlines { float: left; width: 460px; margin-top: 10px; display: none; }
#moreHeadlines a { display: block; margin-bottom: 3px; }
.lightBlueBox460 .listColumn { float: left; width: 220px; }
.listColumn { float: left; width: 305px; }
.listColumn2 { float: left; width: 610px; }
#newsRight { float: right; width: 160px; margin: 5px 0px 0px 10px; overflow: hidden; }
#newsPhotos { width: 160px; }
#newsPhotos .gallery { float: left; width: 140px; margin: 10px 0px; text-align: center; }
#newsRight #rightPromo { float: left; margin-top: 10px; }
#loadMore { float: left; height: 16px !important; line-height: 16px; border: 1px solid #B2B2B2; text-align: center; text-transform: uppercase; color: #052A48; font-weight: bold; margin-top: -1px; cursor: pointer; }
#loadMore.headlines { width: 458px !important; }
#loadMore .leftarrow { float: left; width: 10px; height: 6px; margin: 5px; background: url(/images/misc/blue_arrow_down.gif) no-repeat; }
#loadMore .rightarrow { float: right; width: 10px; height: 6px; margin: 5px; background: url(/images/misc/blue_arrow_down.gif) no-repeat; }
a.video_link { padding-left: 17px; display: block; background: url(/images/misc/uso_pixelicons_video.gif) 0px 1px no-repeat; font-size: 1.1em; font-weight: bold; text-decoration: none; margin-bottom: 3px; }
a.video_link:link { color: #052A48; }
a.video_link:hover, a.video_link:active { color: #3480BD; }
a.video_link:visited { color: #0066CC; }
a.interview_link { padding-left: 17px; display: block; background: url(/images/misc/uso_pixelicons_article.gif) 0px 1px no-repeat; font-size: 1.1em; font-weight: bold; text-decoration: none; margin-bottom: 3px; }
a.interview_link:link { color: #052A48; }
a.interview_link:hover, a.interview_link:active { color: #3480BD; }
a.interview_link:visited { color: #0066CC; }
a.photo_link { padding-left: 17px; display: block; background: url(/images/misc/uso_pixelicons_photo.gif) 0px 1px no-repeat; font-size: 1.1em; font-weight: bold; text-decoration: none; margin-bottom: 3px; }
a.photo_link:link { color: #052A48; }
a.photo_link:hover, a.photo_link:active { color: #3480BD; }
a.photo_link:visited { color: #0066CC; }
/** article detail **/
.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: #00264c; }
#articleDetailContainer p { line-height: 1.5em; }
#articleDetailContainer #inlinePhoto { float: left; width: 640px; height: 427px; margin: 0 0 20px 0; }
#articleDetailContainer #inlinePlayer { 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 .date { 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; }
#articleDetailContainer .interviewPhotos { float: left; width: 158px; margin-right: 10px; }
#articleDetailContainer .interviewPhotos .photoDiv { float: left; text-align: center; margin-bottom: 10px; }
#articleDetailContainer .interviewPhotos img { border: solid 1px #0090FF; margin-bottom: 5px; }
#articleDetailContainer .interviewPhotos .caption { width: 158px; }
#articleDetailContainer .relatedContainer { clear: left; float: left; width: 630px; margin-top: 20px; }
#articleDetailContainer .relatedContainer .header { width: 610px !important; height: 19px; line-height: 19px; background: #001326; color: #FFFFFF; text-transform: uppercase; font-weight: bold; padding: 0px 10px; }
#articleDetailContainer .relatedContainer .content { width: 610px !important; background: #DDE8EE; padding: 10px 10px 5px 10px; line-height: 14px; }
#articleDetailContainer .relatedContainer .content a { display: block; height: 12px !important; color: #052A48; padding: 0px 0px 5px 0px; cursor: pointer; }
#articleDetailContainer .relatedContainer .content a.photo_link, #articleDetailContainer .relatedContainer .content a.interview_link, #articleDetailContainer .relatedContainer .content a.video_link { padding-left: 17px; }
#articleDetailContainer .starsRelatedContainer { clear: left; float: left; width: 162px; margin-right: 10px; }
#articleDetailContainer .starsRelatedHeader { float: left; width: 162px; width: 154px !important; height: 18px; line-height: 18px; padding-left: 8px; background: #012643; color: #FFFFFF; text-transform: uppercase; font-weight: bold; }
#articleDetailContainer .starsRelated { float: left; width: 162px; width: 142px !important; padding: 10px; background: #DDE8EE; margin-right: 10px; }
#articleDetailContainer .starsPhotosContainer { float: left; width: 162px; margin: 0px 10px 10px 0px; }
#articleDetailContainer .starsPhotosHeader { float: left; width: 162px; width: 154px !important; height: 18px; line-height: 18px; padding-left: 8px; background: #012643; color: #FFFFFF; text-transform: uppercase; font-weight: bold; }
#articleDetailContainer .starsPhotos { float: left; width: 162px; width: 142px !important; padding: 10px; background: #DDE8EE; margin-right: 10px; }
#articleDetailContainer .starsPhotos .photoDiv { float: left; text-align: center; margin-bottom: 10px; }
#articleDetailContainer .starsPhotos img { border: solid 1px #0090FF; margin-bottom: 5px; }
#articleDetailContainer .starsPhotos .caption { width: 140px; }
#commentsPluginContainer { clear: left; float: left; width: 640px; margin-top: 20px; }
#commentsPluginContainer .header { width: 620px !important; padding: 0px 10px; height: 22px; line-height: 24px; background: #001326; color: #FFFFFF; text-transform: uppercase; font-weight: bold; font-family: 'Swiss721BT-BoldCondensed',Helvetica,Arial,sans-serif; }
#printLink { float: right; margin: 0px 5px 5px 10px; padding: 0px; }
#shareDiv { clear: right; float: right; width: 65px; margin: 0px 5px 10px 10px; padding: 0px; text-align: center; }
#shareBox { float: right; width: 85px !important; border: 1px solid #CCCCCC; text-align: left; margin: 0px 0px 20px 20px; padding: 10px; }
#shareBox .share { width: 85px; float: left; margin-bottom: 10px; }
#contentNavContainer { width: 640px; height: 80px; float: left; }
#contentNavContainer a { display: block; width: 320px; height: 80px; text-decoration: none; color: #0090ff; background: #0090ff; text-align: center; position: relative; }
#contentNavContainer a:hover { text-decoration: none; color: #cc0000; background-color: #cc0000; }
#contentNavContainer .item_label { display: block; width: 302px; height: 45px; height: 30px !important; padding-top: 15px; border-top: 1px solid #0090FF; background: #FFF; line-height: 30px; font-family: 'Swiss721BT-BoldCondensed',Arial,Helvetica,sans-serif; font-size: 1.1em; }
#contentNavContainer .item_title { display: block; width: 282px; padding: 0 10px; height: 33px; border-bottom: 1px solid #0090FF; font-size: 1em; color: #00264c; background: #FFF; }
#contentNavContainer .next_item { float: right; background: #0090ff url("/images/misc/uso_ms_content_next.png") no-repeat right top; }
#contentNavContainer .prev_item { float: left; background: #0090ff url("/images/misc/uso_ms_content_prev.png") no-repeat left top; }
#contentNavContainer .contentnext { margin-right: 17px; float: right; border-left: 1px solid #0090FF; }
#contentNavContainer .contentprev { margin-left: 17px; float: left; border-right: 1px solid #0090FF; }
/** horizontal social bar **/
.actions_h { float: left; margin-top: -15px; margin-bottom: 10px; width: 470px; height: 28px; }
.printLink_h { float: left; height: 14px; }
.print_link_h { margin: 0px; padding-left: 22px; display: block; height: 14px; background: url(/images/misc/print_icon.png) no-repeat; font-size: .9em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.actions_h.stars { float: none; width: 458px; overflow: hidden; }
.actions_h.stars .shareDiv_h { float: left; }
#bios { margin: 0px auto; float: left; width: 630px; }
#bios ul { list-style-type: none; padding: 0 0 0 0; margin: 5px 0 5px 10px; text-align: center; }
#bios ul li { padding: 0; }
/* related photos section in article detail */
#relatedPhotoContainer { width: 640px; min-height: 360px; padding: 0; margin: 0; overflow: hidden; }
#relatedPhotoContainer a:hover { text-decoration: none; color: #cc0000; background-color: #cc0000; }
#relatedPhotoContainer .slide { position: relative; }
#relatedPhotoContainer .thumbnails { text-align: center; height: 99px; width: 610px; margin: 5px auto; }
#relatedPhotoContainer .thumbnails img { cursor: pointer; background-color: white; margin: 0; padding: 0 4px 0 0; display: inline-block; height: 99px; border: none; }
#relatedPhotoContainer .thumbnails span.selected { opacity: 0.5 !important; filter: alpha(opacity=50) !important; display: inline-block; height: 99px !important; }
#relatedPhotoContainer #thumbContainer { position: relative; padding-left: 20px; margin-bottom: 30px; }
#relatedPhotoContainer #thumbContainer .caroufredsel_wrapper { margin: 5px 0 0 0 !important; }
#relatedPhotoContainer .prev_item { position: absolute; top: 0; left: 0; float: left; background: #0090ff url("/images/misc/uso_ms_content_prev.png") no-repeat left 50%; width: 17px; height: 99px; }
#relatedPhotoContainer .next_item { position: absolute; top: 0; right: 0; float: right; background: #0090ff url("/images/misc/uso_ms_content_next.png") no-repeat right 50%; width: 17px; height: 99px; }
#relatedPhotoContainer .selectedImg { z-index: 5; position: absolute; width: 148px; height: 99px; top: 0; left: 0; }
#relatedPhotoContainer .prev_item.disabled, #relatedPhotoContainer .next_item.disabled { display: none !important; }
#relatedPhotoContainer .expand { position: absolute; top: 6px; right: 6px; }
/* ends related photos section in article detail */
/** end article detail **/
/** photo detail **/
#photoTable { float: left; background-color: #DDE7EE; width: 630px; margin: 0px; padding: 0px; }
#photo_l { width: 500px; height: 333px; padding: 0px; margin: 36px auto; }
#photo_p { width: 500px; height: 510px; padding: 0px; margin: 5px auto; }
#photo_caption { width: 630px; width: 530px !important; font-weight: bold; background-color: #004B85; color: #FFFFFF; padding: 5px 50px; clear: left; }
#photo_caption p { margin: 0; padding: 0; }
#photoTable #captionItImage { width: 500px; margin: 10px 0; }
/** end photo deatil **/
/** rss **/
#rssTable { float: left; width: 500px; background: #000000; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; margin-top: 10px; }
#rssTable .row { float: left; width: 500px; line-height: 15px; border-bottom: 1px solid #000000; }
#rssTable .rsstitle { float: left; width: 100px; border-right: 1px solid #000000; background: #FFFFFF; text-align: center; }
#rssTable .rssurl { float: left; width: 399px; background: #DDE7EE; text-align: center; }
#rssTable .rssheader { color: #FFFFFF; background: #052A48; font-weight: bold; }
/** end rss **/
/** player of the day **/
.contentBorder { float: left; width: 628px; border: 1px solid #000033; }
#playerDayNav { float: left; width: 628px; width: 404px !important; height: 30px; height: 10px !important; padding: 10px 112px; border-bottom: 1px solid #000033; }
.playerDayBlankRow { float: left; width: 628px; height: 10px; border-bottom: 1px solid #000033; }
#playerDayBio { float: left; width: 628px; width: 400px !important; padding: 10px 114px; border-bottom: 1px solid #000033; }
#playerBioImg { float: left; width: 150px; }
#playerBioText1 { float: right; width: 240px; padding: 10px 0px; border-bottom: 1px solid #000033; }
#playerBioText2 { clear: right; float: right; width: 240px; padding: 20px 0px 10px 0px; border-bottom: 1px solid #000033; }
#playerDayText { float: left; width: 628px; width: 608px !important; padding: 10px; }
.playerDayBack { float: right; width: 630px; margin: 10px 0px; text-align: right; }
/** pre-match analysis **/
#prematchHeader { float: left; width: 628px; height: 30px; line-height: 30px; border-bottom: 1px solid #000033; text-align: center; }
.prematchBlankRow { float: left; width: 628px; min-height: 10px; border-bottom: 1px solid #000033; }
#playerPics { width: 100%; height: 150px; display: table; }
#playerPics .player { display: table-cell; width: 140px; vertical-align: middle; }
#playerPics .sponsor { display: table-cell; vertical-align: middle; text-align: center; }
#playerPics .sponsor img { display: inline-block; }
#playerPics .flag { width: 83px; display: table-cell; vertical-align: middle; text-align: center; }
#playerPics .flag img { display: inline-block; }
#playerPics .playerName { font-weight: bold; }
#playerPics .photo img { background: #001325; }
.prematchSectionHead { float: left; width: 628px; height: 25px; line-height: 25px; background: #001325; color: #FFFFFF; font-size: 1.2em; font-weight: bold; font-style: italic; text-align: center; }
.prematchSection { float: left; width: 608px; padding: 20px 10px; font-size: 1.2em; /* &#prematch_advantage { //padding:20px 10px; .col { display:inline-table; width:199px; border-left: solid 1px #CCCCCC; &:first-child { border-left:none } .row { width:100%; padding:5px 0px; text-align: center; &.term { font-size:16px; } &.label { padding:15px 0px; } } } } */ }
.prematchSection .label { font-weight: bold; color: #980000; text-align: center; text-transform: uppercase; font-size: 22px; font-family: "Helvetica Neue LT Medium", Helvetica, Arial, sans-serif; font-weight: 500; }
.prematchSection .large { font-size: 32px; }
.prematchSection .standard { font-size: 16px; }
.prematchSection .check { background: url("/images/misc/white_check.png") no-repeat center center #00B115; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 32px; height: 32px; display: inline-block; }
.prematchSection#prematch_numbers, .prematchSection#prematch_advantage { padding: 5px 10px; }
.prematchSection#prematch_numbers .row, .prematchSection#prematch_advantage .row { display: table; width: 100%; border-top: solid 1px #CCCCCC; text-align: center; padding: 15px 0px; }
.prematchSection#prematch_numbers .row:first-child, .prematchSection#prematch_advantage .row:first-child { border-top: none; }
.prematchSection#prematch_numbers .row .col, .prematchSection#prematch_advantage .row .col { display: table-cell; width: 204px; vertical-align: middle; }
.prematchLeft { width: 313px; width: 299px !important; border-right: 1px solid #000033; padding: 12px 7px; }
.prematchRight { width: 314px; width: 300px !important; padding: 12px 7px; }
#prematchNav { float: left; width: 628px; width: 404px !important; height: 30px; height: 10px !important; padding: 10px 112px; }
.prematchBack { float: right; width: 630px; margin: 10px 0px; text-align: right; }
/** end news **/
.ui-tabs-hide { display: none; }
/** hp fanzone **/
#fzButtons { width: 320px; width: 300px !important; height: 70px; height: 50px !important; margin: 0px; padding: 10px; }
/** end hp fanzone **/
/** tickets **/
#ticketsTabsContainer { width: 320px; height: 146px; }
#ticketsTabsContainer ul#ticketsTabs { list-style: none; width: 320px !important; height: 30px; float: left; padding: 0px; margin: 0px; }
#ticketsTabsContainer ul#ticketsTabs li { float: left; width: 159px; height: 25px; margin-top: 5px; background: rgba(118, 143, 163, 0.25); line-height: 25px; text-align: center; }
#ticketsTabsContainer ul#ticketsTabs li a { display: block; width: 159px; height: 25px; color: #FFFFFF; font-weight: bold; font-size: .9em; text-transform: uppercase; text-decoration: none; }
#ticketsTabsContainer ul#ticketsTabs li a:hover { color: #FF3333; }
#ticketsTabsContainer .ui-tabs-active { background: rgba(0, 75, 133, 0.5) !important; height: 30px !important; margin-top: 0px !important; line-height: 30px !important; }
#ticketsTabsContainer .ui-tabs-active a { display: block; height: 30px !important; color: #FFD65A !important; }
#ticketsTabsContainer .ui-tabs-panel { position: relative; width: 300px; height: 96px; float: left; margin: 0px; padding: 0px; background: rgba(0, 0, 0, 0.6); }
#ticketsTabsContainerTop { float: left; width: 320px; height: 10px; background: rgba(0, 75, 133, 0.5); }
#ticketsTabsContainerRight { float: left; width: 10px; height: 96px; background: rgba(0, 75, 133, 0.5); }
#ticketsTabsContainerLeft { float: left; width: 10px; height: 96px; background: rgba(0, 75, 133, 0.5); }
#ticketsTabsContainerBottom { float: left; width: 320px; height: 10px; background: rgba(0, 75, 133, 0.5); }
#ticketsTabsContainer .ticketsImage { float: left; width: 152px; height: 82px; margin: 6px 6px 6px 1px; }
#ticketsTabsContainer .ticketsText { float: left; width: 136px; height: 63px; margin: 15px 5px 0px 0px; color: #FFFFFF; }
#ticketsTabsContainer .visitingImage { float: left; width: 94px; height: 89px; margin: 3px 39px 4px 26px; }
#ticketsTabsContainer .visitingText { float: left; width: 136px; height: 63px; margin: 15px 5px 0px 0px; color: #FFFFFF; }
#ticketsTabsContainer .actions { position: absolute; bottom: 0px; right: 0px; }
/** end tickets **/
/** summary scoreboard **/
#ssb { width: 960px; height: 100px; margin: 0px auto; background: #0073b9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzNiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYzYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0073b9 0%, #0063c4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0073b9), color-stop(100%, #0063c4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0073b9 0%, #0063c4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0073b9 0%, #0063c4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0073b9 0%, #0063c4 100%); /* IE10+ */ background: linear-gradient(to bottom, #0073b9 0%, #0063c4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0073b9', endColorstr='#0063c4',GradientType=0 ); /* IE6-8 */ }
.sumscores-sprite, .sumscores-completed_matches, .sumscores-live_scores, .sumscores-radio_offair, .sumscores-radio_onair, .sumscores-results, .sumscores-slamtracker, .sumscores-slamtracker_more, #ssb_promo_container #ssb_slamtracker, #ssb_promo_container #ssb_slamtracker:hover, #ssb_promo_container #ssb_live, #ssb_promo_container #ssb_live:hover, #ssb_promo_container #ssb_results, #ssb_promo_container #ssb_results:hover, #ssb_promo_container #ssb_pre, #ssb_promo_container #ssb_pre:hover, #ssb_promo_container #ssb_radio, #ssb_promo_container #ssb_radio:hover, #ssb_promo_container #ssb_radio.off { background-image: url('/sprites/../sprites/sumscores-s7684a8bec6.png'); background-repeat: no-repeat; }
.sumscores-completed_matches { background-position: 0 0; }
.sumscores-completed_matches:hover, .sumscores-completed_matches.completed_matches-hover { background-position: 0 -45px; }
.sumscores-live_scores { background-position: 0 -90px; }
.sumscores-live_scores:hover, .sumscores-live_scores.live_scores-hover { background-position: 0 -135px; }
.sumscores-radio_offair { background-position: 0 -180px; }
.sumscores-radio_onair { background-position: 0 -224px; }
.sumscores-radio_onair:hover, .sumscores-radio_onair.radio_onair-hover { background-position: 0 -268px; }
.sumscores-results { background-position: 0 -312px; }
.sumscores-results:hover, .sumscores-results.results-hover { background-position: 0 -357px; }
.sumscores-slamtracker { background-position: 0 -402px; }
.sumscores-slamtracker:hover, .sumscores-slamtracker.slamtracker-hover { background-position: 0 -447px; }
.sumscores-slamtracker_more { background-position: 0 -492px; }
.sumscores-slamtracker_more:hover, .sumscores-slamtracker_more.slamtracker_more-hover { background-position: 0 -537px; }
#ssb_promo_container { float: right; margin-right: 5px; width: 265px; height: 100px; }
#ssb_promo_container .ssb_promo { float: left; width: 265px; height: 44px; margin-top: 2px; }
#ssb_promo_container .ssb_promo a { display: block; width: 100%; height: 100%; }
#ssb_promo_container .ssb_promo:first-child { float: left; height: 45px; margin-top: 5px; }
#ssb_promo_container #ssb_slamtracker { background-position: 0 -402px; }
#ssb_promo_container #ssb_slamtracker:hover, #ssb_promo_container #ssb_slamtracker.slamtracker-hover { background-position: 0 -447px; }
#ssb_promo_container #ssb_slamtracker:hover { background-position: 0 -447px; }
#ssb_promo_container #ssb_live { background-position: 0 -90px; }
#ssb_promo_container #ssb_live:hover, #ssb_promo_container #ssb_live.live_scores-hover { background-position: 0 -135px; }
#ssb_promo_container #ssb_live:hover { background-position: 0 -135px; }
#ssb_promo_container #ssb_results { background-position: 0 0; }
#ssb_promo_container #ssb_results:hover, #ssb_promo_container #ssb_results.completed_matches-hover { background-position: 0 -45px; }
#ssb_promo_container #ssb_results:hover { background-position: 0 -45px; }
#ssb_promo_container #ssb_pre { background-position: 0 -492px; }
#ssb_promo_container #ssb_pre:hover, #ssb_promo_container #ssb_pre.slamtracker_more-hover { background-position: 0 -537px; }
#ssb_promo_container #ssb_pre:hover { background-position: 0 -537px; }
#ssb_promo_container #ssb_radio { background-position: 0 -224px; }
#ssb_promo_container #ssb_radio:hover, #ssb_promo_container #ssb_radio.radio_onair-hover { background-position: 0 -268px; }
#ssb_promo_container #ssb_radio:hover { background-position: 0 -268px; }
#ssb_promo_container #ssb_radio.off { background-position: 0 -180px; }
#ssb_tabs { width: 690px; height: 100px; float: left; position: relative; }
#ssb_tabs > ul { list-style: none; margin: 0px; padding: 0px; width: 100px; height: 100px; }
#ssb_tabs > ul li { font-size: 12px; text-transform: uppercase; text-align: center; list-style: none; margin: 0px; padding: 0px; width: 100px; float: Left; }
#ssb_tabs > ul li#ssb_1 { height: 33px; line-height: 33px; }
#ssb_tabs > ul li#ssb_2 { height: 32px; line-height: 32px; margin-top: 1px; margin-bottom: 1px; }
#ssb_tabs > ul li#ssb_3 { height: 33px; line-height: 33px; }
#ssb_tabs > ul li a { color: #FFFFFF; display: block; text-decoration: none; }
#ssb_tabs > ul li a:hover { color: #CC0000; }
#ssb_tabs > ul li.ui-state-default { background: #00264C; }
#ssb_tabs > ul li.ui-state-active { background: none !important; }
#ssb_tabs > ul li.ui-state-active a { color: #FFFFFF; }
#ssb_tabs > ul li.ui-state-disabled a { color: #58677C; cursor: default; }
#ssb_tabs .ssb_panel { position: absolute; top: 0px; right: 0px; width: 590px; height: 100px; overflow: hidden; }
#ssb_tabs .ssb_panel .ssb_prev { position: absolute; left: 9px; top: 6px; width: 20px; height: 91px; line-height: 91px; font-weight: bold; font-size: 14px; color: #FFFFFF; background: url("/images/misc/sumscores_prev.png") center center no-repeat #0090ff; cursor: pointer; }
#ssb_tabs .ssb_panel .ssb_next { position: absolute; right: 6px; top: 6px; width: 20px; height: 91px; line-height: 91px; font-weight: bold; font-size: 14px; color: #FFFFFF; background: url("/images/misc/sumscores_next.png") center center no-repeat #0090ff; cursor: pointer; }
#ssb_tabs .ssb_panel .ssb_prev:hover, #ssb_tabs .ssb_panel .ssb_next:hover { background-color: #CC0000; }
#ssb_tabs .ssb_panel .ssb_prev.disabled, #ssb_tabs .ssb_panel .ssb_prev.hidden, #ssb_tabs .ssb_panel .ssb_prev.disabled:hover, #ssb_tabs .ssb_panel .ssb_prev.hidden:hover { display: block !important; cursor: default; background-color: #0090FF; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ }
#ssb_tabs .ssb_panel .ssb_next.disabled, #ssb_tabs .ssb_panel .ssb_next.hidden, #ssb_tabs .ssb_panel .ssb_next.disabled:hover, #ssb_tabs .ssb_panel .ssb_next.hidden:hover { display: block !important; cursor: default; background-color: #0090FF; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ }
#ssb_tabs .ssb_panel .ssb_carousel { position: absolute; top: 6px; left: 31px; width: 573px; height: 91px; }
#ssb_tabs .ssb_panel .ssb_scoreboard { width: 531px; height: 91px; margin: 0px !important; }
#ssb_tabs .ssb_panel .event_info { color: #FFFFFF; text-transform: uppercase; width: 69px; height: 91px; float: left; text-align: center; background: #00264C; }
#ssb_tabs .ssb_panel .event_info .event { font-size: 11px; line-height: 11px; margin-top: 10px; }
#ssb_tabs .ssb_panel .event_info .round { font-size: 16px; line-height: 16px; margin-top: 15px; }
#ssb_tabs .ssb_panel .scoreboard { width: 461px; height: 91px; float: left; margin-left: 1px; overflow: hidden; color: #FFFFFF; }
#ssb_tabs .ssb_panel .scoreboard .match_info { float: left; width: 352px; width: 332px !important; text-align: center; height: 17px; line-height: 17px; font-weight: bold; text-align: left; text-transform: uppercase; padding: 0px 10px; font-size: 10px; }
#ssb_tabs .ssb_panel .scoreboard .match_data { float: left; display: inline-block; width: 352px; height: 91px; background: #64aad5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0YWFkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NGEzZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #64aad5 0%, #64a3df 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64aad5), color-stop(100%, #64a3df)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #64aad5 0%, #64a3df 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #64aad5 0%, #64a3df 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #64aad5 0%, #64a3df 100%); /* IE10+ */ background: linear-gradient(to bottom, #64aad5 0%, #64a3df 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64aad5', endColorstr='#64a3df',GradientType=0 ); /* IE6-8 */ }
#ssb_tabs .ssb_panel .scoreboard .match_data a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-weight: bold; }
#ssb_tabs .ssb_panel .scoreboard .match_data a:hover { color: #CC0000; }
#ssb_tabs .ssb_panel .scoreboard .match_data .scorecard { float: left; width: 352px; height: 64px; background: url("/images/misc/sumscores_scoreboard_bg.png") no-repeat center -23px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team { height: 34px; width: 352px; float: left; line-height: 34px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team .flag { float: left; width: 26px; margin-left: 10px; margin-right: 5px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team .flag img { margin-top: 9px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team .seed { height: 34px; font-weight: bold; font-size: 13px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team .name { float: left; width: 193px; height: 34px; margin-left: 9px; font-size: 13px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team .icon { float: left; width: 14px; height: 14px; margin-left: 2px; margin-top: 9px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team .icon.winner { background: url("/images/scores/mip_winner.png") no-repeat 50% 50%; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team .icon.server { background: url("/images/scores/mip_server.png") no-repeat 50% 50%; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team.doubles .flag { line-height: 6px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team.doubles .flag img { margin-top: 0px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team.doubles .flag img:first-child { margin-top: 1px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team.doubles .name { line-height: 17px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team .scores { float: right; width: 120px; font-size: 17px; font-weight: bold; margin-right: 5px; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team .scores .set { float: left; width: 24px; height: 34px; position: relative; }
#ssb_tabs .ssb_panel .scoreboard .match_data .team .scores sup { font-size: 10px; vertical-align: baseline; position: relative; top: -0.7em; }
#ssb_tabs .ssb_panel .scoreboard .match_actions { float: right; display: inline-block; width: 108px; height: 91px; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action { background: #0090FF; text-align: center; text-transform: uppercase; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action:hover { background: #CC0000; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.status { color: #FFCC66; font-size: 16px !important; line-height: 18px !important; padding-top: 5px; height: 40px !important; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.status:hover { background: #0090FF; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.schedule { font-size: 14px !important; line-height: 18px !important; padding-top: 5px; height: 40px !important; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.disabled:hover { background: #0090FF; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action:hover a { color: #FFFFFF !important; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.stats a, #ssb_tabs .ssb_panel .scoreboard .match_actions .action.scores a { color: #FFFFFF; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.watch a { color: #FFCC66; font-size: 20px; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.schedule a { color: #FFFFFF; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.disabled.stats a, #ssb_tabs .ssb_panel .scoreboard .match_actions .action.disabled.scores a { color: #59B7FF !important; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.disabled.watch a { color: #59A5CA !important; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.top { float: left; width: 108px; height: 45px; line-height: 45px; font-size: 14px; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.bottom { margin-top: 1px; clear: left; float: left; width: 108px; height: 45px; line-height: 45px; font-size: 14px; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.left { width: 53px; float: left; font-size: 10px; line-height: 15px; padding-top: 10px; height: 35px; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action.right { clear: none; width: 54px; float: right; font-size: 10px; line-height: 15px; padding-top: 10px; height: 35px; }
#ssb_tabs .ssb_panel .scoreboard .match_actions .action a { display: block; text-decoration: none; width: 100%; height: 100%; }
/** end summary scoreboard **/
/** end scoreboard **/
/** popular news/photos **/
#popularTabsContainer { width: 320px; height: 192px; }
#popularTabsContainer ul#popularTabs { list-style: none; width: 320px !important; height: 30px; float: left; padding: 0px; margin: 0px; }
#popularTabsContainer ul#popularTabs li { float: left; width: 159px; height: 27px; margin-top: 3px; background: #293C4B; line-height: 26px; text-align: center; }
#popularTabsContainer ul#popularTabs li a { display: block; width: 159px; height: 23px; color: #FFFFFF; font-weight: bold; font-size: .9em; text-transform: uppercase; text-decoration: none; }
#popularTabsContainer ul#popularTabs li a:hover { color: #FF3333; }
#popularTabsContainer #popularContentContainer { float: left; position: relative; width: 320px; width: 300px !important; height: 162px; height: 142px !important; padding: 10px; }
#popularTabsContainer .ui-tabs-active { background: #00457B !important; height: 30px !important; margin-top: 0px !important; line-height: 29px !important; }
#popularTabsContainer .ui-tabs-active a { display: block; height: 30px !important; color: #FFD65A !important; }
#popularTabsContainer .ui-tabs-panel { width: 300px; height: 142px; float: left; margin: 0px; padding: 0px; position: relative; background: #FFFFFF; overflow: hidden; }
#popularTabsContainer #popularPhotos.ui-tabs-panel { background: transparent; }
#popularTabsContainer .newsPanel { height: 122px; padding: 0px 5px; float: left; width: 300px; width: 290px !important; overflow: hidden; }
#popularTabsContainer .actions { position: absolute; bottom: 0px; right: 0px; }
#popularTabsContainer #popularPhotos .actions { bottom: 10px; right: 5px; }
#popularTabsContainer .bubble { float: right; position: relative; width: 25px; height: 17px; display: block; margin-left: 10px; }
#popularTabsContainer .bubble .top { position: absolute; top: 0px; left: 0px; height: 14px; width: 100%; text-align: center; color: #FFFFFF; font-size: 0.9em; line-height: 12px; background: #0099FF; }
#popularTabsContainer .bubble .bottom { position: absolute; bottom: 0px; left: 0px; width: 5px; height: 3px; background: url(/images/misc/uso_ms_00000g9_btm.png) no-repeat; }
#popularTabsContainer .headline { margin: 9px 0px; line-height: 14px; text-decoration: none; font-weight: bold; font-weight: bold; color: #FFFFFF; }
#popularTabsContainer .headline a { text-decoration: none; font-weight: bold; font-weight: bold; color: #00264C; }
#popularTabsContainer .headline a:hover { color: #FF3333; }
#popularTabsContainer #photosPopular { float: left; width: 300px; height: 97px; height: auto; margin-top: 5px; }
#popularTabsContainer #photosPopular .photoitem { float: left; position: relative; width: 140px; height: 93px; margin: 0px 5px; }
#popularTabsContainer #photosPopular .photoitem .overlay { position: absolute; width: 140px; width: 128px !important; height: 93px; height: 20px !important; left: 0px; top: 0px; line-height: 20px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: .9em; cursor: pointer; padding: 72px 6px 1px 6px; }
#popularTabsContainer #photosPopular .photoitem .overlay:hover { background-position: 0px -93px; }
#popularTabsContainer #photosPopular .photoitem .image { position: absolute; width: 138px; height: 91px; left: 1px; top: 1px; }
/** end popular news/photos **/
/** player index page **/
#playerDetailContainer { float: left; width: 630px; }
#playerDetailContainer .article_close { float: right; height: 20px; font-size: 1.4em; font-weight: bold; position: absolute; right: 10px; top: 10px; vertical-align: middle; }
#playerDetailContainer .article_close a { color: #000000; text-decoration: none; }
#playerDetailContainer .article_close img { display: inline; margin-left: 5px; vertical-align: middle; }
#playersMensColumn { float: left; width: 310px; margin: 0px 10px 20px 0px; overflow: hidden; }
#playersWomensColumn { float: left; width: 310px; margin: 0px 0px 20px 0px; overflow: hidden; }
#playersMensColumn a, #playersWomensColumn a { text-decoration: none; font-weight: bold; }
.columnContent { float: left; width: 310px; margin: 1px 0px 10px 0px; overflow: hidden; }
.columnContent h3 { font-size: 1.2em; color: #00264C; margin: 0px 0px 5px 0px; }
.columnContent .headerseed { float: left; width: 44px; height: 20px; line-height: 19px; margin-right: 1px; background: #004B85; color: #FFFFFF; font-weight: bold; text-align: center; }
.columnContent .headerplayer { float: left; width: 265px; width: 255px !important; height: 20px; line-height: 19px; background: #004B85; color: #FFFFFF; font-weight: bold; padding-left: 10px; }
.columnContent .row { float: left; width: 310px; }
.columnContent img { float: left; margin-right: 10px; }
.columnContent .seed { float: left; width: 44px; height: 99px; background: #DDE7EE; margin: 1px 1px 0px 0px; color: #000000; line-height: 99px; text-align: center; font-size: 1.2em; }
.columnContent .player { float: left; width: 265px; width: 245px !important; height: 99px; height: 79px !important; background: #DDE7EE; padding: 10px; margin-top: 1px; }
#playerPromos { float: left; width: 630px; padding-top: 10px; border-top: 1px solid #B2B2B2; }
#playerPromos .left { float: left; width: 310px; margin-right: 10px; }
#playerPromos .right { float: left; width: 310px; }
/** end player index page **/
/** NEW PLAYER PROFILES START HERE */
/***** Players section styles *******/
#playerIndex #letterTabs { float: left; width: 630px; height: 26px; background: #00264C; margin-bottom: 20px; }
#playerIndex #letterTabs ul { float: left; width: 630px; height: 20px; margin: 6px 0 0 0; padding: 0 0 0 73px; 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: #ff0000; }
#playerIndex .section { float: left; clear: left; width: 630px; margin-bottom: 10px; }
#playerIndex .sectionTitle { float: left; width: 630px; height: 26px; line-height: 26px; }
#playerIndex .sectionHeading { float: left; width: 630px; height: 24px; line-height: 26px; }
#playerIndex .men { width: 308px; float: left; border-bottom: 1px solid #ffffff; background: #DDE7EE; }
#playerIndex .women { width: 307px; float: right; border-bottom: 1px solid #ffffff; background: #DDE7EE; }
#playerIndex .sectionTitle .men, #playerIndex .sectionTitle .women { width: 300px !important; background: #00264C; border: none; height: 26px; padding: 0px 4px; color: #ffffff; font-weight: bold; }
#playerIndex .sectionHeading .men, #playerIndex .sectionHeading .women { width: 300px !important; background: #004B85; border: none; height: 24px; padding: 0px 4px; color: #ffffff; font-weight: bold; }
#playerIndex .section a { clear: left; display: block; border-bottom: solid 1px #ffffff; padding: 5px; }
#playerProfile .infoSection { float: left; width: 630px; margin-bottom: 18px; }
#playerProfile .infoSection .imageContainer { float: left; margin-right: 20px; }
#playerProfile .infoSection .imageContainer .caption { float: left; font-size: 0.9em; width: 156px; }
#playerProfile .infoSection .imageContainer .txtalert { font-size: 1em; width: 156px; margin: 5px 0; font-weight: bold; text-align: center; }
#playerProfile .infoSection .info { float: left; }
#playerProfile .infoSection .info img { float: left; }
#playerProfile .infoSection .info .label { clear: left; float: left; width: 75px; text-align: left; font-weight: bold; padding: 5px 0 5px 0; }
#playerProfile .infoSection .info .value { float: left; text-align: left; margin-left: 10px; width: 221px; padding: 5px 0 5px 0; }
#playerProfile .infoSection .info .value.upper { font-size: 1.5em; font-weight: bold; line-height: 26px; }
#playerProfile .tabSection { float: left; width: 630px; }
#playerProfile .tabSection .profileTabs { float: left; width: 630px; }
#playerProfile .tabSection .profileTabs ul.tabs { float: left; width: 512px; height: 25px; margin: 0px; padding: 0px; list-style: none; }
#playerProfile .tabSection .profileTabs ul.tabs li { width: 170px; float: left; list-style: none; padding: 0; margin: 0; text-align: center; height: 25px; background: #DEE7EE; color: #000000; line-height: 25px; text-transform: uppercase; }
#playerProfile .tabSection .profileTabs ul.tabs li a { text-decoration: none; color: #000000; }
#playerProfile .tabSection .profileTabs ul.tabs li:first-child { width: 171px; }
#playerProfile .tabSection .profileTabs ul.tabs li.ui-tabs-active { height: 25px; background: #004B85; color: #FFD75D; margin-top: 0px; line-height: 25px; font-weight: bold; }
#playerProfile .tabSection .profileTabs ul.tabs li.ui-tabs-active a { color: #FFD75D; }
#playerProfile .tabSection h2 { margin: 15px 0px; text-transform: uppercase; font-size: 1.0em; color: #0090FF; }
#playerProfile .tabSection .panel { float: left; width: 630px; background: #004B85; padding-bottom: 20px; }
#playerProfile .panel .module { background: #001325; padding: 10px; border-bottom: solid 1px #000000; float: left; width: 590px; margin: 10px; color: #ffffff; }
#playerProfile .panel .module .link { text-align: right; }
#playerProfile .panel .module.photos img { margin-left: 0px; margin-bottom: 20px; float: left; }
#playerProfile .panel .module.photos h2 + img { margin-left: 0; }
#playerProfile .panel .module.photos ul { float: left; width: 590px; height: 140px; list-style: none; margin: 0px; padding: 0px; }
#playerProfile .panel .module.photos ul li { list-style: none; float: left; width: 140px; margin: 0px 7px 0px 0px; padding: 0px; }
#playerProfile .panel .module.tournInfo div { border-top: solid 1px #EEE8F2; float: left; width: 100%; line-height: 25px; }
#playerProfile .panel .module.tournInfo h2 { margin-bottom: 10px; }
#playerProfile .panel .module.tournInfo div span { font-weight: bold; }
#playerProfile .panel .module.tournInfo h2 + div { border-top: none; }
#playerProfile .panel .module.overview { border-bottom: none; }
#playerProfile .panel .module.overview table { width: 100%; }
#playerProfile .panel .module.overview tr td { padding: 0px 10px 10px 0px; }
#playerProfile .panel .module.grandslam { background: #ffffff; color: #000000; }
#playerProfile .panel .module.grandslam .resultsContainer { width: 440px; float: left; }
#playerProfile .panel .module.grandslam .bioResultsTbl { width: 440px; margin-bottom: 15px; }
#playerProfile .panel .module.grandslam .legend { float: right; width: 137px; margin-bottom: 10px; }
#playerProfile .panel .module.grandslam .legend .title { height: 26px; line-height: 26px; text-transform: uppercase; font-size: 1.0em !important; }
#playerProfile .panel .module.grandslam .legend div { padding: 0px 3px; font-size: 0.9em; }
#playerProfile .panel .module.grandslam .creditContainer { clear: right; float: right; width: 137px; font-size: 0.9em; }
#playerProfile .panel .module.grandslam .creditContainer .credit { float: left; width: 80px; }
#playerProfile .panel .module.grandslam .creditContainer img { float: right; }
#playerProfile .panel .module.news:first-child { padding-bottom: 0px; }
#playerProfile .panel .module.news ul { padding-left: 15px; margin: 0px; margin-bottom: 15px; }
#playerProfile #ms .module { background: #ffffff; color: #000000; }
#playerProfile .panel .module.stats .bioStatsTbl { width: 512px; margin-bottom: 15px; }
#playerProfile #ni .blueHeaderBar610 { margin: 0 10px 0 10px; }
#playerProfile #ni .lightBlueBox610 { margin: 0 10px 10px 10px; }
#playerProfile .tblGrid { background: #ffffff; }
#playerProfile .tblGrid td { background: #DDE7EE; text-align: center; padding: 3px; border-top: 1px solid #ffffff; }
#playerProfile .tblGrid td:first-child { text-align: left; }
#playerProfile .tblGrid tr:first-child td { height: 25px; background: #001325; text-transform: uppercase; color: #ffffff; border-top: none; padding: 3px; }
#playerProfile .tblGrid tr:first-child + tr td { color: #ffffff; height: 24px; background: #004B85; font-size: 0.9em; border-top: none; padding: 3px; }
/* table grid styles */
/** END NEW PLAYER PROFILES CSS */
/** player profiles **/
#tabsPlayersProfile { width: 630px; }
#tabsPlayersProfile ul { float: left; width: 630px; height: 25px; list-style: none; margin: 0px; padding: 0px; overflow: hidden; }
#tabsPlayersProfile li { float: left; height: 22px; margin-top: 3px; padding: 0px; margin: 0px; overflow: hidden; background: #DEE7EE; line-height: 20px; text-align: center; font-size: .9em; text-transform: uppercase; }
#tabsPlayersProfile li a { display: block; height: 22px; color: #072944; font-weight: bold; text-decoration: none; }
#tabsPlayersProfile li a:hover { color: #FF3333; }
#tabsPlayersProfile .ui-tabs-active { background: #004B85 !important; height: 25px !important; margin-top: 0px !important; line-height: 25px !important; }
#tabsPlayersProfile .ui-tabs-active a { display: block; height: 25px !important; color: #FFD75D !important; }
#tabsPlayersProfile .ui-tabs-panel { width: 630px; width: 630px !important; overflow: hidden; }
#tabsPlayersProfileTop { width: 630px; width: 610px !important; margin: 0px 0px 0px 0px; padding: 12px 10px 10px 10px; overflow: hidden; background: #004B85; color: #FFFFFF; }
#ppprofile a { width: 132px; }
#ppnews a { width: 147px; }
#ppstats a { width: 163px; }
#bioWhiteBkg { float: left; background: #FFFFFF; width: 610px; }
.bioSectHead { color: #0090FF; background-color: #001325; font-weight: bold; }
.bioSectHead2 { background-color: #004B85; color: #FFFFFF; }
.bioSectHead3 { background-color: #001325; color: #FFFFFF; font-weight: bold; line-height: 25px; padding: 0px 0px 0px 10px; }
.bioSectBlue1 { background-color: #E0EEFF; }
.bioSectBlue2 { background-color: #001325; }
.bioSectBlue3 { background-color: #DDE7EE; }
.bioSectBlue2 a:link, .bioSectBlue2 a:visited { color: #FFD75D; }
.bioSectBlue2 a:hover, .bioSectBlue2 a:active { color: #FF3333; }
.ATPlogo { padding: 0px 10px 0px 0px; }
.redText { color: #FF3333; }
.whiteBioText { color: #FFFFFF; }
.bioLink a:link, .bioLink a:visited { color: #FFFFFF; text-decoration: none; }
.bioLink a:hover, .bioLink a:active { color: #FF3333; text-decoration: none; }
.bgEDE8F1 { background-color: #dee7ee; }
#scoresTableDiv { width: 450px; margin: 0px auto; }
.scoresTable { background: #000000; }
.scoresTable td { background: #FFFFFF; }
.scoresTable td.bgB797CC { background-color: #97cbf2; font-weight: normal; color: #000000; }
.scoresTable td.bgEDE8F1 { background-color: #dee7ee; }
#playerProfile .tabSection .panel .courts2 { margin: 10px 160px; }
/** player profiles **/
/** New CSS for schedule (based on previous Slam) PROVAN */
/***** schedule navigator styles */
#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; }
#scheduleNav ul li a { text-decoration: none; color: #ffffff; }
#scheduleNav #mainTabs li { height: 25px; line-height: 25px; text-align: center; background: #DEE7EE; font-size: 1.2em; }
#scheduleNav #mainTabs li.ui-tabs-active { height: 25px; line-height: 25px; text-align: center; background: #004B85; margin-top: 0px; font-weight: bold; }
#scheduleNav #mainTabs li a { display: block; width: 100%; color: #000000; }
#scheduleNav #mainTabs li.ui-tabs-active a { color: #FFD75D; }
#scheduleNav #qualDays > ul { background: #004B85; height: 26px; padding: 0px 12px; width: 486px; margin-bottom: 20px; }
#scheduleNav #qualDays > ul li { height: 20px; margin-top: 6px; line-height: 20px; padding: 0px 8px; color: #ffffff; font-weight: bold; font-size: 1.1em; }
#scheduleNav #qualDays > ul li:first-child { padding-left: 0px; padding-right: 7px; }
#scheduleNav #qualDays > ul li.selected { background: #0C2B46; }
#scheduleNav #qualDays > ul li a { display: block; width: 100%; color: #ffffff; }
#scheduleNav #qualDays > ul li.selected a { color: #FFD65A; }
#scheduleNav #tournDays > ul { background: #004B85; height: 26px; padding: 0px 2px 0px 3px; width: 505px; margin-bottom: 20px; }
#scheduleNav #tournDays > ul li { height: 20px; margin-top: 6px; line-height: 20px; padding: 0px 7px; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 1.1em; }
#scheduleNav #tournDays > ul li.selected { background: #0C2B46; }
#scheduleNav #tournDays > ul li.selected a { color: #FFD65A; }
#scheduleNav .panel ul { margin-bottom: 15px; }
#scheduleNav .panel ul li { float: left; width: auto; padding: 0px 10px; }
#scheduleDesc { text-transform: uppercase; padding-bottom: 5px; font-size: 1.1em; }
a.print_link { margin: 0 5px 5px 5px; display: block; padding-left: 18px; height: 14px; background: url(/images/misc/print_icon.gif) no-repeat; font-size: .8em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
a.print_link:link { color: #052A48; }
a.print_link:hover, a.print_link:active { color: #3480BD; }
a.print_link:visited { color: #0066CC; }
#schedule .court { width: 100%; border: 1px solid #000000; border-collapse: collapse; margin-bottom: 15px; }
#schedule .court td { padding: 0; margin: 0; }
#schedule .court .courtName { background: #97CBF2; color: #000000; text-align: center; vertical-align: middle; width: 73px; border-right: 1px solid #000000; }
#schedule .court table { width: 100%; border-collapse: collapse; }
#schedule .court table td { padding: 3px 0px 3px 10px; }
#schedule .court table td a { color: #052A48; font-weight: bold; text-decoration: none; }
#schedule .court .matchHeader { background: #DEE7EE; color: #000000; height: 24px; vertical-align: middle; font-weight: bold; }
#schedule .court .matchScore { background: #97CBF2; text-align: center; vertical-align: middle; padding: 0; width: 130px; }
/** End new CSS for schedule **/
/***** Extra Stats *****/
#extraStats #statListing .left { float: left; width: 307px; border: 1px solid #dee7ee; font-size: 1em; }
#extraStats #statListing .right { float: left; width: 307px; border: 1px solid #dee7ee; font-size: 1em; margin-left: 10px; }
#extraStats #statListing .heading { padding: 3px; background: #dee7ee; text-transform: uppercase; color: #000000; }
#extraStats #statListing .row { padding: 3px; border-top: 1px solid #dee7ee; }
#extraStats .statsHeader { margin-top: 10px; background: #97cbf2; text-transform: uppercase; color: #000000; padding: 3px; }
#extraStats .statsTable { border-collapse: collapse; border: 1px solid #dee7ee; width: 100%; }
#extraStats .statsTable td { padding: 3px; border: 1px solid #dee7ee; text-align: center; }
#extraStats .statsTable .header td { background: #dee7ee; }
/** player diaries **/
#mensDiaries { float: left; width: 253px; margin-top: 15px; background: #000000; border: 1px solid #000000; border-bottom: 0px; }
#womensDiaries { float: right; width: 253px; margin-top: 15px; background: #000000; border: 1px solid #000000; border-bottom: 0px; }
.diariesHeader { float: left; width: 253px; width: 243px !important; font-weight: bold; line-height: 17px; color: #FFFFFF; background: #000033; padding: 0px 5px; margin-bottom: 1px; }
.diariesWhite { float: left; width: 253px; width: 243px !important; font-weight: bold; line-height: 17px; color: #990000; background: #FFFFFF; padding: 0px 5px; margin-bottom: 1px; }
.diariesBlue { float: left; width: 253px; width: 243px !important; background: #DDE7EE; padding: 2px 5px; line-height: 13px; margin-bottom: 1px; }
/** video page **/
#rmaVideoDiv { float: left; width: 661px; height: 35px; visibility: visible; overflow: hidden; z-index: 10; margin: 0; padding: 0; }
#mediaPageContent { background-color: #FFFFFF; margin: 0 10px; width: 1000px; float: left; font-family: "Swiss721BT-Roman", Arial, Helvetica, sans-serif; color: #818181; margin-top: 79px; }
.mediaTabs { width: 660px; }
.mediaTabs ul { list-style-type: none; padding: 0px; margin: 0px; }
.mediaTabs ul li { float: left; width: 330px; height: 40px; line-height: 40px; color: #FFF; text-align: center; background-color: #01264c; }
.mediaTabs ul li.active { background-color: #0573b9; }
.mediaTabs ul li h2 { color: #FFF; margin: 0; text-transform: uppercase; font-size: 2em; font-family: 'Swiss721BT-BoldCondensed',Arial,Helvetica,sans-serif; font-weight: normal; }
.mediaTabs ul li a { text-decoration: none; color: #FFF; }
.mediaTabs ul li a:hover { color: #CC0000; }
#videoLeft { float: left; width: 650px !important; height: 394px !important; margin: 0px 2px 6px 0px; padding: 4px; /*background:#004B85;*/ position: relative; }
#videoRight { float: right; width: 328px; height: 394px; margin-bottom: 6px; }
#videoAd { float: left; width: 320px !important; height: 270px !important; padding: 4px; overflow: hidden; }
#videoSlamtracker { float: left; width: 320px !important; height: 115px !important; margin-top: 2px; overflow: hidden; padding: 4px; }
#videoRadio { float: left; width: 320px !important; height: 43px !important; padding: 4px; margin-top: 2px; overflow: hidden; }
#videoContent, #photoContent { padding: 20px; width: 96%; display: inline-block; }
#videoContent .videoContainerInfo, #photoContent .videoContainerInfo { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; display: inline-block; padding-top: 2px; }
#videoContent .chip, #photoContent .chip { float: right; margin: 0; }
#videoContent .videoContentTitle, #videoContent .photoContentTitle, #photoContent .videoContentTitle, #photoContent .photoContentTitle { width: 100%; margin-bottom: 15px; *zoom: 1; }
#videoContent .videoContentTitle:after, #videoContent .photoContentTitle:after, #photoContent .videoContentTitle:after, #photoContent .photoContentTitle:after { content: ""; display: table; clear: both; }
#videoContent .videoContentTitle h2, #videoContent .photoContentTitle h2, #photoContent .videoContentTitle h2, #photoContent .photoContentTitle h2 { float: left; font-size: 2em; text-transform: uppercase; line-height: 40px; }
#videoContent .videoContentTitle .blueLargeBtn, #videoContent .photoContentTitle .blueLargeBtn, #photoContent .videoContentTitle .blueLargeBtn, #photoContent .photoContentTitle .blueLargeBtn { width: 180px; margin-right: 20px; }
#videoContent .videoContentTitle .subSponsor, #videoContent .photoContentTitle .subSponsor, #photoContent .videoContentTitle .subSponsor, #photoContent .photoContentTitle .subSponsor { float: right; }
#videoContent .videoContentTitle .noSponsor, #videoContent .photoContentTitle .noSponsor, #photoContent .videoContentTitle .noSponsor, #photoContent .photoContentTitle .noSponsor { margin-right: 0px; }
#videoTabsContent { float: left; width: 960px !important; margin-left: 10px; padding: 12px 10px; background: #0573b9; }
#videoTabsContainer { float: left; width: 960px; /*height:241px;*/ }
#videoTabsContainer ul#videoTabs { list-style: none; width: 960px !important; height: 26px; float: left; padding: 0px; margin: 0px; }
#videoTabsContainer ul#videoTabs li { float: left; width: 190px; height: 24px; font-size: .8em; line-height: 9px; text-align: center; font-weight: bold; text-transform: uppercase; background: #01264c; border-top: 1px solid #0573b9; border-left: 1px solid #0573b9; border-bottom: 1px solid #0573b9; }
#videoTabsContainer ul#videoTabs li:first { border-left: none; }
#videoTabsContainer ul#videoTabs li a { display: block; width: 190px; height: 24px; color: #FFFFFF; text-decoration: none; }
#videoTabsContainer ul#videoTabs li a:hover { color: #CC0000; }
#videoTabsContainer ul#videoTabs li.single { line-height: 24px; }
#videoTabsContainer ul#videoTabs li.double { line-height: 11px; }
#videoTabsContainer ul#videoTabs li.selected { width: 196px; background: #FFF; color: #01264c; height: 26px; border: none; }
#videoTabsContainer ul#videoTabs li.selected a { display: block; height: 26px !important; color: #01264c; width: 196px; }
.videoListOuterContainer { width: 960px; margin: 0 auto; padding-bottom: 25px; *zoom: 1; }
.videoListOuterContainer:after { content: ""; display: table; clear: both; }
.videoListFilters { margin-bottom: 27px; *zoom: 1; }
.videoListFilters:after { content: ""; display: table; clear: both; }
.videoListFilters #filterPlayer { height: 54px; width: 248px; padding: 0 55px 0 20px; font-size: 1.42857em; line-height: 54px; border-radius: 0; font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC; color: #00284D; margin-left: 0; background: url("/images/misc/uso_ms_video_search.png") no-repeat 280px 17px transparent; }
.videoListFilters #filterPlayer.disabled { background-color: #eee; }
.videoListFilters #filterType { width: 314px; height: 54px; }
.videoListFilters #filterDay { width: 156px; height: 54px; }
.videoListFilters a.blueLargeBtn { width: 130px; height: 56px; line-height: 56px; font-size: 1.42857em; }
.videoListFilters > * { float: left; margin-left: 10px; }
.videoListFilters > *:first-child { margin-left: 0; }
.select2-container { height: 56px; text-transform: uppercase; text-align: left; }
.select2-container .select2-selection--single { height: 56px; border-radius: 0; border: 1px solid #CCCCCC; }
.select2-container .select2-selection--single .select2-selection__rendered { line-height: 54px; color: #00284c; font-size: 1.42857em; padding-left: 20px; padding-right: 40px; font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; }
.select2-container .select2-selection--single .select2-selection__arrow { height: 54px; }
.select2-container .select2-selection--single .select2-selection__arrow b { border-color: #00274c transparent transparent transparent; border-width: 9px 7px 0 7px; margin-left: -26px; margin-top: -5px; }
.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #00274c transparent; border-width: 0 7px 9px 7px; }
.select2-dropdown { border-radius: 0; border: 1px solid #CCCCCC; }
/*! jQuery UI - v1.10.4 - 2015-07-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-front { z-index: 100; }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; list-style: none; padding: 2px; margin: 0; display: block; outline: none; /* Component containers
----------------------------------*/ font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; font-size: 1.42857em; text-align: left; border: 1px solid #cccccc; padding: 10px 0; border-top: 0; -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.35); background: #ffffff; color: #0096FF; /* Interaction states
----------------------------------*/ }
.ui-autocomplete .ui-menu-item { margin: 0; padding: 0; width: 100%; }
.ui-autocomplete .ui-menu-item a { text-decoration: none; display: block; padding: 0px 15px; line-height: 2.125; min-height: 0; font-weight: normal; }
.ui-autocomplete .ui-menu-item a.ui-state-focus, .ui-autocomplete .ui-menu-item a.ui-state-active { font-weight: normal; }
.ui-autocomplete .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-autocomplete .ui-state-disabled a { cursor: default; }
.ui-autocomplete a { color: #0096FF; }
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus { background: #DDE7EE; }
.videoList { width: 960px; color: #00264C; *zoom: 1; }
.videoList:after { content: ""; display: table; clear: both; }
.videoList .videoItem { float: left; position: relative; width: 300px; margin: 0 30px 0px 0; margin-bottom: 20px; }
.videoList .videoItem img { width: 300px; height: 170px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.videoList .videoItem:nth-of-type(3n+1) { clear: both; }
.videoList .videoItem:nth-of-type(3n) { margin-right: 0; }
.videoList .videoItem .overlay { float: left; position: relative; width: 300px; height: 170px; background: #000000; }
.videoList .videoItem .overlay .playBtn { background: url("/images/misc/video_play.png") center center no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.videoList .videoCategory, .videoList #recommendList .videoCategory, #recommendList .videoList .videoCategory { background-color: #004d85; font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; position: absolute; color: #FFFFFF; font-size: 1.25em; line-height: 30px; text-transform: uppercase; padding: 0 10px; height: 30px; top: 0; left: 0; }
.videoList .videoTitle { font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 1.42857em; position: absolute; bottom: 10px; left: 10px; text-shadow: 0 1px 1px #000000; text-shadow: 0 1px 1px 0 #000000; }
.videoList .videoDesc { font-family: "Swiss721BT-Roman", Arial, Helvetica, sans-serif; font-size: 1.16071em; color: #00284c; margin-top: 8px; float: left; }
.videoList .empty { font-size: 1.25em; text-align: center; width: 940px; }
#videoListMore { display: none; }
/*#loadMore.videos{width:920px; margin:0 0 20px 20px; display:none;}*/
.loadmore.videos { width: 199px; height: 45px; margin: 5px auto 0; *zoom: 1; display: none; }
.loadmore.videos:after { content: ""; display: table; clear: both; }
.loadmore.videos:hover { cursor: pointer; }
.loadmore.videos:hover .icon { background-color: #CC0000; }
.loadmore.videos:hover .label { color: #CC0000; }
.loadmore.videos .icon { float: left; height: 45px; width: 45px; background: url("/images/misc/uso_ms_chip_refresh.png") center center no-repeat #0090ff; }
.loadmore.videos .label { float: left; margin-left: 1px; width: 152px; height: 45px; font-size: 1.78571em; line-height: 47px; background: #00284D; color: #FFF; font-family: 'Swiss721BT-BoldCondensed',Arial,Helvetica,sans-serif; text-transform: uppercase; text-align: center; }
/* inline video player styles */
#inlinePlayer, #inlinePlayer5 { float: left; width: 640px; height: 360px; margin: 0px; padding: 0px; }
#inlinePlayer5 { position: absolute; top: 0; left: 0; display: none; }
#inlinePlayer { position: relative; }
#inlinePlayer .title { position: absolute; left: 0; bottom: 40px; width: 524px; height: 60px; background: #00284D; background: rgba(0, 40, 77, 0.9); padding: 0 20px; font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; font-size: 2.67857em; line-height: 60px; color: #FFFFFF; text-align: right; }
#inlinePlayer .type { position: absolute; right: 0; bottom: 40px; width: 70px; height: 60px; background: #0090FF; text-align: center; }
#inlinePlayer .type.video img { display: inline-block; margin-top: 7px; }
#inlinePlayer a { display: block; width: 100%; height: 100%; }
#inlinePlayer a:hover .title { color: #CC0000; }
#inlinePlayer a:hover .type { background: #CC0000; }
#inlineOverlay { position: absolute; top: 0px; left: 0px; display: none; width: 960px; height: 540px; margin: 0px; padding: 0px; }
#replayVideo { position: absolute; display: block; top: 15px; right: 25px; z-index: 1; font-size: 1.42857em; line-height: 26px; padding-left: 30px; color: #FFFFFF; font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; background: url("/images/misc/video_replay.png") no-repeat left top transparent; }
#recommendContainer { background: rgba(0, 0, 0, 0.7); width: 930px; height: 510px; color: #FFFFFF; padding: 15px; }
#recommendContainer .socialContainer .title { color: #F4DA40; text-align: center; font-size: 3.39286em; line-height: 38px; float: none; width: 100%; margin-top: 120px; }
#recommendContainer .socialContainer .social { width: 454px; margin: 40px auto 0; *zoom: 1; }
#recommendContainer .socialContainer .social:after { content: ""; display: table; clear: both; }
#recommendContainer .socialContainer .social .facebook, #recommendContainer .socialContainer .social .twitter, #recommendContainer .socialContainer .social .plusone { background-position: right bottom; }
#recommendContainer .socialContainer .link .link_url { background-color: #FFFFFF; color: #818181; }
#recommendContainer .socialContainer .link .blueLargeBtn { background-color: #F4DA40; color: #00284D; font-size: 1.42857em; }
#recommendList { position: absolute; bottom: 15px; }
#recommendList .videoCategory { background-color: #0096FF; }
#recommendList .videoTitle { text-align: center; width: 100%; display: block; margin-bottom: 20px; bottom: 126px; left: auto; }
#recommendList .videoItem { margin: 0 0 0 11px; width: 224px; }
#recommendList .videoItem:first-child { margin-left: 0; }
#recommendList .videoItem:nth-of-type(3n+1) { clear: none; }
#recommendList .videoItem .overlay { border: 2px solid #0096FF; width: 220px; height: 122px; }
#recommendList .videoItem .overlay a { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
#recommendList .videoItem img { width: 220px; height: 122px; }
#flashUpgradeContainer { position: absolute; top: 100px; left: 120px; width: 376px !important; border: 2px solid #0090FF; padding: 10px; display: none; background: #FFFFFF; }
#videoContainer { float: left; position: relative; padding: 0; }
#videoContainer #inlinePlayer5 { width: 960px; height: 540px; }
#videoContainer #inlinePlayer { width: 960px; height: 540px; background-size: 960px 540px; background-repeat: no-repeat; }
#videoContainer #inlinePlayer .title { width: 846px; }
#videoTextContainer { float: left; width: 618px; height: 128px; margin-top: 10px; padding: 20px; color: #818181; display: inline-block; }
#videoTextContainer .videoText { line-height: 25px; margin-bottom: 10px; font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; color: #0076b9; text-transform: uppercase; font-size: 1.78571em; line-height: 25px; }
#videoTextContainer span { margin: 0; padding: 0; }
#videoTextContainer #videoTitle { color: #0076b9; margin: 0; padding: 0; font-size: 1em; /* line-height: 25px; */ display: inline; }
#videoTextContainer #videoDesc { line-height: 18px; float: left; font-family: "Swiss721BT-Roman", Arial, Helvetica, sans-serif; font-size: 1.2em; overflow: hidden; }
#videoSocial { float: left; height: 41px; border-top: 1px solid #CCCCCC; padding-top: 14px; width: 618px; margin-left: 20px; }
.socialContainer { width: 100%; }
.socialContainer .title { color: #0076b9; font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; font-size: 1.42857em; text-transform: uppercase; width: 147px; float: left; line-height: 41px; }
.facebook, .twitter, .plusone { width: 41px; height: 41px; cursor: pointer; }
.facebook a, .twitter a, .plusone a { display: block; width: 100%; height: 100%; }
.facebook { float: left; overflow: hidden; background: url("/images/misc/social_fb.png") no-repeat left top; display: inline-block; }
.twitter { float: left; margin-left: 10px; background: url("/images/misc/social_twitter.png") no-repeat left top; display: inline-block; }
.plusone { float: left; margin-left: 10px; background: url("/images/misc/social_gplus.png") no-repeat left top; display: inline-block; }
.link { float: right; }
.link .link_url { float: left; background-color: #dde7ee; border: none; height: 40px; font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; font-size: 1.42857em; width: 275px; padding: 0px 10px; border-radius: 0; }
#tabsVideosDiv { float: left; width: 946px; width: 942px !important; margin: 0px; padding: 15px 2px 0px 2px; }
#tabsVideosDiv ul { list-style-type: none; padding: 0px; margin: 0px 6px 0px 6px; width: 930px; }
#tabsVideosDiv li { float: left; padding: 0px 15px 15px 15px; margin: 0px; width: 155px; width: 125px !important; height: 171px; height: 156px !important; }
.videoImage { border: 3px solid #004B85; margin-bottom: 5px; }
#tabsVideosDiv a:link { text-decoration: none; color: #000000; }
/** end video page **/
/** photos page **/
#photoContainer { float: left; position: relative; padding: 0; }
#photoContainer #photoRecap { width: 960px; height: 640px; }
#photoContainer #photoRecap .title { position: absolute; left: 0; bottom: 115px; width: 846px; height: 60px; background: #00284D; background: rgba(0, 40, 77, 0.9); padding: 0 20px; font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; font-size: 2.67857em; line-height: 60px; color: #FFFFFF; text-align: right; }
#photoContainer #photoRecap .type { position: absolute; right: 0; bottom: 115px; width: 70px; height: 60px; background: #0090FF; text-align: center; }
#photoContainer #photoRecap .type.photos { font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; font-size: 1.60714em; line-height: 60px; color: #FFFFFF; text-align: center; text-transform: uppercase; }
#photoContainer #photoRecap a { display: block; width: 100%; height: 100%; }
#photoContainer #photoRecap a:hover .title { color: #CC0000; }
#photoContainer #photoRecap a:hover .type { background: #CC0000; }
#photoTitle { text-align: center; margin: 0; padding: 0; line-height: 20px; clear: left; font-size: 1.1em; }
#photoSocial { float: left; height: 41px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 15px; width: 928px; }
#photoSocial .socialContainer .title { width: 154px; }
#photoSocial .link_url { width: 575px; }
#photoListFilters { font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.42857em; line-height: 54px; width: 960px; margin: 10px auto 30px; *zoom: 1; }
#photoListFilters:after { content: ""; display: table; clear: both; }
#photoListFilters ul { list-style-type: none; padding: 0px; }
#photoListFilters li { box-sizing: border-box; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; float: left; width: 53px; text-align: center; }
#photoListFilters li a, #photoListFilters li a:link, #photoListFilters li a:visited { display: block; color: #00284c; text-decoration: none; }
#photoListFilters li a:hover, #photoListFilters li a:link:hover, #photoListFilters li a:visited:hover { background-color: #0096ff; color: #FFFFFF; }
#photoListFilters li:nth-child(15) { border-right: 1px solid #CCCCCC; }
#photoListFilters li.event { border-right: 1px solid #CCCCCC; width: 100px; white-space: nowrap; }
#photoListFilters li.event:first-child { margin-right: 9px; }
#photoListFilters li.event:last-child { margin-left: 9px; margin-right: 0px; }
#photoListFilters li.current a { background-color: #0096ff; color: #FFFFFF; }
.photoList { width: 960px; *zoom: 1; margin: 0 auto; }
.photoList:after { content: ""; display: table; clear: both; }
.photoList .photoItem { float: left; position: relative; width: 300px; margin: 0 30px 0px 0; margin-bottom: 20px; }
.photoList .photoItem img { width: 300px; height: 200px; }
.photoList .photoItem:nth-of-type(3n+1) { clear: both; }
.photoList .photoItem:nth-of-type(3n) { margin-right: 0; }
.photoDesc { font-family: "Swiss721BT-Roman", Arial, Helvetica, sans-serif; font-size: 1.16071em; color: #00284c; margin-top: 8px; float: left; }
/** live video page **/
#liveVideoBox { float: left; width: 630px; width: 610px !important; background: #DDE7EE; padding: 10px; margin-bottom: 15px; }
/** end live video page **/
/** visiting the open **/
#visitingVideo { float: left; width: 640px; height: 360px; margin: 0px; background: #000000; }
#visiting { float: left; width: 598px; margin: 10px 21px; }
#visiting .large610 { float: left; width: 610px; height: 181px; }
#visiting .large610bot { float: left; width: 610px; height: 95px; margin-top: 10px; }
#visiting .small300x200 { float: left; width: 300px; height: 200px; margin: 10px 5px 0px 5px; }
#visiting .small300x95 { float: left; width: 300px; height: 95px; margin: 10px 5px 0px 5px; }
#visiting .small289x186 { float: left; width: 289px; height: 130px; margin: 6px 5px; }
#visiting .wide590x130 { float: left; width: 590px; height: 130px; margin: 6px 5px; }
#tickets .large630x181 { float: left; width: 630px; height: 181px; }
#tickets .left310x200 { float: left; width: 310px; height: 200px; margin: 10px 10px 0px 0px; }
#tickets .right310x200 { float: left; width: 310px; height: 200px; margin: 10px 0px 0px 0px; }
#tickets .left310x95 { float: left; width: 310px; height: 95px; margin: 10px 10px 0px 0px; }
#tickets .right310x95 { float: left; width: 310px; height: 95px; margin: 10px 0px 0px 0px; }
#tickets .large630x98 { float: left; width: 630px; height: 98px; margin-top: 10px; }
#ticketsbar { float: left; width: 634px; height: 49px; margin: 8px 0px 0px -4px; }
/** end visiting the open **/
/** history section **/
#historyPhotos { float: right; width: 132px; margin: 0px 0px 5px 20px; }
#historyPhotos img { margin-bottom: 7px; }
#historyContent { float: right; width: 477px; }
#prizeTables { width: 502px; margin: 0px auto; }
#prizeTables .title { width: 502px; height: 20px; line-height: 20px; color: #FFFFFF; font-weight: bold; background: #001325; font-size: 1.4em; text-align: center; padding: 2px 0px; }
#prizeTables .row { clear: left; line-height: 14px; }
#prizeTables .blank { float: left; width: 500px; height: 7px; border-left: 1px solid #000000; border-right: 1px solid #000000; }
#prizeTables .table { float: left; width: 500px; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; overflow: hidden; }
#prizeTables .table .headertable { float: left; width: 375px; width: 370px !important; height: 25px; height: 20px !important; line-height: 20px; padding: 5px 0px 0px 5px; font-size: 1.2em; font-weight: bold; color: #FF3333; background: #FFFFFF; text-align: left; }
#prizeTables .table .headerblankblue { float: left; width: 125px; height: 25px; height: 20px !important; line-height: 20px; padding: 5px 0px 0px 0px; background: #FFFFFF; text-align: center; font-size: 1.2em; font-weight: bold; }
#prizeTables .table .headerbase { float: left; width: 375px; width: 125px !important; line-height: 14px; padding: 5px 0px 5px 250px; font-weight: bold; background: #FFFFFF; text-align: center; }
#prizeTables .table .headerpotential { float: left; width: 125px; line-height: 14px; padding: 5px 0px; font-weight: bold; background: #FFFFFF; text-align: center; }
#prizeTables .table .finish { float: left; width: 250px; width: 245px !important; padding-left: 5px; height: 15px; background: #FFFFFF; }
#prizeTables .table .base, #prizeTables .table .potential { float: left; width: 125px; width: 90px !important; padding-right: 35px; height: 15px; background: #FFFFFF; text-align: right; }
#prizeTables .table .finishtall { float: left; width: 250px; width: 245px !important; padding-left: 5px; height: 30px; line-height: 30px; background: #FFFFFF; font-style: italic; }
#prizeTables .table .finishtallwide { float: left; width: 375px; width: 370px !important; padding-left: 5px; height: 30px; line-height: 30px; background: #FFFFFF; }
#prizeTables .table .basetall, #prizeTables .table .potentialtall { float: left; width: 125px; width: 90px !important; padding-right: 35px; height: 30px; line-height: 30px; background: #FFFFFF; text-align: right; }
#prizeTables .table .totalfinish { float: left; width: 250px; width: 245px !important; padding-left: 5px; height: 20px; background: #FFFFFF; font-weight: bold; }
#prizeTables .table .totalbase, #prizeTables .table .totalpotential { float: left; width: 125px; width: 90px !important; padding-right: 35px; height: 20px; background: #FFFFFF; font-weight: bold; text-align: right; }
#prizeTables .table .totalfinishtall { float: left; width: 250px; width: 245px !important; padding-left: 5px; height: 55px; background: #FFFFFF; font-weight: bold; }
#prizeTables .table .totalbasetall, #prizeTables .table .totalpotentialtall { float: left; width: 125px; width: 90px !important; padding-right: 35px; height: 55px; background: #FFFFFF; font-weight: bold; text-align: right; }
#singlesnote { float: left; width: 500px; margin-top: -35px; text-align: center; font-style: italic; }
.totaltable { float: left; width: 500px; padding: 5px 0px; background: #004B85; border-left: 1px solid #000000; border-right: 1px solid #000000; }
.totaltable .headerbase { float: left; width: 375px; width: 125px !important; height: 15px; line-height: 14px; padding-left: 250px; font-weight: bold; color: #FFFFFF; text-align: center; }
.totaltable .headerpotential { float: left; width: 125px; line-height: 14px; height: 15px; line-height: 14px; font-weight: bold; color: #FFFFFF; text-align: center; }
.totaltable .total { float: left; width: 250px; width: 245px !important; height: 20px; line-height: 20px; color: #FFFFFF; font-weight: bold; padding-left: 5px; }
.totaltable .totalbase, .totaltable .totalpotential { float: left; width: 125px; width: 90px !important; height: 20px; line-height: 20px; color: #FFFFFF; font-weight: bold; padding-right: 35px; text-align: right; }
#attendanceTable { float: left; width: 628px; background: #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; }
#attendanceTable .headeryear { float: left; width: 103px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
#attendanceTable .headerattendance, #attendanceTable .headersessions, #attendanceTable .headeraverage, #attendanceTable .headerlargest { float: left; width: 104px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
#attendanceTable .headerdate { float: left; width: 104px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; }
#attendanceTable .row { clear: left; float: left; line-height: 14px; margin-bottom: 1px; }
#attendanceTable .year { float: left; width: 103px; background: #FFFFFF; text-align: center; margin-right: 1px; }
#attendanceTable .attendance { float: left; width: 104px; width: 99px !important; padding-right: 5px; background: #DDE7EE; text-align: right; margin-right: 1px; }
#attendanceTable .sessions { float: left; width: 104px; background: #FFFFFF; text-align: center; margin-right: 1px; }
#attendanceTable .average { float: left; width: 104px; width: 99px !important; padding-right: 5px; text-align: right; background: #DDE7EE; margin-right: 1px; }
#attendanceTable .largest { float: left; width: 104px; width: 99px !important; padding-right: 5px; text-align: right; background: #FFFFFF; margin-right: 1px; }
#attendanceTable .date { float: left; width: 104px; width: 99px !important; padding-right: 5px; text-align: right; background: #DDE7EE; }
.recordsTable { clear: left; float: left; width: 415px; }
.recordsTable .row { clear: left; float: left; line-height: 15px; }
.recordsTable .header { float: left; width: 415px; font-weight: bold; }
.recordsTable .subheader { float: left; width: 415px; }
.recordsTable .title { float: left; width: 165px; width: 150px !important; padding-left: 15px; }
.recordsTable .value { float: left; width: 250px; }
.recordsTable .blank { float: left; width: 415px; height: 10px; }
.champsSinglesTable { float: left; width: 628px; background: #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; }
.champsSinglesTable .row { float: left; line-height: 14px; border-bottom: 1px solid #000000; }
.champsSinglesTable .headeryear { float: left; width: 59px; height: 30px; height: 16px !important; padding-top: 14px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
.champsSinglesTable .headerchampion { float: left; width: 175px; height: 30px; height: 16px !important; padding-top: 14px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
.champsSinglesTable .headerhand { float: left; width: 85px; height: 30px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
.champsSinglesTable .headerrunnerup { float: left; width: 175px; height: 30px; height: 16px !important; padding-top: 14px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
.champsSinglesTable .headerscore { float: left; width: 130px; height: 30px; height: 16px !important; padding-top: 14px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; }
.champsSinglesTable .year { float: left; width: 59px; width: 44px !important; padding-left: 15px; background: #FFFFFF; margin-right: 1px; }
.champsSinglesTable .champion { float: left; width: 175px; width: 170px !important; padding-left: 5px; background: #DDE7EE; margin-right: 1px; }
.champsSinglesTable .hand { float: left; width: 85px; background: #FFFFFF; text-align: center; margin-right: 1px; }
.champsSinglesTable .runnerup { float: left; width: 175px; width: 170px !important; padding-left: 5px; background: #DDE7EE; margin-right: 1px; }
.champsSinglesTable .score { float: left; width: 130px; width: 125px !important; padding-left: 5px; background: #FFFFFF; }
.champsDoublesTable { float: left; width: 582px; background: #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; }
.champsDoublesTable .row { float: left; line-height: 14px; border-bottom: 1px solid #000000; }
.champsDoublesTable .headeryear { float: left; width: 59px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
.champsDoublesTable .headerchampion, .champsDoublesTable .headerrunnerup { float: left; width: 195px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
.champsDoublesTable .headerscore { float: left; width: 130px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; }
.champsDoublesTable .year { float: left; width: 59px; width: 44px !important; height: 30px; padding-left: 15px; background: #FFFFFF; margin-right: 1px; }
.champsDoublesTable .champion { float: left; width: 195px; width: 190px !important; height: 30px; padding-left: 5px; background: #DDE7EE; margin-right: 1px; }
.champsDoublesTable .runnerup { float: left; width: 195px; width: 190px !important; height: 30px; padding-left: 5px; background: #FFFFFF; margin-right: 1px; }
.champsDoublesTable .score { float: left; width: 130px; width: 125px !important; height: 30px; padding-left: 5px; background: #DDE7EE; }
.champsDoublesTable .messageyear { float: left; width: 59px; width: 44px !important; height: 15px; padding-left: 15px; background: #FFFFFF; margin-right: 1px; }
.champsDoublesTable .messagetext { float: left; width: 522px; width: 517px !important; height: 15px; padding-left: 5px; background: #DDE7EE; }
.champsOtherSingles { float: left; width: 582px; background: #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; }
.champsOtherSingles .row { float: left; line-height: 14px; border-bottom: 1px solid #000000; }
.champsOtherSingles .headeryear { float: left; width: 59px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
.champsOtherSingles .headerchampion, .champsOtherSingles .headerrunnerup { float: left; width: 195px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
.champsOtherSingles .headerscore { float: left; width: 130px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; }
.champsOtherSingles .year { float: left; width: 59px; width: 44px !important; height: 15px; padding-left: 15px; background: #FFFFFF; margin-right: 1px; }
.champsOtherSingles .champion { float: left; width: 195px; width: 190px !important; height: 15px; padding-left: 5px; background: #DDE7EE; margin-right: 1px; }
.champsOtherSingles .runnerup { float: left; width: 195px; width: 190px !important; height: 15px; padding-left: 5px; background: #FFFFFF; margin-right: 1px; }
.champsOtherSingles .score { float: left; width: 130px; width: 125px !important; height: 15px; padding-left: 5px; background: #DDE7EE; }
.champsOtherSingles .messageyear { float: left; width: 59px; width: 44px !important; height: 15px; padding-left: 15px; background: #FFFFFF; margin-right: 1px; }
.champsOtherSingles .messagetext { float: left; width: 522px; width: 517px !important; height: 15px; padding-left: 5px; background: #DDE7EE; }
.floatdates1 { clear: left; float: left; width: 40px; }
.floatdates2 { float: left; width: 132px; }
.floatdates3 { float: left; width: 123px; }
.historyGalleryRow { float: left; width: 630px; margin-top: 20px; }
.historyGalleryRow .historyImg { float: left; width: 130px; margin: 0px 40px; text-align: center; }
.galleryListRow { float: left; width: 630px; width: 618px !important; padding-left: 12px; margin-top: 10px; }
.cofcInducteeRow { float: left; width: 630px; width: 628px !important; padding: 0px 1px; margin-top: 20px; }
.cofcInductee { float: left; width: 315px; width: 140px !important; padding: 0px 87px; text-align: center; }
.cofcInducteeSingle { float: left; width: 628px; width: 140px !important; padding: 0px 244px; text-align: center; }
.cofcArchiveYear { float: left; width: 400px; margin: 30px 115px 0px 115px; }
.cofcArchiveYear .header { float: left; width: 378px; margin: 0px 11px 10px 11px; }
.cofcArchiveYear .inducteeLeft { float: left; width: 140px; margin: 0px 25px 0px 35px; text-align: center; overflow: hidden; }
.cofcArchiveYear .inducteeLeft img { clear: left; }
.cofcArchiveYear .inducteeRight { float: right; width: 140px; margin: 0px 35px 0px 25px; text-align: center; overflow: hidden; }
.cofcArchiveYear .inducteeRight img { clear: left; }
.cofcArchiveYear .inducteeCenter { float: right; width: 140px; margin: 0px 130px; text-align: center; overflow: hidden; }
.cofcArchiveYear .inducteeCenter img { clear: left; }
.centerText { float: left; width: 400px; margin: 10px 115px 0px 115px; text-align: center; }
#cofcArchiveList { float: left; width: 430px; margin: 0px 100px; background: #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; }
#cofcArchiveList .row { float: left; line-height: 15px; border-bottom: 1px solid #000000; }
#cofcArchiveList .headeryear { float: left; width: 120px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; }
#cofcArchiveList .headermen, #cofcArchiveList .headerwomen { float: left; width: 155px; height: 15px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; }
#cofcArchiveList .year { float: left; width: 119px; height: 15px; background: #FFFFFF; text-align: center; margin-right: 1px; }
#cofcArchiveList .men { float: left; width: 154px; width: 149px !important; height: 15px; padding-left: 5px; background: #DDE7EE; margin-right: 1px; }
#cofcArchiveList .women { float: left; width: 155px; width: 150px !important; height: 15px; padding-left: 5px; background: #FFFFFF; }
.cofcBios { background: url(/images/misc/cofc_bio_bg.jpg) no-repeat; margin: 0px; padding: 0px; text-align: left; }
#cofcBiosPage { float: left; width: 500px; height: 499px; overflow: hidden; }
#cofcBiosPage .image { float: right; width: 167px; width: 158px !important; height: 213px; padding-right: 9px; margin: 0px; }
#cofcBiosPage .image img { border: 1px solid #0090ff; }
#cofcBiosPage .header { float: left; width: 333px; width: 323px !important; height: 34px; background: #011425; border-bottom: 1px solid #0090ff; margin: 0px; padding-left: 10px; line-height: 34px; font-size: 2em; color: #FFD65A; }
#cofcBiosPage #bio_info .left { float: left; width: 10px; height: 180px; background: rgba(0, 75, 133, 0.7); }
#cofcBiosPage #bio_info .top { float: left; width: 313px; width: 303px !important; height: 40px; height: 30px !important; color: #FFFFFF; font-weight: bold; overflow: hidden; margin: 0px; padding: 5px; line-height: 15px; background: rgba(0, 75, 133, 0.7); }
#cofcBiosPage #bio_info .middle { float: left; width: 313px; width: 303px !important; height: 130px; height: 124px !important; color: #FFFFFF; font-weight: bold; overflow: hidden; margin: 0px; padding: 3px 5px; background: rgba(0, 0, 0, 0.5); }
#cofcBiosPage #bio_info .right { float: right; width: 10px; height: 180px; background: rgba(0, 75, 133, 0.7); }
#cofcBiosPage #bio_info .bottom { float: left; width: 313px; height: 10px; background: rgba(0, 75, 133, 0.7); }
#cofcBiosPage .summary { clear: left; float: left; width: 500px; width: 450px !important; padding: 10px 20px; }
/** end history section **/
/** schedule section **/
#schedule { background: #FFFFFF; }
#schedule .tableBorder { background: #052A48; }
#schedule .tblTitleBg2 { background: #DEE7EE; color: #000000; }
#schedule .tblTitleBg, #schedule .tblTitleBg3 { background: #97CBF2; color: #000000; }
#schedule .tblTitleBg4 { background: #DEE7EE; }
#schedule .tblTitleBg5 { background: #004B85; color: #FFD65A; }
.pteams { width: 80%; }
.ptimes { width: 20%; vertical-align: top; }
#citizenClock, #clockAlternateContent { float: right; width: 109px; }
#schedulePrintButton { float: right; height: 28px; height: 14px !important; line-height: 14px; margin-right: 30px; padding: 7px 5px; border: 1px solid #0090FF; }
/** schedule day navigators **/
#qscheduleDayNav { width: 315px; height: 46px; overflow: hidden; border: 1px solid #000000; z-index: 50; margin-right: 10px; }
#qscheduleDayNav .header { position: absolute; float: left; width: 76px; width: 71px !important; height: 46px; height: 28px !important; line-height: 14px; padding: 9px 5px 9px 0px; background: #FFFFFF; font-weight: bold; text-align: right; border-right: 1px solid #000000; }
#qschedule_day_nav { position: absolute; margin-left: 77px; height: 46px; background: #052A48; }
#qschedule_day_nav ul { float: left; width: 238px; width: 120px !important; height: 23px; margin: 0px; padding: 0px 59px; list-style-type: none; background: #004B85; border-bottom: 2px solid #000000; }
#qschedule_day_nav li { float: left; margin: 0px; padding: 0px; height: 23px; line-height: 23px; }
#qschedule_day_nav li a { display: block; width: 24px; height: 23px; line-height: 23px; text-align: center; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#qschedule_day_nav li a:hover { color: #FFD65A; background: #0C2B46; line-height: 22px; }
#qschedule_day_nav li.qday1, #qschedule_day_nav li.qday2, #qschedule_day_nav li.qday3, #qschedule_day_nav li.qday4, #qschedule_day_nav li.qday5 { width: 22px; text-align: center; margin: 0px 1px; color: #43ADFF; }
#qschedule_day_nav .date { position: absolute; color: #FFFFFF; overflow: hidden; line-height: 19px; top: 25px; font-weight: bold; }
#qschedule_day_nav li.qday1 .date, #qschedule_day_nav li.qday2 .date, #qschedule_day_nav li.qday3 .date { margin-left: -45px; }
#qschedule_day_nav li.qday4 .date { margin-left: -40px; }
#qschedule_day_nav li.qday5 .date { margin-left: -35px; }
#qschedule_day_nav .date { display: none; }
#qschedule_day_nav li a:hover { color: #FFD65A; background: #0C2B46; font-weight: bold; font-size: 1.2em; line-height: 22px; }
#qschedule_day_nav li.selected a { color: #FFD65A; background: #0C2B46; font-weight: bold; font-size: 1.2em; line-height: 22px; }
#qschedule_day_nav li.selected .date { display: block; }
/*#schedule_day_nav li.qday{display:block; width:120px; color:#FFFFFF; text-align:center;}*/
/*#schedule_day_nav li:hover .date{display:block;}*/
/*#schedule_day_nav li.over .date{display:block;}*/
#scheduleDayNav { width: 515px; height: 46px; overflow: hidden; border: 1px solid #000000; z-index: 50; margin-top: 20px; }
#scheduleDayNav .header { position: absolute; width: 76px; width: 71px !important; height: 46px; line-height: 46px; padding-right: 5px; background: #FFFFFF; font-weight: bold; text-align: right; border-right: 1px solid #000000; }
#schedule_day_nav { position: absolute; margin-left: 77px; height: 46px; background: #052A48; }
#schedule_day_nav ul { float: left; width: 438px; width: 336px !important; height: 23px; margin: 0px; padding: 0px 55px 0px 47px; list-style-type: none; background: #004B85; border-bottom: 2px solid #000000; }
#schedule_day_nav li { float: left; margin: 0px; padding: 0px; height: 23px; line-height: 23px; }
#schedule_day_nav li a { display: block; width: 20px; height: 23px; line-height: 23px; text-align: center; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#schedule_day_nav li a:hover { color: #FFD65A; background: #0C2B46; line-height: 22px; }
#schedule_day_nav li.day1, #schedule_day_nav li.day2, #schedule_day_nav li.day3, #schedule_day_nav li.day4, #schedule_day_nav li.day5, #schedule_day_nav li.day6, #schedule_day_nav li.day7, #schedule_day_nav li.day8, #schedule_day_nav li.day9, #schedule_day_nav li.day10, #schedule_day_nav li.day11, #schedule_day_nav li.day12, #schedule_day_nav li.day13, #schedule_day_nav li.day14, #schedule_day_nav li.day15 { width: 20px; text-align: center; margin: 0px 1px; color: #43ADFF; }
#schedule_day_nav .date { position: absolute; color: #FFFFFF; overflow: hidden; line-height: 19px; top: 25px; font-weight: bold; }
#schedule_day_nav li.day1 .date { margin-left: -40px; }
#schedule_day_nav li.day2 .date { margin-left: -45px; }
#schedule_day_nav li.day3 .date { margin-left: -64px; }
#schedule_day_nav li.day4 .date { margin-left: -55px; }
#schedule_day_nav li.day5 .date { margin-left: -49px; }
#schedule_day_nav li.day6 .date { margin-left: -57px; }
#schedule_day_nav li.day7 .date, #schedule_day_nav li.day8 .date { margin-left: -53px; }
#schedule_day_nav li.day9 .date { margin-left: -55px; }
#schedule_day_nav li.day10 .date { margin-left: -64px; }
#schedule_day_nav li.day11 .date { margin-left: -57px; }
#schedule_day_nav li.day12 .date { margin-left: -52px; }
#schedule_day_nav li.day13 .date { margin-left: -60px; }
#schedule_day_nav li.day14 .date { margin-left: -55px; }
#schedule_day_nav li.day15 .date { margin-left: -60px; }
#schedule_day_nav .date { display: none; }
#schedule_day_nav li a:hover { /*color:#FF1818;*/ color: #FFD65A; background: #0C2B46; font-weight: bold; font-size: 1.2em; line-height: 22px; }
#schedule_day_nav li.selected a { color: #FFD65A; background: #0C2B46; font-weight: bold; font-size: 1.2em; line-height: 22px; }
#schedule_day_nav li.selected .date { display: block; }
/*#schedule_day_nav li.day{display:block; width:85px; color:#FFFFFF; text-align:right;}*/
/*#schedule_day_nav li:hover .date{display:block;}*/
/*#schedule_day_nav li.over .date{display:block;}*/
/** end schedule day navigators **/
#scheduleTable { float: left; width: 628px; background: #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; }
#scheduleTable .hsession { float: left; width: 60px; height: 30px; height: 23px !important; padding-top: 7px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
#scheduleTable .hday, #scheduleTable .hdate { float: left; width: 85px; height: 30px; height: 23px !important; padding-top: 7px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
#scheduleTable .hsessiondesc { float: left; width: 60px; height: 30px; height: 23px !important; padding-top: 7px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
#scheduleTable .htime { float: left; width: 85px; height: 30px; height: 23px !important; padding-top: 7px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
#scheduleTable .hsingles { float: left; width: 248px; height: 30px; height: 23px !important; padding-top: 7px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; }
#scheduleTable .row { float: left; line-height: 20px; margin-bottom: 1px; }
#scheduleTable .odd { background: #DDE7EE; }
#scheduleTable .even { background: #FFFFFF; }
#scheduleTable .session { float: left; width: 60px; text-align: center; margin-right: 1px; }
#scheduleTable .day { float: left; width: 85px; width: 70px !important; padding-left: 15px; margin-right: 1px; }
#scheduleTable .date { float: left; width: 85px; text-align: center; margin-right: 1px; }
#scheduleTable .sessiondesc { float: left; width: 60px; width: 45px !important; padding-left: 15px; margin-right: 1px; }
#scheduleTable .time { float: left; width: 85px; width: 70px !important; text-align: right; padding-right: 15px; margin-right: 1px; }
#scheduleTable .singles { float: left; width: 248px; width: 243px !important; padding-left: 5px; }
#tvScheduleTable { float: left; width: 628px; background: #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; }
#tvScheduleTable .hdate, #tvScheduleTable .htime { float: left; width: 100px; height: 30px; height: 23px !important; padding-top: 7px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
#tvScheduleTable .hmatch { float: left; width: 300px; height: 30px; height: 23px !important; padding-top: 7px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
#tvScheduleTable .hnetwork { float: left; width: 125px; height: 30px; height: 23px !important; padding-top: 7px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; }
#tvScheduleTable .row { float: left; line-height: 20px; background: #FFFFFF; }
#tvScheduleTable .rowdiv { width: 628px; float: left; height: 5px; background: #052A48; }
#tvScheduleTable .date, #tvScheduleTable .time { float: left; width: 100px; width: 95px !important; padding-left: 5px; margin-right: 1px; }
#tvScheduleTable .match { float: left; width: 300px; width: 295px !important; padding-left: 5px; margin-right: 1px; }
#tvScheduleTable .network { float: left; width: 125px; width: 120px !important; padding-left: 5px; }
#tvScheduleIntTable { float: left; width: 426px; background: #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; }
#tvScheduleIntTable .hterritory { float: left; width: 100px; height: 30px; height: 23px !important; padding-top: 7px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; margin-right: 1px; }
#tvScheduleIntTable .hnetwork { float: left; width: 325px; height: 30px; height: 23px !important; padding-top: 7px; color: #FFFFFF; font-weight: bold; background: #052A48; text-align: center; }
#tvScheduleIntTable .row { float: left; line-height: 20px; background: #FFFFFF; }
#tvScheduleIntTable .territory { float: left; width: 100px; width: 95px !important; padding-left: 5px; margin-right: 1px; }
#tvScheduleIntTable .network { float: left; width: 325px; width: 320px !important; padding-left: 5px; }
/** end schedule section **/
/** draws section **/
#mensDraws { float: left; width: 310px; margin-right: 10px; }
#womensDraws { float: left; width: 310px; }
.navigator { float: left; width: 308px; height: 161px; border: 1px solid #0090FF; margin-bottom: 20px; }
.navigator .title { float: left; width: 308px; height: 22px; line-height: 21px; background: #000000; font-size: 1.2em; color: #FFFFFF; font-weight: bold; text-align: center; text-transform: uppercase; }
.navigator .presented { float: left; width: 308px; width: 301px !important; height: 15px; line-height: 14px; background: #004B85; color: #FFFFFF; padding-left: 7px; }
.navigator .graphic { float: left; width: 308px; width: 298px !important; height: 74px; height: 64px !important; background: #FFFFFF; padding: 5px; }
.navigator .text { float: left; width: 308px; width: 304px !important; height: 25px; height: 20px; font-size: 1em; background: #DDE7EE; padding: 5px 2px 0px 2px; text-align: center; }
.navigator .button { float: left; width: 308px; width: 128px !important; height: 25px; background: #DDE7EE; padding: 0px 90px; }
.drawTable { float: left; width: 310px; width: 308px !important; height: 113px; height: 106px !important; background: url(/images/scores/draws_index_bkg2.gif) no-repeat; margin-bottom: 10px; padding: 1px 1px 6px 1px; overflow: hidden; }
.drawTable .title { float: left; width: 308px; width: 301px !important; height: 18px; line-height: 15px; padding-left: 7px; font-weight: bold; color: #FFFFFF; }
.drawTable .round { float: left; width: 154px; width: 147px !important; height: 15px; line-height: 14px; color: #FFFFFF; padding-left: 7px; margin-bottom: 6px; }
.drawTable .status { float: right; width: 154px; width: 147px !important; height: 15px; line-height: 14px; color: #FFFFFF; padding-right: 7px; text-align: right; margin-bottom: 6px; }
.drawTable .playerRow { float: left; position: relative; width: 308px; height: 28px; }
.drawTable .playerSingle { position: absolute; width: 158px; left: 15px; bottom: 5px; }
.drawTable .games { position: absolute; left: 180px; bottom: 5px; width: 22px; text-align: center; }
.drawTable .set1 { position: absolute; left: 203px; bottom: 5px; width: 19px; text-align: center; }
.drawTable .set2 { position: absolute; left: 223px; bottom: 5px; width: 19px; text-align: center; }
.drawTable .set3 { position: absolute; left: 243px; bottom: 5px; width: 19px; text-align: center; }
.drawTable .set4 { position: absolute; left: 263px; bottom: 5px; width: 19px; text-align: center; }
.drawTable .set5 { position: absolute; left: 283px; bottom: 5px; width: 20px; text-align: center; }
.drawTable .middle { float: left; width: 308px; height: 11px; }
.pdfTable { float: left; width: 200px; border: 1px solid black; border-bottom: 0px; }
.pdfTable .header { float: left; width: 200px; height: 20px; line-height: 20px; width: 195px !important; color: #FFFFFF; font-size: 1.1em; font-weight: bold; background: #052A48; padding-left: 5px; }
.pdfTable .row { float: left; width: 200px; width: 195px !important; height: 15px; border-bottom: 1px solid black; padding-left: 5px; background: #FFFFFF; }
/** end draws section **/
/************** END CONTENT AREA **************/
#footer { position: relative; float: left; width: 1000px; width: 980px !important; height: 157px; padding: 10px; margin: 0 10px; background: #004478 url("/images/misc/uso_ms_footer_bg.png") repeat-x; color: #FFF; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { color: #cc0000; }
#footerLinks { text-align: center; font-family: 'Swiss721BT-Bold'; text-transform: uppercase; font-size: 0.9em; }
#footerLinks ul { list-style: none; display: inline-block; margin: 25px auto 4px auto; zoom: 1; }
#footerLinks li { float: left; }
#footerLinks li.ftdiv { margin: 0 8px; }
#footerLinks p { clear: left; margin: 4px; }
#footerLogos { position: absolute; bottom: 18px; width: 970px; margin: 0 0 0 10px; }
.ftusta { width: 55px; height: 50px; float: left; }
.ftsocial { float: right; width: 300px; margin: 5px; }
.ftsocial a { text-decoration: none; display: block; float: left; width: 40px; height: 40px; margin-right: 10px; }
.ftsocial #ftemail { background: url("/images/misc/uso_ms_footer_social.png") 0 0; }
.ftsocial #ftemail:hover { background-position: 0 -40px; }
.ftsocial #ftfb { background: url("/images/misc/uso_ms_footer_social.png") -40px 0; }
.ftsocial #ftfb:hover { background-position: -40px -40px; }
.ftsocial #fttwitter { background: url("/images/misc/uso_ms_footer_social.png") -80px 0; }
.ftsocial #fttwitter:hover { background-position: -80px -40px; }
.ftsocial #ftpint { background: url("/images/misc/uso_ms_footer_social.png") -120px 0; }
.ftsocial #ftpint:hover { background-position: -120px -40px; }
.ftsocial #ftgplus { background: url("/images/misc/uso_ms_footer_social.png") -160px 0; }
.ftsocial #ftgplus:hover { background-position: -160px -40px; }
.ftsocial #ftinstgr { background: url("/images/misc/uso_ms_footer_social.png") -200px 0; }
.ftsocial #ftinstgr:hover { background-position: -200px -40px; }
.ftsocial #ftyoutube { background: url("/images/misc/uso_ms_footer_social.png") -240px 0; }
.ftsocial #ftyoutube:hover { background-position: -240px -40px; }
.ftsocial #ftsnap { background: url("/images/misc/uso_ms_footer_social.png") -280px 0; }
.ftsocial #ftsnap:hover { background-position: -280px -40px; }
/************** GENERICS **************/
/** carousel arrows **/
.prev { position: absolute; left: -1px; width: 13px; height: 14px; background: url(/images/misc/rollovers.png) 0px -164px; cursor: pointer; }
.prev:hover { background-position: 0px -179px; }
.next { position: absolute; right: -1px; width: 13px; height: 14px; background: url(/images/misc/rollovers.png) -23px -164px; cursor: pointer; }
.next:hover { background-position: -23px -179px; }
/** tabs **/
.ui-tabs-hide { display: none; }
.ui-tabs-nav ul li a { font-size: 0.8em; }
.ui-tabs-disabled a { cursor: default !important; text-decoration: none; color: #999999 !important; }
.ui-tabs-disabled a:hover { color: #999999 !important; }
.text2, .text3 { color: #990000; }
.blueHeaderBar { float: left; width: 630px; width: 618px !important; padding-left: 12px; height: 18px; line-height: 17px; background: #001325; color: #FFFFFF; font-weight: bold; text-transform: uppercase; margin: 0px; text-align: left; }
.blueHeaderBar140 { float: left; width: 140px; width: 128px !important; padding-left: 12px; height: 18px; line-height: 17px; background: #001325; color: #FFFFFF; font-weight: bold; text-transform: uppercase; margin: 0px; text-align: left; }
.blueHeaderBar160 { float: left; width: 160px; width: 148px !important; padding-left: 12px; height: 18px; line-height: 17px; background: #001325; color: #FFFFFF; font-weight: bold; text-transform: uppercase; margin: 0px; text-align: left; }
.blueHeaderBar310 { float: left; width: 310px; width: 298px !important; padding-left: 12px; height: 18px; line-height: 17px; background: #001325; color: #FFFFFF; font-weight: bold; text-transform: uppercase; margin: 0px; text-align: left; }
.blueHeaderBar330 { float: left; width: 330px; width: 318px !important; padding-left: 12px; height: 18px; line-height: 17px; background: #001325; color: #FFFFFF; font-weight: bold; text-transform: uppercase; margin: 0px; text-align: left; }
.blueHeaderBar460 { float: left; width: 460px; width: 448px !important; padding-left: 12px; height: 18px; line-height: 17px; background: #001325; color: #FFFFFF; font-weight: bold; text-transform: uppercase; margin: 0px; text-align: left; }
.blueHeaderBar477 { float: left; width: 477px; width: 465px !important; padding-left: 12px; height: 18px; line-height: 17px; background: #001325; color: #FFFFFF; font-weight: bold; text-transform: uppercase; margin: 0px; text-align: left; }
.blueHeaderBar610 { float: left; width: 610px; width: 592px !important; padding-left: 12px; height: 18px; line-height: 17px; background: #001325; color: #FFFFFF; font-weight: bold; text-transform: uppercase; margin: 0px; text-align: left; }
.lightBlueBox { float: left; width: 630px; width: 610px !important; padding: 10px; background: #DDE7EE; }
.lightBlueBox160 { float: left; width: 160px; width: 140px !important; padding: 0px 10px; background: #DDE7EE; }
.lightBlueBox460 { float: left; width: 460px; width: 440px !important; padding: 10px; background: #DDE7EE; }
.lightBlueBox610 { float: left; width: 610px; width: 584px !important; padding: 10px; background: #DDE7EE; }
a.blueArrowBtn, a.blueArrowBtnW { float: left; position: relative; padding: 0px 12px 0px 0px; color: #0090FF; text-transform: uppercase; font-size: 0.9em !important; font-family: Swiss721BT-Bold,Helvetica,Arial,sans-serif; height: 12px; line-height: 11px; text-decoration: none; }
a.blueArrowBtn:hover, a.blueArrowBtnW:hover { color: #FF3333; }
a.blueArrowBtn .image, a.blueArrowBtnW .image { position: absolute; top: 0px; right: 0px; width: 8px; height: 12px; background: url("/images/misc/rollovers.png") -45px -165px no-repeat; }
a.blueArrowBtn:hover .image, a.blueArrowBtnW:hover .image { background-position: -45px -181px; }
a.blueBackArrowBtn { float: left; border-left: solid 6px #0090FF; background: url("/images/misc/uso_ms_00000g7.png") left center no-repeat #0090ff; padding: 1px 10px 1px 12px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; font-size: 0.9em !important; font-family: Helvetica,Arial,sans-serif; height: 12px; line-height: 12px; text-decoration: none; }
a.blueBackArrowBtn:hover { border-left: solid 6px #FF3333; color: #FFFFFF; background: url("/images/misc/uso_ms_00000g7.png") left center no-repeat #ff3333; }
a.blueUpArrowBtn { float: left; border-right: solid 6px #0090FF; background: url("/images/misc/uso_ms_00000gb.png") right center no-repeat #0090ff; padding: 1px 12px 1px 10px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; font-size: 0.9em !important; font-family: Helvetica,Arial,sans-serif; height: 12px; line-height: 12px; text-decoration: none; }
a.blueUpArrowBtn:hover { border-right: solid 6px #FF3333; color: #FFFFFF; background: url("/images/misc/uso_ms_00000gb.png") right center no-repeat #ff3333; }
a.blueWatchBtn { float: left; border-left: solid 6px #0090FF; background: url("/images/misc/uso_ms_00000g6.png") left center no-repeat #0090ff; padding: 1px 10px 1px 17px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; font-size: 0.9em !important; font-family: Helvetica,Arial,sans-serif; height: 12px; line-height: 12px; text-decoration: none; }
a.blueWatchBtn:hover { border-left: solid 6px #FF3333; color: #FFFFFF; background: url("/images/misc/uso_ms_00000g6.png") left center no-repeat #ff3333; }
a.blueScoresBtn.slam { float: left; font-size: 0.8em !important; width: 77px; padding-right: 0px; text-align: center; }
a.blueScoresBtn.stats { float: none !important; margin: 0px auto; font-size: 0.8em !important; width: 100px; padding-right: 6px; text-align: center; }
a.blueWatchBtn.fm { float: left; font-size: 0.8em !important; width: 72px; padding-right: 0px; text-align: center; }
a.blueScoresBtn { float: left; border-left: solid 6px #0090FF; margin-left: 2px; background: #0090FF; padding: 1px 10px 1px 10px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; font-size: 0.9em !important; font-family: Helvetica,Arial,sans-serif; height: 12px; line-height: 12px; text-decoration: none; }
a.blueScoresBtn:hover { border-left: solid 6px #FF3333; color: #FFFFFF; /* background: url('/images/misc/uso_ms_00000g5.png') left center no-repeat #ff3333; */ }
a.blueBtn { float: left; background: #0090FF; padding: 1px 12px 1px 10px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; font-size: 0.9em !important; font-family: Helvetica,Arial,sans-serif; height: 12px; line-height: 12px; text-decoration: none; }
a.blueBtn:hover { color: #FFFFFF; background: #FF3333; }
a.blueStarBtn.scores { margin-left: 1px; display: block; float: right; width: auto; height: 14px; line-height: 14px; /* background: url('/images/misc/uso_ms_00000g5.png') 6px center no-repeat #0090ff; */ padding: 0px 10px 0px 17px; color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 0.8em; text-transform: uppercase; }
a.blueStarBtn.stats { margin: 0px auto; float: none; display: block; width: 97px; height: 14px; line-height: 14px; /* background: url('/images/misc/uso_ms_00000g5.png') 6px center no-repeat #0090ff; */ padding: 0px 10px 0px 17px; color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 0.8em; text-transform: uppercase; }
a.blueStarBtn:hover { /*background: url('/images/misc/uso_ms_00000g5.png') 6px center no-repeat #ff3333; */ }
a.blueVideoBtn { display: block; float: right; width: 60px; height: 14px; line-height: 14px; background: url("/images/misc/uso_ms_00000g6.png") 6px center no-repeat #0090ff; padding: 0px 10px 0px 25px; color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 0.8em; text-transform: uppercase; }
a.blueVideoBtn:hover { background: url("/images/misc/uso_ms_00000g6.png") 6px center no-repeat #ff3333; }
a.blueLargeBtn { display: block; float: right; background-color: #0096ff; color: #FFFFFF; font-size: 20px; line-height: 40px; text-transform: uppercase; text-align: center; cursor: pointer; font-family: "Swiss721BT-BoldCondensed", Arial, Helvetica, sans-serif; text-decoration: none; }
a.blueLargeBtn:hover { background-color: #cc0000; }
.archiveSelect { width: auto; }
.commentRow { width: 630px; width: 610px !important; padding: 15px 10px; border-bottom: 1px solid #000033; }
/************** END GENERICS **************/
/** HTML5 Media wall **/
#hpNewsAppHTML5 { position: relative; }
#newsApp5BG { position: relative; background: rgba(0, 75, 133, 0.95); width: 646px; height: 371px; padding: 4px 0 0 4px; }
#newsApp5Media { position: relative; border: solid 1px #0090ff; width: 640px; height: 360px; }
#newsApp5Tabs a { display: block; float: left; width: 87px; height: 21px; padding: 5px 10px; margin-right: 2px; font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-transform: uppercase; text-align: center; text-decoration: none; background: rgba(118, 143, 163, 0.25); overflow: hidden; }
#newsApp5Tabs a:hover { color: #FF3333; text-decoration: none; }
#newsApp5Tabs a.selected { width: 192px; height: 24px; padding: 10px 10px; margin-right: 2px; font-size: 12px; color: #ffd65a; font-weight: bold; text-transform: uppercase; text-align: center; text-decoration: none; background: rgba(0, 75, 133, 0.5); overflow: hidden; }
#newsApp5Desc { position: absolute; width: 620px; height: 75px; background: rgba(0, 0, 0, 0.85); top: 270px; padding: 9px 10px 6px 10px; overflow: hidden; font-family: Helvetica, Arial, sans-serif; }
#newsApp5DescLeft { width: 552px; float: left; margin-right: 10px; }
#newsApp5DescRight { width: 56px; float: left; margin-top: 10px; }
#newsApp5Headline { font-size: 24px; color: #ffd65a; font-weight: bold; }
#newsApp5Abstract { font-size: 12px; color: #ffffff; line-height: 16px; }
#newsApp5RelatedLinks { font-size: 12px; color: #ffffff; }
#newsApp5RelatedLinks a:link, #newsApp5RelatedLinks a:visited { color: #FFFFFF; text-decoration: none; }
#newsApp5RelatedLinks a:hover, #newsApp5RelatedLinks a:active { color: #FF3333; text-decoration: none; }
#newsApp5BtnWatch { display: block; width: 56px; height: 13px; text-indent: -9999px; margin-bottom: 6px; cursor: pointer; }
#newsApp5BtnWatch:hover { background-position: 0px -13px; }
#newsApp5BtnRead { display: block; width: 56px; height: 13px; text-indent: -9999px; margin-bottom: 6px; }
#newsApp5BtnRead:hover { background-position: 0px -13px; }
#newsApp5BtnShare { display: block; width: 56px; height: 13px; text-indent: -9999px; margin-bottom: 6px; cursor: pointer; }
#newsApp5BtnShare:hover { background-position: 0px -13px; }
#flashNeededText { padding: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #ffffff; }
#flashNeededText a:link, #flashNeededText a:visited { color: #FFFFFF; text-decoration: underline; }
#flashNeededText a:hover, #flashNeededText a:active { color: #FF3333; text-decoration: underline; }
/* usta network nav */
.ustaNetworkBar { position: relative; height: 34px; width: 1000px; font-family: Arial,Helvetica, sans-serif; font-size: 11px; background-color: #f5f4f5; z-index: 300; }
.ustaNetworkBar ul li, .ustaNetworkBar ol li { font-size: 11px !important; }
.ustaMiscLinks ul { list-style: none; margin: 0; padding: 0; float: right; margin: 4px 5px; }
.ustaMiscLinks li { float: left; height: 24px; margin: 0; padding: 0; }
.ustaMiscLinks li a { color: #181818; }
.ustaMiscLinks li a:link, .ustaMiscLinks li a:visited { color: #181818; }
#mLinkJoin { margin: 1px 20px 1px 10px; }
#usta_member { height: 31px; line-height: 31px; float: left; margin-right: 4px; }
#usta_member img { display: inline; vertical-align: middle; margin-right: 5px; }
#usta_join { width: 130px; height: 31px; float: left; }
#usta_join a { display: block; width: 116px; height: 18px; margin: 7px 7px 0 7px; text-align: center; line-height: 18px; text-decoration: none; }
.ustaMiscLinks li.mFacebook { height: 24px; width: 260px; margin: auto 5px; position: relative; }
.ustaMiscLinks li.mTwitter { height: 24px; width: 135px; margin: auto 5px; position: relative; }
.ustaMiscLinks li.mGooglePlus { height: 24px; width: 32px; margin: auto 5px; position: relative; }
.ustaClear { display: block; clear: both; line-height: 0; height: 0; margin: 0; padding: 0; overflow: hidden; font-size: 0.01em; }
/* end usta network nav */
/**** disqus styles */
#disqus_container { float: left; margin-top: 20px; width: 630px; }
#disqus_container #disqus_header { background: #001325; color: #FFFFFF; line-height: 20px; font-weight: bold; margin-bottom: 17px; padding: 0px 3px; }
/* end disqus styles */
.centeringContainer { margin: 0px auto; display: table; /*text-align:center;*/ }
a.centered { display: table-cell; margin: 0px auto; /*display:inline; zoom:1;*/ }
.bggradient { /* For Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(#002846, #003d69); /* For Opera */ background: -o-linear-gradient(#002846, #003d69); /* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#012846), to(#003d69)); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF012846, endColorstr=#FF003D69); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF012846, endColorstr=#FF003D69)"; }
.sbgradient { /* For Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(#00457b, #00172f); /* For Opera */ background: -o-linear-gradient(#00457c, #00172f); /* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#00457b), to(#00172f)); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00457B, endColorstr=#FF00172F); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00457B, endColorstr=#FF00172F)"; }
.footergradient { /* For Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(#00203a, #004478); /* For Opera */ background: -o-linear-gradient(#00203a, #004478); /* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#00203a), to(#004478)); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00203A, endColorstr=#FF004478); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00203A, endColorstr=#FF004478)"; }
/* IBM technology page */
#ibmtechApps { clear: both; margin-top: 20px; width: 614px; padding: 0px 0px 20px; border-top: solid 3px #0172B8; }
#ibmtechApps .promoImg { float: left; padding-right: 20px; width: 272px; }
#ibmtechApps .iphoneBtn img { float: right; margin-right: 10px; width: auto; }
#ibmtechApps .androidBtn img { float: right; width: auto; }
#ibmtechApps .promoList { padding: 0px 0px 20px; width: 320px; float: left; }
#ibmtechApps .promoList ul { list-style: disc; padding: 0px 0px 0px 15px; margin: 0px; }
#ibmtechApps .promoList ul li { line-height: 1.6em; list-style: disc; margin-bottom: 10px; }
/** radio **/
#radioPage { position: relative; width: 1024px; height: 768px; margin: 0px auto; background-repeat: no-repeat; background-color: #004b85; background-size: 1024px 768px; overflow: hidden; }
#radioPage .top { float: left; position: relative; width: 100%; height: 67px; background: #002C4E; margin-bottom: 15px; }
#radioPage .top #eventLogo { position: absolute; left: 10px; top: 9px; width: 78px; height: 48px; }
#radioPage .top #amexLogo { position: absolute; right: 10px; top: 9px; width: 53px; height: 47px; }
#radioPage #radioStub { position: absolute; top: 215px; left: 0px; width: 100%; height: 245px; background-color: transparent; background-color: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom: 1; text-align: center; color: #FFFFFF; font-size: 25px; line-height: 35px; display: none; }
#radioPage #radioStub img { display: block; margin: 32px auto; }
#radioPage #radioContent { float: left; position: relative; width: 100%; height: 686px; }
#radioPage #radioContent .left { position: absolute; top: 0px; left: 0px; width: 332px; height: 686px; }
#radioPage #radioContent .right { position: absolute; top: 0px; right: 15px; width: 662px; height: 666px; padding: 10px 0px; background-color: transparent; background-color: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom: 1; overflow: auto; }
#radioContent .left #radioModule { float: left; position: relative; width: 332px; height: 267px; }
#radioContent .left #radioModule .image { width: 292px; height: 70px; margin: 0px auto 15px auto; }
#radioContent .left #radioModule #controls { position: absolute; top: 117px; left: 46px; display: none; width: 46px; height: 46px; }
#radioContent .left #radioModule #controls .playbutton { width: 46px; height: 46px; margin: 0px; background: url("/images/radioPlayer/radio_play.png") no-repeat; display: none; }
#radioContent .left #radioModule #controls .stopbutton { width: 46px; height: 46px; margin: 0px; background: url("/images/radioPlayer/radio_stop.png") no-repeat; display: none; }
#radioContent .left #radioModule #volume { position: absolute; top: 117px; left: 110px; display: none; width: 144px; height: 46px; }
#radioContent .left #radioModule #volume .volumedown { float: left; width: 28px; height: 29px; margin: 9px 0px 0px 0px; background: url("/images/radioPlayer/radio_volume_down.png") no-repeat; }
#radioContent .left #radioModule #volume .volumemute { float: left; width: 45px; height: 45px; margin: 0px; background: url("/images/radioPlayer/radio_volume_mute_off.png") no-repeat; }
#radioContent .left #radioModule #volume .volumeup { float: left; width: 28px; height: 29px; margin: 9px 0px 0px 0px; background: url("/images/radioPlayer/radio_volume_up.png") no-repeat; }
#radioContent .left #radioModule #volume .divider { float: left; width: 21px; height: 2px; margin: 22px 0px; background: #009AFE; }
#radioContent .left #radioModule #status { position: absolute; top: 126px; left: 269px; display: none; width: 58px; height: 35px; }
#radioContent .left #radioModule #status .live { float: left; right: 10px; width: 29px; height: 29px; margin: 0px; background: url("/images/radioPlayer/radio_live.png") no-repeat; display: none; }
#radioContent .left #radioModule #status .offair { position: absolute; bottom: 5px; right: 10px; width: 31px; height: 25px; /*background:url('/images/radioPlayer/radio_off.png') no-repeat;*/ display: none; }
#radioContent .left #radioModule #loading { position: absolute; top: 117px; left: 110px; display: none; width: 144px; height: 46px; text-transform: uppercase; line-height: 46px; text-align: center; font-size: 1.1; color: #90D7E7; }
#radioContent .left #radioModule #offair_text { position: absolute; top: 150px; left: 0px; display: none; width: 100%; height: 20px; color: #90D7E7; font-weight: bold; text-align: center; font-size: 16px; }
#radioContent .left #radioModule a { text-indent: -9999px; cursor: pointer; }
#radioContent .left #radioModule.offair #status { display: none; }
#radioContent .left #radioModule.offair #controls { display: none; }
#radioContent .left #radioModule.offair #volume { display: none; }
#radioContent .left #radioModule.offair #loading { display: none; }
#radioContent .left #radioModule.offair #offair_text { display: block; }
#radioContent .left #radioModule.ipad #controls { left: 116px; }
#radioContent .left #radioModule.ipad #status { left: 199px; }
#radioContent .left #radioModule.livenotplaying #title .live { display: block; }
#radioContent .left #radioModule.livenotplaying #title .offair { display: none; }
#radioContent .left #radioModule.livenotplaying #status { display: block; }
#radioContent .left #radioModule.livenotplaying #status .live { display: block; }
#radioContent .left #radioModule.livenotplaying #status .offair { display: none; }
#radioContent .left #radioModule.livenotplaying #controls { display: block; }
#radioContent .left #radioModule.livenotplaying #controls .playbutton { display: block; }
#radioContent .left #radioModule.livenotplaying #controls .stopbutton { display: none; }
#radioContent .left #radioModule.livenotplaying #volume { display: none; }
#radioContent .left #radioModule.livenotplaying #loading { display: none; }
#radioContent .left #radioModule.liveplaying #title .live { display: block; }
#radioContent .left #radioModule.liveplaying #title .offair { display: none; }
#radioContent .left #radioModule.liveplaying #status { display: block; }
#radioContent .left #radioModule.liveplaying #status .live { display: block; }
#radioContent .left #radioModule.liveplaying #status .offair { display: none; }
#radioContent .left #radioModule.liveplaying #controls { display: block; }
#radioContent .left #radioModule.liveplaying #controls .playbutton { display: none; }
#radioContent .left #radioModule.liveplaying #controls .stopbutton { display: block; }
#radioContent .left #radioModule.liveplaying #volume { display: block; }
#radioContent .left #radioModule.liveplaying #loading { display: none; }
#radioContent .left #radioModule.liveplayingipad #title .live { display: block; }
#radioContent .left #radioModule.liveplayingipad #title .offair { display: none; }
#radioContent .left #radioModule.liveplayingipad #status { display: block; }
#radioContent .left #radioModule.liveplayingipad #status .live { display: block; }
#radioContent .left #radioModule.liveplayingipad #status .offair { display: none; }
#radioContent .left #radioModule.liveplayingipad #controls { display: block; }
#radioContent .left #radioModule.liveplayingipad #controls .playbutton { display: none; }
#radioContent .left #radioModule.liveplayingipad #controls .stopbutton { display: block; }
#radioContent .left #radioModule.liveplayingipad #volume { display: none; }
#radioContent .left #radioModule.liveplayingipad #loading { display: none; }
#radioContent .left #radioModule.muted #volume .volumemute { background: url("/images/radioPlayer/radio_volume_mute_on.png") no-repeat; }
#radioContent .left #radioModule.loading #loading { display: block; }
#radioContent .left #qanda { float: left; width: 332px; height: 344px; background-color: transparent; background-color: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom: 1; }
#radioContent .left #qanda .text { display: block; float: left; width: 288px; height: 114px; margin: 18px 22px; }
#radioContent .left #qanda .button { display: block; float: left; width: 252px; height: 43px; margin: 18px 40px; }
#radioContent .left #promo { float: left; width: 332px; height: 75px; background-color: #002F4E; }
#radioContent .right .item { float: left; display: block; width: 632px; height: 261px; margin: 5px 15px 10px 15px; background-color: transparent; background-color: rgba(73, 157, 188, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D499DBC,endColorstr=#4D499DBC); zoom: 1; }
#radioContent .right .item .tweetarea { float: left; position: relative; width: 518px !important; height: 90px !important; padding: 20px 57px; }
#radioContent .right .item .tweetarea a { color: #FFFFFF; text-decoration: none; }
#radioContent .right .item .tweetarea a:hover { text-decoration: underline; }
#radioContent .right .item .tweetarea .picture { float: left; width: 38px; height: 90px; margin-right: 10px; }
#radioContent .right .item .tweetarea .picture img { width: 38px; height: 38px; }
#radioContent .right .item .tweetarea .text { float: left; width: 470px; text-align: left; font-size: 1.1em; }
#radioContent .right .item .tweetarea .text .name { float: left; width: 100%; color: #FFFFFF; font-weight: bold; }
#radioContent .right .item .tweetarea .text .handle { float: left; width: 100%; color: #8899A6; }
#radioContent .right .item .tweetarea .text .tweettext { float: left; margin-top: 10px; width: 100%; color: #FFFFFF; }
#radioContent .right .item .tweetarea .timestamp { position: absolute; top: 15px; right: 15px; height: 12px; width: auto; padding-left: 15px; line-height: 12px; color: #CCD6DE; background: url("/images/radioPlayer/twitter_timebird.png") no-repeat; }
#radioContent .right .item .tweetarea .utils { position: absolute; bottom: 10px; left: 231px; width: 170px; height: 14px; text-align: left; }
#radioContent .right .item .tweetarea .utils a { text-decoration: none; font-size: 1.1em; color: #CCD6DE; line-height: 14px; }
#radioContent .right .item .tweetarea .utils .reply { position: absolute; display: block; left: 0px; top: 0px; width: 16px; height: 14px; cursor: pointer; }
#radioContent .right .item .tweetarea .utils .reply a { display: block; width: 16px; height: 14px; background: url("/images/radioPlayer/twitter_reply.png") no-repeat; }
#radioContent .right .item .tweetarea .utils .retweet { position: absolute; left: 60px; top: 0px; width: auto; height: 14px; }
#radioContent .right .item .tweetarea .utils .retweet a { display: block; height: 14px; width: auto; background: url("/images/radioPlayer/twitter_retweet.png") left top no-repeat; padding-left: 25px; }
#radioContent .right .item .tweetarea .utils .favorite { position: absolute; right: 0px; top: 0px; width: auto; height: 14px; }
#radioContent .right .item .tweetarea .utils .favorite a { display: block; height: 14px; width: auto; background: url("/images/radioPlayer/twitter_favorite.png") left top no-repeat; padding-left: 20px; }
#radioContent .right .item .question { border-bottom: 1px solid #FFFFFF; background: url("/images/radioPlayer/question_bg.png") 16px 53px no-repeat; }
#radioContent .right .item .answer { background: url("/images/radioPlayer/answer_bg.png") 16px 53px no-repeat; }
#ibmtechPromos { clear: both; margin-top: 20px; border-top: solid 3px #0172B8; padding: 20px 0px; float: left; width: 614px; }
@media only screen and (device-width: 768px) { #rtScoreboard a.blueStarBtn.scores, #mipFeaturedTitleBar .popout { display: none; } }
#feedbackContainer { float: left; width: 100%; }
#feedbackContainer .feedbackrow { float: left; width: 100%; margin-bottom: 5px; }
#feedbackContainer .firstname, #feedbackContainer .lastname, #feedbackContainer .emailaddress { float: left; width: 100%; margin-bottom: 5px; }
#feedbackContainer .country { float: left; width: 100%; }
#feedbackContainer label { float: left; width: 15%; font-weight: bold; }
#feedbackContainer input { float: left; width: 250px; }
#feedbackContainer textarea { float: left; width: 640px; height: 200px; }
#feedbackContainer .feedbackbutton { float: right; margin-left: 20px; cursor: pointer; }
