body { background: #000;} #container {background: #000 url(/suns/media/mainbg.jpg) no-repeat top center; color: #000000; font-family: helvetica, arial; font-size: 11px; } body.inside {background: url(/suns/media/int_mainbg_tile.jpg) repeat-y center top; background-color:#000; } #container.inside_page {background:transparent url(/suns/media/mainbg_int.jpg) no-repeat top center; } a { color: #3e277f; text-decoration: none; } a:hover { color: #AEADAD; text-decoration: underline; } #header .content, #content, #footer { width: 980px; } #header .content { padding-left: 0px; } #content { background: transparent; width: 990px; padding-left: 10px; } #header .main {height:123px; width:733px; background: none; } #header .IPmain { background: url(/suns/media/IP_header_bg.png) no-repeat top center; height:80px; width:980px; } #header .IPmain .logo {float:left; position:relative; width:118px; height:75px; } #header .IPmain .logoCasino {float:left; position:relative; width:125px; height:48px; margin-top:24px;} #header .ticket_spot {float:right; margin:15px 0 0 0;; width:200px;} #header .IPticket_spot { float:right; margin:0px 0 0 0px;; width:244px;}/* *************************** * header *************************** */ #header ul.menu { position: relative; clear: both; float:left; list-style-type: none; width: 980px; height: 22px; margin-top:8px; } #header ul.menu li { display: inline; float: left; margin: 0; } #header ul.menu li a { float: left; height: 22px; text-indent: -9999px; } /* Team */ #header ul.menu li a.nav_team { background-image: url(/suns/media/nav_team.png); background-position: 0 -22px; width: 50px; } #header ul.menu li.highlighted a.nav_team, #header ul.menu li a:hover.nav_team { background-position: 0 0; } /* News */ #header ul.menu li a.nav_news { background-image: url(/suns/media/nav_news.png); background-position: 0 -22px; width: 53px; } #header ul.menu li.highlighted a.nav_news, #header ul.menu li a:hover.nav_news { background-position: 0 0; } /* schedule */ #header ul.menu li a.nav_schedule { background-image: url(/suns/media/nav_schedule.png); background-position: 0 -22px; width: 80px; } #header ul.menu li.highlighted a.nav_schedule, #header ul.menu li a:hover.nav_schedule { background-position: 0 0; } /* Tickets */ #header ul.menu li a.nav_tickets { background-image: url(/suns/media/nav_tickets.png); background-position: 0 -22px; width: 68px; } #header ul.menu li.highlighted a.nav_tickets, #header ul.menu li a:hover.nav_tickets { background-position: 0 0; } /* game Night */ #header ul.menu li a.nav_gameNight { background-image: url(/suns/media/nav_gamenight.png); background-position: 0 -22px; width: 91px; } #header ul.menu li.highlighted a.nav_gameNight, #header ul.menu li a:hover.nav_gameNight { background-position: 0 0; } /* promotions */ #header ul.menu li a.nav_promotions { background-image: url(/suns/media/nav_promotions.png); background-position: 0 -22px; width: 96px; } #header ul.menu li.highlighted a.nav_promotions, #header ul.menu li a:hover.nav_promotions { background-position: 0 0; } /* fan zone */ #header ul.menu li a.nav_fanzone { background-image: url(/suns/media/nav_fanzone.png); background-position: 0 -22px; width: 76px; } #header ul.menu li.highlighted a.nav_fanzone, #header ul.menu li a:hover.nav_fanzone { background-position: 0 0; } /* social media */ #header ul.menu li a.nav_socialMedia { background-image: url(/suns/media/nav_socialmedia.png); background-position: 0 -22px; width: 100px; } #header ul.menu li.highlighted a.nav_socialMedia, #header ul.menu li a:hover.nav_socialMedia { background-position: 0 0; } /* Community */ #header ul.menu li a.nav_community { background-image: url(/suns/media/nav_community.png); background-position: 0 -22px; width: 91px; } #header ul.menu li.highlighted a.nav_community, #header ul.menu li a:hover.nav_community { background-position: 0 0; } /* contact us */ #header ul.menu li a.nav_contactus { background-image: url(/suns/media/nav_contactus.png); background-position: 0 -22px; width: 90px; } #header ul.menu li.highlighted a.nav_contactus, #header ul.menu li a:hover.nav_contactus { background-position: 0 0; } /* *************************** * TOP header SEARCH *************************** */ #header ul.menu li form.search { width: 184px; height: 30px; } #header ul.menu li form.search #header_search_field {font-size: 11px; line-height: 16px; width: 131px; height: 15px; margin-top: 2px; padding: 0 1px; border: none 0; vertical-align: top; } #header ul.menu li form.search #header_search_button { display: inline; margin: 3px 0 0 0; } #header ul.menu li ul { display: none; position: absolute; top: 20px; left: -10px; overflow: hidden; background: url(/suns/media/dropdown_bg.png) no-repeat top left; width: 1000px; height: 82px; 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 { color: #9F0D13; font-style: normal; font-weight: bold; margin-right: 5px; } #header ul.menu li li.highlighted li a, #header ul.menu li li a { background-color: transparent; background: url(/suns/media/navBullet.gif) no-repeat center left; color: #000000; font-size: 12px; text-align: left; height: 16px; width: 200px; text-indent: 0; text-decoration: none; padding: 3px 15px; border-bottom: dashed 1px #444444; font-weight:bold; } #header ul.menu li li.highlighted a, #header ul.menu li li.highlighted li a:hover, #header ul.menu li li a:hover { color: #3e277f; text-indent: 0; text-decoration: underline; } #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; } #court_side_box .games .first_upcoming { background: url(/suns/media/csb_next.png) no-repeat top left !important; } #court_side_box .game .links a.tickets { background: url(/suns/media/csb_tix.png) no-repeat top left !important; } /* *************************** * TOP STORY *************************** */ #top_story { background: url(/suns/media/tp_bg_thumbs.jpg) no-repeat bottom left; } #top_story .top_story_item .teaser { overflow: hidden; background: transparent url(/suns/media/tp_text.png) no-repeat center center; } #top_story .top_story_item .teaser .copy a { color: #f99120; font-weight:bold; } #top_story .scrollerModule .scroller_items .scroller_item .thumbnail_text { background: #000000; } #top_story .top_story_item .teaser a {color:#FFFFFF; text-decoration:none;} #top_story .top_story_item .teaser a:hover {color:#f99120; text-decoration:none; font-weight:bold;} #top_story .scrollerModule .scroller_nav_button { background: transparent; text-indent: -9999px; height:86px; margin-top:20px; width:24px;} #top_story .scrollerModule #top_story_prev { background-image: url(/suns/media/tp_arrows_l.jpg); } #top_story .scrollerModule #top_story_prev.enabled { background-position: 0 0; } #top_story .scrollerModule #top_story_prev.highlighted { background-position: 0 -258px; } #top_story .scrollerModule #top_story_prev.disabled { background-position: 0 -86px; cursor: default; } #top_story .scrollerModule #top_story_next { background-image: url(/suns/media/tp_arrows_r.jpg); } #top_story .scrollerModule #top_story_next.enabled { background-position: 0 0; } #top_story .scrollerModule #top_story_next.highlighted { background-position: 0 -258px; } #top_story .scrollerModule #top_story_next.disabled { background-position: 0 -86px; cursor: default; } #top_story .scrollerModule .scroller_toc span { background-image: url(/suns/media/carousel_pagination_sprite.png); } #top_story .scrollerModule .scroller_items .scroller_item .thumbnail_text .headline {font-weight:normal;} /* *************************** * TICKETS *************************** */ #tickets.module { background: url(/suns/media/fragbg_ticketcenter.jpg) no-repeat top left; } #tickets .tabModule .tickets-nav { left: 50%; width: auto; height: 22px; margin: 0 auto; margin-top: 1px; } #tickets .tabModule .tickets-nav li { right: 50%; } #tickets .tabModule .tickets-nav li a { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; font-weight: bold; text-indent: 0; width: auto; height: 15px; margin-left: 1px; padding: 4px; } #tickets .tabModule .tickets-nav li:first-child a { margin-left: 0; } #tickets .tabModule .tickets-nav li a.tickets { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; } #tickets .tabModule .tickets-nav li a.hot_deals { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; } #tickets .tabModule .tickets-nav li a.packages { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; } #tickets .tabModule .tickets-content {height:174px;} #tickets .tabModule .BottomBanner{ clear:both; height:30px; margin:0 2px;} /* *************************** * 2 TAB TOP *************************** */ #headlines.module { background: url(/suns/media/fragbg_uppertabs.jpg) no-repeat top left; width: 330px; } #headlines .tabModule { width: 330px; height: 235px; margin: 9px 9px; } #headlines .tabModule .nav, #headlines .tabModule .nav li {overflow: hidden; height: 30px; padding:0; margin:0;} #headlines .tabModule .nav li a { text-indent: -9999px; height: 30px; background-position: 0 -30px;} #headlines .tabModule .nav li a.tab-headlines { width:156px; background-image: url(/suns/media/tab_headlines.jpg);} #headlines .tabModule .nav li a.tab-poll { width:156px; background-image: url(/suns/media/tab_poll.jpg);} #headlines .tabModule .nav li.current a.tab-headlines, #headlines .tabModule .nav li.current a.tab-poll{ background-position:0 0; } #headlines .tabModule .content { width: 300px; height: 198px; margin-left:3px;} #headlines .tabModule .content ul {width: 300px; margin:5px 0 5x 0; background: #FFFFFF; } #headlines .tabModule .content li.tab-headlines {background: #FFFFFF; width: 293px; padding: 0; margin-left:3px;} #headlines .tabModule .content li.tab-headlines .links ul { overflow:hidden; height: 175px; } #headlines .tabModule .content li.tab-headlines ul li{ position:relative; height: 12px; padding: 5px 3px; margin:0; } #headlines .tabModule .content li.tab-headlines ul li a{color:#707578; font-weight:bold;} #headlines .tabModule .content li.tab-headlines ul li.even{position:relative; height: 12px; padding: 5px 3px; margin:0; background-color:#ededed;} #headlines .tabModule .content li.tab-headlines ul li.even a{ color:#454545; font-weight:bold;} #headlines .tabModule ul.content li. { width: 283px; height:220px; border-bottom: dashed 1px #C6CFD4; } #headlines .content .headline { color: #000000; font-weight: bold; font-size: 11px; margin-top: 5px; overflow:hidden; } #headlines .tabModule .content li.tab-poll {background: #FFFFFF; height: 190px; width: 303px; padding: 10px 0 0 0; margin:0; } #headlines .tabModule .content li.tab-poll .pollTable {width: 306px; padding: 0 0 0 10px; margin:0; } #headlines .tabModule .content li.tab-poll .pollTable input { margin-top:3px; } #headlines .tabModule .content li.tab-poll .pollBody { margin: 13px 0 0 0; margin:0; } #headlines .content .headline { color: #000000; font-weight: normal; font-size: 11px; margin-top: 5px; padding-bottom: 3px; border-bottom: dashed 1px #C6CFD4; } #headlines .content .more_link { position:relative; top:-7px; float: right; margin-right: 5px; margin-top: 10px; } /* *************************** * video *************************** */ #video.module { background: url(/suns/media/fragbg_videos.jpg) no-repeat top left; width: 330px; } #video h3 {text-indent: -9999px; width: 330px; height: 28px; } #video .videos { margin: 0 8px; } #video .video { display: inline; float: left; width: 95px; height: 92px; margin: 2px 4px; } #video .video a.thumbnail:hover, #video .video a.thumbnail:hover img { background: #FFFFFF; opacity: 0.6; -ms-opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); } #video .video .caption { font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color: #000000; font-size: 10px; } #video .video .time { color: #000000; font-size: 10px; } #video .more_link { float: right; margin: 5px 10px 0 0; } #email_signup.module { color: #7C7C7C; width: 300px; height: 120px; } #email_signup form {position:relative; width: 300px; } #email_signup form input { display: inline; float: left; } #email_signup .copy { clear: both; position:absolute; top: 45px; margin: 0 0 0 219px; color:#9e9e9e; font-size:10px;} #email_signup .copy a{ color:#9e9e9e; } #email_signup form input.text_input { font-size: 11px; width: 111px; height: 13px; margin: 17px 0 0 101px; padding: 0; border:0 none; } #email_signup form input.button_input { margin-top: -14px; margin-left: 5px; } #promotions.module { background: transparent; width: 300px; height: 120px; } /*#promotions.module { background: url(/suns/media/fragbg_tickets-jukebox.jpg) no-repeat top left; width: 300px; height: 120px; }*/ /* *************************** * CONTENT SLIDER *************************** */ #content_slider .scrollerModule {width:655px; margin-top:30px;} #content_slider .scrollerModule .nav-prev, #content_slider .scrollerModule .nav-next { height:120px; margin:16px 0 0 2px; width:24px;} #content_slider.module { background: url(/suns/media/fragbg_hotstuff.jpg) no-repeat top left; width:670px; } #content_slider .panel div.headline { color: #dc6918;} #content_slider .panel a.headline { } #content_slider .panel a:hover{ } #content_slider .scrollerModule .viewport {width:600px;} #content_slider .scrollerModule .nav-prev {background-color: transparent; background-image: url(/suns/media/s_arrows_l.jpg); text-indent: -9999px;} #content_slider .scrollerModule .nav-next {background-color: transparent; background-image: url(/suns/media/s_arrows_r.jpg); text-indent: -9999px;} #content_slider .scrollerModule .enabled { background-position: 0 0; } #content_slider .scrollerModule .hover { background-position: 0 -120px; } #content_slider .scrollerModule .disabled { background-position: 0 -120px; cursor: default; } #content_slider .scrollerModule .scroller_toc span { background-image: url(/suns/media/carousel_pagination_sprite.png); } /* *************************** * Tabbed *************************** */ #tabbed.module { background: url(/suns/media/fragbg_lowertabs.jpg) no-repeat top left; width: 300px; height:250px; } #tabbed .tabModule { width: 300px; height: 230px; margin: 9px; } #tabbed .tabModule .nav{ height: 26px; } #tabbed .tabModule .nav li a { text-indent: -9999px; width: 141px;} #tabbed .tabModule .nav li a.tab1 { background-image: url(/suns/media/tab_tweets.jpg); background-position: 0 -31px; height:30px; } #tabbed .tabModule .nav li.current a.tab1, #tabbed .tabModule .nav li.hover a.tab1 { background-position: 0 0; } #tabbed .tabModule .nav li a.tab2 { background-image: url(/suns/media/tab_planetorange.jpg); background-position: 0 -30px; height:30px; } #tabbed .tabModule .nav li.current a.tab2, #tabbed .tabModule .nav li.hover a.tab2 { background-position: 0 0; } #tabbed .tabModule .nav li a.tab3 { background-image: url(/suns/media/tab_headlines_small.jpg); background-position: 0 -31px; height:30px; width:140px; } #tabbed .tabModule .nav li.current a.tab3, #tabbed .tabModule .nav li.hover a.tab3 { background-position: 0 0; } /* *************************** * Tweetts *************************** */ #tabbed .tabModule .content .tweets { overflow:hidden; margin: 0 auto; color: #677274; font-size: 12px; width:260px; background-color:#FFF; height:200px; } #tabbed .tabModule .content .tweets a{ } #tabbed .tabModule .content .tweets .photo { float:left; font-size: 10px; width:70px; margin: 0 10px 5px 0; height:53px; } #tabbed .tabModule .content .tweets h1 a{ float:left; clear:both; width:160px; font-size: 12px; margin: 0 0 15px 0; } #tabbed .tabModule .content .tweets .more_link { float: right; margin-right: 10px; } #tabbed .tabModule .content { } /* *************************** * Planet Orange *************************** */ #tabbed .tabModule .content .planetOrange { margin: 0 auto; font-size: 12px; width:260px; background-color:#FFF; height:195px; } #tabbed .tabModule .content .planetOrange a{float:left; clear:both; } #tabbed .tabModule .content .planetOrange .photo { float:left; font-size: 10px; width:70px; margin: 0 10px 5px 0; height:53px; } #tabbed .tabModule .content .planetOrange h1 a{ float:left; clear:both; font-size: 12px; margin: 0; } #tabbed .tabModule .content .planetOrange .more_link { float: right; margin-right: 10px; } #tabbed .tabModule .content li { background: #FFFFFF; width: 280px; margin:0 1px; } /* *************************** * Inside Page Tweets *************************** */ .inside_page #tabbed.module { background: url(/suns/media/fragbg_IPlowertabs.jpg) no-repeat top left; width: 300px; height:300px; } .inside_page #tabbed .tabModule .nav {} .inside_page #tabbed .tabModule { margin:10px; height: 274px; } .inside_page #tabbed .tabModule .content { width: 279px; height: 198px; } .inside_page #tabbed .tabModule .content li { background-color:#FFF; width: 279px;} .inside_page #tabbed .tabModule .content .tweets { height:276px; margin:0 auto;} /* *************************** * Inside Page Headline *************************** */ .inside_page #headlinesLinks.links .content { margin:5px 0 5x 0; background: #FFFFFF; } .inside_page #headlinesLinks.links {overflow:hidden; margin:0 auto; padding: 0px; background: #FFFFFF; text-align:left; height: 213px; width: 278px; .width:270px; } .inside_page #headlinesLinks.links .links ul { overflow:hidden; height : 175px;} .inside_page #headlinesLinks.links ul {margin:0; } .inside_page #headlinesLinks.links ul li a{color:#707578; font-weight:bold;} .inside_page #headlinesLinks.links ul li { position:relative; background: #FFFFFF; padding:5px 2px; } .inside_page #headlinesLinks.links ul li.even{position:relative; height: 12px; padding: 5px 2px; margin:0; background-color:#ededed;} .inside_page #headlinesLinks.links ul li.even a{ color:#454545; font-weight:bold;} .inside_page #headlinesLinks.links ul.content li. { width: 283px; height:220px; border-bottom: dashed 1px #C6CFD4; } .inside_page #headlinesLinks.links li.tab-headlines ul li{ position:relative; height: 12px; padding: 5px 3px; margin:0; } .inside_page #tabbed .tabModule .content .more_link{ position:relative; top:-7px; float: right; margin-right: 5px; margin-top: 10px; } /* *************************** * SECONDARY AD *************************** */ #secondary_ad_inventory.module { background: none; height:110px; } #secondary_ad_inventory .adspot300_100 { display: inline; float: left; width: 300px; height: 90px; margin-left: 20px; } .ad_row { } .ad_row .adspot728x90, .ad_row .adspot200x90 { float: left; background: #CCCCCC; margin: 0 auto; } .ad_row .adspot728x90 { width: 728px; height: 90px; margin-left: 23px; } .ad_row .adspot200x90 { width: 200px; height: 90px; margin-left: 5px; } /* *************************** * FOOTER *************************** */ footer { background-color: #FFFFFF; } #footer #search_form { background: url(/suns/media/footer_bar.jpg) no-repeat top left; height: 30px; } #footer #search_form input#footer_search_field { font-size: 11px; width: 123px; height: 15px; line-height: 18px; margin: 4px 10px 0 787px; padding: 0; border: none 0; vertical-align: top; } #footer #search_form input#footer_search_button { display: inline; margin-top: 5px; } #footer ul.links { background: url(/suns/media/footer_bg.jpg) no-repeat top left; width: 980px; height: 165px; } #footer ul.links li { text-align:left; width: 158px; height: 159px; margin: 0 4px 0 0; } #footer ul.links li.last { margin: 0 0 0 4px; } #footer ul.links li h4 { background:transparent url(/suns/media/footer_arrow.gif) no-repeat scroll left center; color: #2d2065; text-align: left; text-transform: uppercase; line-height: 14px; width: 119px; margin: 2px 0 8px 25px; padding-left: 20px; } #footer ul.links li li { display: block; float: none; background: url(/suns/media/redBullet.gif) no-repeat left; padding-left: 13px; font-size: 10px; text-align: left; width: 139px; line-height: 12px; height: 12px; list-style: none; margin: 2px 0 0 25px; padding-left: 20px; } #footer ul.links li li a { color: #585858; font-size: 10px; font-weight: bold; } #footer ul.links li li a:hover { color: #000000; font-size: 10px; text-decoration: underline; } #footer ul.links li.adspace { width: 159px; margin: 0; } #footer ul.links li.adspace .ad { display: block; margin: 0 13px; } #footer div.copyright_copy { background-color:#FFFFFF;} /***** Articles *****/ .inside_page td.article_wrapper .sub_header {display: inline; float:left; margin:10px; font-size:17px; font-weight:bold;} .inside_page #header .content { padding: 0; } .inside_page #content { width: 980px; padding: 0; } .inside_page #article h1 { color: #000; font-size: 20px; font-weight: bold; } .inside_page #article p { font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; } .inside_page #header { margin-top: 0px; } #top_ad_inventory.ad_row{background: url(/suns/media/mainbg_int_topads.jpg) no-repeat scroll center top; margin: 0 auto; width: 100%; height: 90px; color: #b00203; } #top_ad_inventory.ad_row .ads { margin: 0 auto; width: 980px; } .inside_page #header ul.menu { margin: 0px 0 3px 0; } .inside_page #secondary_ad_inventory .adspot300_100 { margin-top: 8px; } .inside_page table.article_and_aside { background: none; } .inside_page td.aside_wrapper { background: none; } .inside_page #secondary_ad_inventory.module{ margin:10px 0; padding:0; background: transparent url(/suns/media/IP_footerAds_background.jpg) no-repeat scroll left top; height:115px; } .inside_page table.article_and_aside { background: transparent; margin-top: 8px; } .inside_page td.article_wrapper { background: transparent; width: 680px; } .wide td.article_wrapper { background: transparent; width: 960px; } .jrsuns td.article_wrapper { background: transparent; width: 960px; } .stats td.article_wrapper { background: transparent; width: 960px; } .inside_page #headlines .tabModule .content li.tab-headlines .links ul { overflow:hidden; height: 175px;} .inside_page #headlines .tabModule .content li.tab-headlines ul li{ position:relative; height: 12px; padding: 5px 3px; margin:0; } .inside_page #headlines .tabModule .content li.tab-headlines ul li a{color:#707578; font-weight:bold;} .inside_page td.aside_wrapper { background: #F4F4F4; } .inside_page #aside { margin:10px 0; text-align:center; } .inside_page #additional_content { background: #FFFFFF; } .inside_page #additional_content h3 { overflow: hidden; background: url(/suns/media/sub_recentnews.gif) no-repeat top left; text-indent: -9999px; width: 285px; height: 14px; margin: 10px 7px;} .inside_page #adspot300x250.module { margin-top: 0; } .inside_page #additional_content.module { background: url(/suns/media/fragbg_int_rightcolcontent.gif) no-repeat top left; } .inside_page #footer { padding: 0; width:980px; } #ourscore {color:#000;} #oppscore {color:#000;} .inside_page #related_items .related_content:first-child h4{ visibility:hidden;} img.right{ float:right;} img.left{ float:left;}