body { background: #060841; } #container { background: url(/hornets/media/mainbg.gif) fixed no-repeat 50% 38px; color: #000000; font-family: arial, helvetica; font-size: 11px; font-weight: bold; } #content { background: transparent; width: 990px; } a { color: #002D5F; text-decoration: underline; } /* *************************** * LOGO AND TITLE *************************** */ #header .content { position:relative; width: 980px; } #header .content .logo { position:relative; float:left; width: 152px; } #header .content .main { position:relative; width:820px; height: 100px; } #header .content .main .hornets-title { position:relative;} #header .content .main .ticket_spot { position:absolute; top:5px; right:5px; } /* *************************** * HEADER MENU *************************** */ #header ul.menu { display: inline; position: relative; float: left; width: 828px; height: 28px; } #header ul.menu li { display: inline; float: left; } #header ul.menu li a { float: left; height: 28px; text-indent: -9999px; } /* Home */ #header ul.menu li a.nav_home { background-image: url(/hornets/media/nav_home.jpg); background-position: 0 -28px; width: 50px; } #header ul.menu li.highlighted a.nav_home, #header ul.menu li a:hover.nav_home { background-position: 0 0; } /* News */ #header ul.menu li a.nav_news { background-image: url(/hornets/media/nav_news.jpg); background-position: 0 -28px; width: 54px; } #header ul.menu li.highlighted a.nav_news, #header ul.menu li a:hover.nav_news { background-position: 0 0; } /* Team */ #header ul.menu li a.nav_team { background-image: url(/hornets/media/nav_team.jpg); background-position: 0 -28px; width: 54px; } #header ul.menu li.highlighted a.nav_team, #header ul.menu li a:hover.nav_team { background-position: 0 0; } /* Tickets */ #header ul.menu li a.nav_tickets { background-image: url(/hornets/media/nav_tickets.jpg); background-position: 0 -28px; width: 68px; } #header ul.menu li.highlighted a.nav_tickets, #header ul.menu li a:hover.nav_tickets { background-position: 0 0; } /* Entertainment */ #header ul.menu li a.nav_entertainment { background-image: url(/hornets/media/nav_entertainment.jpg); background-position: 0 -28px; width: 122px; } #header ul.menu li.highlighted a.nav_entertainment, #header ul.menu li a:hover.nav_entertainment { background-position: 0 0; } /* Fan zone */ #header ul.menu li a.nav_fanzone { background-image: url(/hornets/media/nav_fanzone.jpg); background-position: 0 -28px; width: 78px; } #header ul.menu li.highlighted a.nav_fanzone, #header ul.menu li a:hover.nav_fanzone { background-position: 0 0; } /* STH Central */ #header ul.menu li a.nav_sthcentral { background-image: url(/hornets/media/nav_sthcentral.jpg); background-position: 0 -28px; width: 96px; } #header ul.menu li.highlighted a.nav_sthcentral, #header ul.menu li a:hover.nav_sthcentral { background-position: 0 0; } /* Community */ #header ul.menu li a.nav_community { background-image: url(/hornets/media/nav_community.jpg); background-position: 0 -28px; width: 96px; } #header ul.menu li.highlighted a.nav_community, #header ul.menu li a:hover.nav_community { background-position: 0 0; } /* Store */ #header ul.menu li a.nav_store { background-image: url(/hornets/media/nav_store.jpg); background-position: 0 -28px; width: 56px; } #header ul.menu li.highlighted a.nav_store, #header ul.menu li a:hover.nav_store { background-position: 0 0; } /* Tickets */ #header ul.menu li.highlighted a.nav_tickets, #header ul.menu li a:hover.nav_tickets { background-position: 0 0; } /* *************************** * HEADER SEARCH *************************** */ #header ul.menu li form.search { background: url(/hornets/media/nav_searchbg.jpg) no-repeat top left; width: 150px; _width:151px; height: 28px; } #header ul.menu li form.search #header_search_field { display: inline; float: left; background:transparent; font-size: 11px; line-height: 12px; vertical-align: top; width: 102px; height: 28px; margin: 5px 0 0 0px; padding: 2px 0; border: none 0; } #header ul.menu li form.search #header_search_button { float: left; margin-top: 6px; } #header ul.menu li ul { display: none; position: absolute; top: 26px; left: -152px; overflow: hidden; background: #1d1756 url(/hornets/media/10_hornets_edd.png) no-repeat top left; width: 976px; height: 100px; padding-top: 10px; z-index: 999; } #header ul.menu li ul.open { display: block; } #header ul.menu li li { margin-left: 15px; } #header ul.menu li li em { display: block; overflow: hidden; float: left; background-image: url(/hornets/media/dropdown_arrow.jpg); background-position: 0 -11px; text-indent: -9999px; width: 9px; height: 11px; margin-right: 5px; margin-top: 3px; } #header ul.menu li li.highlighted li a, #header ul.menu li li a { background: transparent url(/hornets/media/10_hornets_dropdown_marker.png) no-repeat center left; color: #fea81f; font-size: 13px; text-align: left; height: 16px; width: 210px; text-indent: 0; text-decoration: none; padding: 0px 5px; border-bottom-color:#0b62a5; border-bottom-style:dotted; border-bottom-width:1px;} #header ul.menu li li.highlighted a, #header ul.menu li li.highlighted li a:hover, #header ul.menu li li a:hover { background: #dfdde8 url(/hornets/media/dropdown_selectedbg.jpg) repeat-x; color: #151d65; text-indent: 0; text-decoration: underline; } #header ul.menu li li.highlighted a em, #header ul.menu li li a:hover em { background-position: 0 0; } #header ul.menu li.ad { float: right; margin-right: 10px; } #header ul.menu li.ad a { text-indent: 0; width: auto; height: auto; margin: 0; padding: 0; border: 0 none; } /* *************************** * TOP STORY *************************** */ #top_story { background: url(/hornets/media/tp_bg_thumbs.jpg) no-repeat bottom left; } #top_story .top_story_item .teaser { background: transparent url(/hornets/media/tp_text.png) no-repeat center center; } #top_story .top_story_item .teaser .copy a { color: #C4CED4; } #top_story .scrollerModule .scroller_viewport { margin-top: 5px; height: 99px; } #top_story .scrollerModule .scroller_items { height: 99px; } /*#top_story .scrollerModule .scroller_item { margin: 6px 7px; height: 85px; }*/ #top_story .top_story_items .play_video { background: url(/hornets/media/topstory_vidbg.jpg) no-repeat; } #top_story .scrollerModule .scroller_item { background: url(/hornets/media/topstory_tmb_bg.gif) no-repeat center center; height: 84px; width: 144px; margin: 2px; padding: 7px 0; border: 0 none; } #top_story .scrollerModule .scroller_items .highlighted, #top_story .scrollerModule .scroller_items .selected { background: url(/hornets/media/topstory_tmb_glow.jpg) no-repeat center center; height: 84px; width: 144px; margin: 2px; padding: 7px 0; border: 0 none; } #top_story .scrollerModule .scroller_items .highlighted .thumbnail, #top_story .scrollerModule .scroller_items .selected .thumbnail { opacity: 1.0; -moz-opacity: 1.0; -ms-opacity: 1.0; -webkit-opacity: 1.0; filter: alpha(opacity=100); } #top_story .scrollerModule .scroller_items .highlighted .thumbnail, #top_story .scrollerModule .scroller_items .selected .thumbnail { bottom: 24px; left: 6px; } #top_story .scrollerModule .scroller_items .highlighted .thumbnail_text, #top_story .scrollerModule .scroller_items .selected .thumbnail_text { bottom: 5px; left: 6px; } #top_story .scrollerModule .scroller_items .thumbnail, #top_story .scrollerModule .scroller_items .thumbnail { bottom: 24px; left: 6px; } #top_story .scrollerModule .scroller_items .highlighted .thumbnail_text, #top_story .scrollerModule .scroller_items .selected .thumbnail_text { bottom: 5px; left: 6px; } #top_story .scrollerModule .scroller_items .thumbnail_text, #top_story .scrollerModule .scroller_items .thumbnail_text { bottom: 5px; left: 6px; } #top_story .scrollerModule .scroller_nav_button { background: transparent; text-indent: -9999px; } #top_story .scrollerModule #top_story_prev { background-image: url(/hornets/media/tp_arrows_l.gif); } #top_story .scrollerModule #top_story_prev.enabled { background-position: 0 0; } #top_story .scrollerModule #top_story_prev.highlighted { background-position: 0 -48px; } #top_story .scrollerModule #top_story_prev.disabled { background-position: 0 -24px; cursor: default; } #top_story .scrollerModule #top_story_next { background-image: url(/hornets/media/tp_arrows_r.gif); } #top_story .scrollerModule #top_story_next.enabled { background-position: 0 0; } #top_story .scrollerModule #top_story_next.highlighted { background-position: 0 -48px; } #top_story .scrollerModule #top_story_next.disabled { background-position: 0 -24px; cursor: default; } #top_story .scrollerModule .scroller_toc span { } /* *************************** * 4 TAB TOP *************************** */ #headlines.module { background: url(/hornets/media/fragbg_quadtabs.jpg) no-repeat top left; width: 500px; } #headlines .tabModule { width: 500px; height: 250px; margin: 0; padding:0; } #headlines .tabModule .nav, #headlines .tabModule .nav li { height: 35px; padding:0; margin:0;} #headlines .tabModule .nav li a { text-indent: -9999px; height: 35px; background-position: 0 -35px;} #headlines .tabModule .nav li a.tab-buzzvision { width:125px; background-image: url(/hornets/media/tab_buzzvision.jpg);} #headlines .tabModule .nav li a.tab-headlines { width:125px; background-image: url(/hornets/media/tab_headlines.jpg);} #headlines .tabModule .nav li a.tab-bigeasybuzz { width:125px; background-image: url(/hornets/media/tab_bigeasybuzz.jpg);} #headlines .tabModule .nav li a.tab-swarmcity { width:125px; background-image: url(/hornets/media/tab_swarmcity.jpg);} #headlines .tabModule .nav li.current a.tab-buzzvision, #headlines .tabModule .nav li.current a.tab-headlines, #headlines .tabModule .nav li.current a.tab-bigeasybuzz, #headlines .tabModule .nav li.current a.tab-swarmcity { background-position:0 0; } #headlines .tabModule .content { position:relative; width: 480px; _width:470px; margin:2px 7px 0px 10px; padding:0; height:205px; top:0; background:#ffffff;} #headlines .tabModule li.tab-headlines a{ display:block;border-bottom:1px dashed #002d5f;line-height:20px; text-decoration:none;} #headlines .tabModule li.tab-headlines a:hover{ text-decoration:underline;} #headlines .tabModule .content li div.more_link {position:absolute; top:180px; left:370px; } #headlines .tabModule .content li div.more_link a{border-bottom:0px;} #headlines .tabModule .content li { overflow:hidden; background : #ffffff; margin:0px; width: 480px; _width:470px; height: 195px; _height:195px; padding: 1px; } #headlines .content .headline { color: #000000; font-weight: bold; font-size: 11px; margin-top: 5px; padding-bottom: 5px; } #headlines .content .headline a{ font-weight: bold; text-decoration:none; } #headlines .content .headline a:hover{ font-weight: bold; text-decoration:underline; } #headlines .tabModule .content li div.sub_tab a{display:block;border-bottom:1px dashed #002d5f;line-height:20px;} /* *************************** * TAB MODULE ACCORDION *************************** */ #headlines .tabModule .accordionModule { position:relative; height : 160px; } #headlines .tabModule .accordionModule .content { overflow:hidden;} #headlines .tabModule .accordionModule .content .thumbnail { display: inline; float: left; margin: 1px; } #headlines .tabModule .accordionModule .content .thumbnail img { height:40px; } #headlines .tabModule .accordionModule .content .teaser { display: inline; float: left; width: 365px; margin: 5px; } #headlines .tabModule .accordionModule .title { position:relative; background:#ffffff; clear:both; width:470px; margin:0; padding:1px 0 5px 0; border-bottom:1px dashed #C6CFD4; height:14px;} #headlines .tabModule .accordionModule .title .headline { padding-left: 25px; float:left; width: 400px; overflow:hidden; background: url(/.element/img/1.0/video/nbaVideoCamThumb.gif) 0 20% no-repeat;} #headlines .tabModule .accordionModule .title:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } #headlines .tabModule .accordionModule .title .toggle { position:relative; float:right; cursor : pointer; height:14px; width:14px; background:url(/media/homepage/expander_closed.gif) no-repeat;} #headlines .tabModule .accordionModule .title .closed { background:transparent url(/media/homepage/expander_open.gif) no-repeat scroll 0 0; } #headlines .hornetscom-item { display: inline; float: left; background: #FFFFFF; width: 470px; margin-left: 10px;} thumbnail#headlines .hornetscom-item . { display: inline; float :left; height :14px; width :18px; margin-left:10px;} #headlines .hornetscom-item .rightAd { display: inline; float :right; height :177px; width :111px; margin-right:10px; background-color:#999999; text-align:center;} #headlines .hornetscom-item .info { display: inline; float:left; } #headlines .hornetscom-item img.plus { display: inline; padding-left: 5px;} #headlines .hornetscom-item a.title { display: inline; top left no-repeat; color: #ff0000; font-size: 12px; font-weight: bold; text-decoration: none; padding-left: 25px;} #headlines .hornetscom-item a.title:hover { text-decoration:underline; } #headlines .hornetscom-item .more_link { float: right; margin-right: 5px; margin-top: 10px; } #headlines .hornetscom-item .more_link.a { color: #000000; background: url(/hornets/media/ btn_more_arrow.gif) top left no-repeat;} #headlines .hornetscom-item .captions { font-size:12px; font-color : #000000;} #headlines .hornetscom-item .date { color:#89081d; font-size:11px; } #headlines .hornetscom-bottom { clear : both; text-align : right; padding : 2px; } #headlines .hornetscom-bottom img { display:inline; float:right; border : none; } /* *************************** * EMAIL SIGN UP *************************** */ #email_signup.module { background:url(/hornets/media/fragbg_loginsignup.jpg) no-repeat top left; width: 160px; color:#fff; font-size:10px;} #email_signup .tabModule { width: 160px; height: 106px; margin: 0; padding:0; } #email_signup .tabModule .nav, #email_signup .tabModule .nav li { overflow:hidden; height: 20px; padding:0; margin:0;} #email_signup .tabModule .nav li a { text-indent: -9999px; height: 20px; background-position: 0 -20px;} #email_signup .tabModule .nav li a.tab-login { width:80px; background-image: url(/hornets/media/tab_accountlogin.jpg);} #email_signup .tabModule .nav li a.tab-signup { width:80px; background-image: url(/hornets/media/tab_fansignup.jpg);} #email_signup .tabModule .nav li.current a.tab-login, #email_signup .tabModule .nav li.current a.tab-signup { background-position: 0 0;} #email_signup .tabModule .content { position:relative; width: 150px; height: 86px; padding: 5px; overflow:hidden;} #email_signup .tabModule .content li { position:relative; overflow:hidden; width: 150px; height: 86px; padding: 0; } #email_signup form { padding: 0;} #email_signup form input {} #email_signup form input.text_input { font-size: 11px; line-height: 12px; vertical-align: top; width: 90px; height: 12px; padding: 0px; border: 1px solid #000; margin:1px 0; } #email_signup form.enews input.text_input { margin-left: 0px } #email_signup form.enews input.button_input { position:absolute; top: 39px; left: 105px;} /* *************************** * CONTENT SLIDER *************************** */ #content_slider.module { background: url(/hornets/media/fragbg_slider.jpg) no-repeat top left; } #content_slider .panel .summary { clear: both; margin-top: 5px; } #content_slider .panel .headline { color: #89081d; font-weight:800; font-size: 14px; text-decoration:none;} #content_slider .panel .headline:hover { text-decoration:underline; } #content_slider .panel .teaser { font-weight: normal; } #content_slider .panel .more_link { display: none; } #content_slider .sliderModule .slider-nav { height:20px; width:890px; } #content_slider .sliderModule .track { height:20px; width:890px; background:url(/hornets/media/s_scrollbg.jpg) center no-repeat;} #content_slider .sliderModule .grip { height:20px; width:78px; background:url(/hornets/media/s_scrollbar.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/hornets/media/s_scrollbar.png", sizingMethod="scale"); } #content_slider .sliderModule .nav-slider-next {height:20px; width: 26px; background: url(/hornets/media/s_arrows_r.jpg); background-position: 0 -20px;} #content_slider .sliderModule .nav-slider-prev {height:20px; width: 26px; background: url(/hornets/media/s_arrows_l.jpg); background-position: 0 -20px;} #content_slider .sliderModule .hover { background-position: 0 -40px !important;} #content_slider .sliderModule .disabled { background-position: 0 -20px !important; cursor: default; } /* *************************** * PROMOTIONS *************************** */ #promotions.module {background: url(/hornets/media/fragbg_empty.gif) no-repeat top left; width: 481px; height:161px;} /* *************************** * TRI TAB BOTTOM *************************** */ #tabbed.module { background: url(/hornets/media/fragbg_tritabs.jpg) no-repeat top left; width: 484px; height:165px;} #tabbed .tabModule { color:#000; width: 484px; height: 165px; margin: 0; padding:0; } #tabbed .tabModule .nav, #tabbed .tabModule .nav li { height: 30px; padding:0; margin:0;} #tabbed .tabModule .nav li a { text-indent: -9999px; height: 30px; background-position: 0 -30px;} #tabbed .tabModule .nav li a.tab-leaderboard { width:161px; background-image: url(/hornets/media/tab_leaderboard.jpg);} #tabbed .tabModule .nav li a.tab-standings { width:162px; background-image: url(/hornets/media/tab_standings.jpg) } #tabbed .tabModule .nav li a.tab-poll { width:161px; background-image: url(/hornets/media/tab_onlinepoll.jpg);} #tabbed .tabModule .nav li.current a.tab-poll, #tabbed .tabModule .nav li.current a.tab-leaderboard, #tabbed .tabModule .nav li.current a.tab-standings { background-position:0 0; } #tabbed .tabModule .content { width: 484px; height: 140px; } #tabbed .tabModule .content li { overflow: hidden; background: url(/hornets/media/fragbg_tritabs.jpg) no-repeat bottom center; width: 464px; height: 135px; padding: 0 10px; } /* *************************** * leader boards & standings & polls *************************** */ #tabbed h4 { display: none; } #tabbed table.leaders { float: left; width: 110px; margin-left: 5px; } #tabbed table.leaders th { color: #0099D8; font-size: 16px; font-weight: bold; } #tabbed table.leaders td { padding: 1px 3px; } #tabbed .ad { display: inline; overflow: hidden; float: left; width: 110px; height: 100px; margin-left: 5px; } #tabbed table.divStandingsTable { float: left; width: 345px; } #tabbed .stdText1, #tabbed .stdText2, #tabbed .stdText3, #tabbed .stdText4 { color: #000000; font-size: 12px; text-align: center; padding: 0; } #tabbed .stdText1 { color: #0099d8; font-weight: bold; text-align: left; width: 120px; } #tabbed .more_link { clear: both; text-align: right; width: 450px; margin-top: 5px; } .poll-question { font-weight : 800; margin-bottom:5px;} .poll-options label { width : 200px; display: block; float:left;} .poll-submit {clear:both; position:absolute; top:95px; left: 390px; } .pollOption { font-weight : 100;} /* *************************** * SECONDARY AD *************************** */ #secondary_ad_inventory{width:980px;margin:auto !important;text-align:center;padding-bottom:10px;} /*#secondary_ad_inventory.module { display:inline; margin-bottom:10px;text-align: left; }*/ #secondary_ad_inventory .adspot728_90 { text-align: left; width : 728px; height:100px; margin-left: 23px;} .ad_row .adspot200x90 {height:90px; margin-left:5px; width:200px; text-align:center;} .ad_row .adspot728x90, .ad_row .adspot200x90, .ad_row .adspot160x107 {float:left; margin:5px 5px;_margin-bottom:10px; background-color:#CCCCCC;} /* *************************** * TICKETS *************************** */ #tickets.module { background: url(/hornets/media/tickets_tag_bg_new.png) no-repeat top left; } #tickets .tabModule .tickets-nav li.current a.tickets, #tickets .tabModule .tickets-nav li.hover a.tickets {background-position:0 -23px;} #tickets .tabModule .nav li a {height:23px; width:60px;} #tickets .tabModule .tickets-nav {margin-top:10px;} #tickets .tabModule .tickets-content li {height:156px;} content_...dules.css (line 103) #tickets .tabModule .tickets-content li /* *************************** * FOOTER *************************** */ #footer { background:transparent url(/hornets/media/footer_bgtile.jpg) repeat-x left top; } #footer #search_form { background: url(/hornets/media/footer_bar.jpg) no-repeat top left; margin-top:10px; } #footer #search_form input#footer_search_field { font-size: 11px; line-height: 16px; vertical-align: top; width: 135px; height: 14px; margin-left: 777px; margin-top: 7px; padding: 0; border: none 0; } #footer #search_form input#footer_search_button { margin-top: 6px; margin-left: 5px; width:50px; height:16px;} #footer ul.links { background:transparent url(/hornets/media/footer_bgtile.jpg) repeat-x scroll 0 0; width: 980px; height: 146px; margin-top: 1px; } #footer ul.links li { background: url(/hornets/media/footer_div.jpg) no-repeat top left; text-align: left; width: 163px; height: 146px; margin: 0; } #footer ul.links li.first, #footer ul.links li li { background: none; list-style: none; } #footer ul.links li ul { color: #6C0500; margin: 0px; padding: 0px;} #footer ul.links li li { display: block; background: url(/hornets/media/blueBullet.gif) no-repeat left; padding-left: 13px; float: none; font-size: 10px; text-align: left; width: 133px; height: 12px; } #footer ul.links li h4 { background:transparent url(/hornets/media/footer_arrow.gif) no-repeat scroll left center; border-bottom:1px solid #0072a7; font-size:10px; margin:0 auto; padding-left:15px; text-align:left; text-transform:uppercase; width:130px; color: #200b58; } #sponsorLogos {clear:both; height:100px; margin:0 auto; overflow:hidden; width:980px;} #sponsorLogos ul.sponsor_links li {float:left; position:relative; margin:0 26px;} #footer ul.links li li a { color: #fff; font-size: 10px; } #footer ul.links li li a:hover { text-decoration:none;} #footer div.copyright_copy { color: #FFFFFF; } #footer div.copyright_copy a { color: #00B6D9; } /***** Articles *****/ #container.inside_page { } .inside_page table.article_and_aside { background: transparent; } .inside_page td.article_wrapper { background-color: #fff; width: 680px; padding: 0; } .wide td.article_wrapper { background-color: #fff; width: 978px; padding: 0; } .inside_page td.article_wrapper .sub_header { margin: 0; } .inside_page td.article_wrapper .articleTools img { margin: 0; } .inside_page #article.module { margin: 0 20px; } .inside_page #article .byline { color : #444; font-weight:800; font-size:12px;} .inside_page #article .body { line-height:1.6em; font-size: 13px;} .inside_page td.aside_wrapper { background: #EDF1F4; } .inside_page #aside { margin: 0; } .inside_page #article p {margin-right:1em;} .inside_page #adspot300x250.module { margin-top: 10px; background-color:#008fc4; text-align:center;} .inside_page #additional_content { background: #FFFFFF url(/hornets/media/fragbg_int_rightcolcontent.jpg) no-repeat top left; } .inside_page #additional_content h3 { overflow: hidden; background: url(/hornets/media/sub_mostrecent.gif) no-repeat top left; text-indent: -9999px; width: 285px; height: 14px; margin: 15px 7px 10px 7px; } .inside_page #additional_content ul { width: 285px; margin:0 auto; } .inside_page #additional_content li { margin:5px 10px; background:url(/hornets/media/redBullet.gif) 0 5px no-repeat; padding-top:0; padding-left:13px;} .inside_page #additional_content li a { color:#000000; text-decoration:underline;} /***** Roster, Stats, Schedule *****/ div#calendarContainer { margin: 0 10px; } .team_stats_grid .gSGSectionTitle { background: #0099d8; padding:0 5px;} .team_stats_grid .cBTitle, .team_stats_grid .cBTop {background:#191c61 none repeat scroll 0 0; padding:0 5px;} .team_stats_grid table td {color:#333333;font-size:10px; padding:2px 0;} /***** Sips *****/ .sipHeadline{ background-image: url(http://www.nba.com/media/hornets/hornets_inside_hdr_bg.gif); color: #14774B; font-weight: bold; font-size: 11px; text-align: right; padding: 3px; padding-right: 5px; }