.containerhometop { clear: both; z-index: 1; width: 960px; height: 540px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; } .containerhometop .containerhometopleft { float: left; width: 700px; height: 540px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #000000; } .containerhometop .containerhometopright { float: right; width: 250px; height: 540px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: none; } /*------------------------------HOME SLIDER 1----------------------------*/ li { list-style-type: none; padding: 0px; margin: 0px; } #wrapper1 .stripViewer .panelContainer .panel ul { text-align: left; margin: 0px 0px 0px 0px; background-color: none; padding: 0px 0px 0px 0px; height: 430px; width: 700px; } /* -----------This div isn't entirely necessary but good for getting the side arrows vertically centered------------ */ #wrapper1 { width: 700px; float: left; padding: 0px 0px 0px 0px; margin: 0 auto; background: #0a0a0a; } #stripNavL0 {position:absolute;} #stripNav0 {position:absolute;} #slider1 {position:absolute;top:0px;} /* -----------These 2 lines specify style applied while slider is loading------------- */ #wrapper1 .csw { width: 0px; height: 0px; background-color: none; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* -----------This is the viewing window --------------*/ #wrapper1 .stripViewer { position: relative; overflow: hidden; margin: 0px 0px 0px 0xp; width: 700px; /* Also specified in .stripViewer .panelContainer .panel below */ height: 430px; clear: both; background-color: none; padding: 0px 0px 0px 0px; } /*------------This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS ---------------- */ #wrapper1 .stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */ } /*------------ Each panel is arranged end-to-end ------------*/ #wrapper1 .stripViewer .panelContainer .panel { float:left; width: 700px; /* Also specified in .stripViewer above */ height: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: none; } #wrapper1 .stripViewer .panelContainer .panel .tabcontent { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ------------Wrapper to give some padding in the panels, without messing with existing panel width --------------*/ #wrapper1 .stripViewer .panelContainer .panel .wrapper1 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /*------------- This is the div to hold your nav (the UL generated at run time)-------------- */ #wrapper1 .stripNav { z-index: 10; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /*------------ The auto-generated set of links ----------------*/ #wrapper1 .stripNav ul { z-index: 10; list-style: none; position:absolute; margin: 430px 0px 0px 0px; height: 100px; line-height: 100px; width: 695px; padding: 5px 0px 5px 5px; background: #000000; } #wrapper1 .stripNav ul li { z-index: 10; float: left; margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */ } /*------------ The nav links ----------------*/ #wrapper1 .stripNav a { z-index: 10; display: block; color: #ffffff; font-family: Arial,sans-serif; background-color: white; border: 5px solid #bbbbbb; text-decoration: none; font-weight: normal; text-transform: none; font-size: 0%; float: left; height: 90px; line-height: 1em; margin: 0px 0px 0px 0px; width: 333px; padding: 0px 0px 0px 0px; opacity: 0.8; filter: alpha(Opacity=80); -moz-opacity: 0.8; } #wrapper1 .stripNav a:hover { z-index: 10; opacity: 1.0; filter: alpha(Opacity=100); -moz-opacity: 1.0; } #wrapper1 .stripNav a.current { z-index: 10; opacity: 1.0; filter: alpha(Opacity=100); -moz-opacity: 1.0; } #wrapper1 .stripNav li.tab1 a { background-image: url("/images/structure/backgrounds/slide1_latest.gif"); background-repeat: no-repeat; background-position: 55px 13px; margin-right: 4px; } #wrapper1 .stripNav li.tab2 a { background-image: url("/images/structure/backgrounds/slide2_tv.gif"); background-repeat: no-repeat; background-position: 32px 13px; } /*-------------- The left and right arrows ----------------*/ #wrapper1 .stripNavL { display: none; z-index: 12; position: absolute; top: 736px; font-size: 1%; color: #000000; } #wrapper1 .stripNavR { display: none; z-index: 11; position: absolute; top: 736px; font-size: 1%; color: #000000; } #wrapper1 .stripNavL a { display: block; height: 100px; width: 18px; } #wrapper1 .stripNavR a { display: block; height: 100px; width: 18px; } #wrapper1 .stripNavL { margin: 0px 0px 0px 5px; } #wrapper1 .stripNavR { margin: 0px 0px 0px 677px; } #wrapper1 .stripNavL { background-color: #bbbbbb; } #wrapper1 .stripNavR { background-color: #bbbbbb; } /*---------Slider Home News Rotating -----------*/ .conthomeleft { float: left; width: 450px; height: 430px; } .conthomeright { float: right; width: 250px; height: 430px; } *html .container01 { width: 700px; float: left; height: 430px; } *html .conthomeleft { position: absolute; width: 450px; height: 430px; } *html .conthomeright { position: absolute; width: 250px; height: 430px; margin-left: 450px; } #wrapper1 div.homenewsrotating { z-index: 2; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 450px; height: 430px; background-image: url("/images/structure/backgrounds/darkgradient3.gif"); background-repeat: repeat-x; background-position: 0px 0px; } #wrapper1 div.homenewsrotating div.topnews { height: 412px; width: 432px; padding: 9px 9px 9px 9px; margin: 0px 0px 0px 0px; background-color: #1d1d1d; background-image: url("/images/structure/backgrounds/darkgradient2.gif"); background-repeat: repeat-x; background-position: bottom; } #wrapper1 div.homenewsrotating div.topnews .titletxt { display: none; z-index: 3; position: absolute; width: 230px; height: 30px; padding: 0px 8px 0px 8px; margin: 0px 0px 0px 450px; font-weight: normal; font-family: impact,Charcoal; font-size: 150%; color: #ffffff; text-transform: uppercase; } #wrapper1 div.homenewsrotating div.topnewsinfo { display: block; position: absolute; width: 430px; margin: 265px 0px 0px 1px; background-color: none; } #wrapper1 div.homenewsrotating div.othernews { z-index: 2; position: absolute; display: none; width: 230px; height: 185px; padding: 40px 8px 0px 8px; margin: -430px 0px 0px 450px; background-color: none; border: 2px solid black; } #wrapper1 div.homenewsrotating div.othernews ul {padding: 0px; margin: 0px;} #wrapper1 div.homenewsrotating div.image {display: block; height: 332px; position: absolute; width: 432px;} #wrapper1 div.homenewsrotating div.image img {display: block; position: absolute; border: 1px solid #000000;} #wrapper1 div.homenewsrotating div.titlebg {display: block; position: absolute; width: 230px; margin-top: 0px; } #wrapper1 div.homenewsrotating div.headline { display: block; padding: 5px 10px 0px 10px; width: 410px; height: 62px; text-align: center; background-color: black; opacity: 0.8; filter: alpha(Opacity=80); -moz-opacity: 0.8; } #wrapper1 div.homenewsrotating div.headline a { color: white; font-family: Georgia,FreeSans,sans-serif; font-size: 180%; font-weight: normal; text-align: center; opacity: 1.0; filter: alpha(Opacity=100); -moz-opacity: 1.0; } #wrapper1 div.homenewsrotating div.headline a:hover { color: #ffffff; } #wrapper1 div.homenewsrotating div.topnewsinfo div.date { display: none; } #wrapper1 div.homenewsrotating div.abstract { display: block; overflow: hidden; display: block; padding: 5px 10px 5px 10px; width: 410px; height: 80px; text-align: center; font-size: 100%; color: #c0c0c0; line-height: 150%;} #wrapper1 div.homenewsrotating div.otherheadline { width: 220px; display: block; padding: 0px 0px 12px 10px; background-image: url("/images/structure/backgrounds/arrow_black.gif"); background-repeat: no-repeat; background-position: 0px 5px; } #wrapper1 div.homenewsrotating div.otherheadline:hover { display: block; } #wrapper1 div.homenewsrotating .article-video .otherheadline { } #wrapper1 div.homenewsrotating .article- {list-style: none; padding: 0px; } #wrapper1 div.homenewsrotating .article-audio { list-style: none; } /*---------Slider Home News Rugby----------*/ .rugbynewshome { display: block; width: 234px; height: 300px; padding: 40px 8px 10px 8px; margin: 0px 0px 0px 0px; background-image: url("/images/structure/backgrounds/bg-rugbynewstop.jpg"); background-repeat: no-repeat; background-position: top left; } .rugbynewshome .titletxt { display: none; z-index: 3; width: 230px; padding: 0px 8px 10px 8px; margin: 0px 0px 0px 0px; font-weight: normal; font-family: impact,Charcoal; font-size: 150%; color: #ffffff; text-transform: uppercase; } .rugbynewshome .headline { width: 220px; display: block; padding: 0px 0px 12px 10px; background-image: url("/images/structure/backgrounds/arrow_black.gif"); background-repeat: no-repeat; background-position: 0px 5px; } .rugbynewshome .article .headline a { color: white; display: block; font-weight: normal; font-family: Georgia,FreeSans,sans-serif; font-size: 90%; color: #ffffff; padding: 0px 0px 0px 0px; } .rugbynewshome .headline:hover { display: block; } .rugbynewshome .headline:hover { background-image: url("/images/structure/backgrounds/arrowgold_black.gif"); background-repeat: no-repeat; background-position: 0px 5px; } .rugbynewshome .headline a:hover { color: #ba9815; } /*---------Slider Home News Other-----------*/ #wrapper1 div.homenewsother { z-index: 3; display: block; background-color: none; width: 234px; height: 140px; padding: 22px 8px 10px 8px; margin: 0px 0px 0px 0px; background-image: url("/images/structure/backgrounds/bg-othernews.gif"); background-repeat: no-repeat; background-position: 18px 0px;} #wrapper1 div.homenewsother .titletxt { display: none; z-index: 3; width: 230px; height: 30px; padding: 0px 8px 0px 8px; margin: 0px 0px 0px 0px; font-weight: normal; font-family: impact,Charcoal; font-size: 150%; color: #ffffff; text-transform: uppercase; } #wrapper1 div.homenewsother .titleimg { display: none; padding: 0px 0px 10px 9px; } #wrapper1 div.homenewsother .titleimg img { display: none; } #wrapper1 div.homenewsother .article { display: block; } #wrapper1 div.homenewsother .article .headline { display: block; width: 220px; display: block; padding: 0px 0px 12px 10px; background-image: url("/images/structure/backgrounds/arrow_black.gif"); background-repeat: no-repeat; background-position: 0px 5px; } #wrapper1 div.homenewsother .article .headline a { color: white; display: block; font-weight: normal; font-family: Georgia,FreeSans,sans-serif; font-size: 90%; color: #ffffff; padding: 0px 0px 0px 0px; } #wrapper1 div.homenewsother .article .headline:hover { background-image: url("/images/structure/backgrounds/arrowgold_black.gif"); background-repeat: no-repeat; background-position: 0px 5px; } #wrapper1 div.homenewsother .article .headline a:hover { color: #ba9815; } /*---------Slider Home News Link----------*/ #wrapper1 .hometoplinknews { z-index: 4; display: block; background-color: none; width: 234px; height: 20px; padding: 0px 8px 0px 8px; margin: 0px 0px 0px 0px; } #wrapper1 .hometoplinknews .link { display: block; } #wrapper1 .hometoplinknews .link a { display: block; font-weight: normal; text-transform: uppercase; font-family: Georgia,FreeSans,sans-serif; font-size: 85%; color: #ffffff; padding: 0px 0px 0px 10px; background-image: url("/images/structure/backgrounds/arrowgold_black.gif"); background-repeat: no-repeat; background-position: 0px 4px; } /*---------Slider Home TV Intro----------*/ #wrapper1 .container02 { background: #000000; float: left; width: 690px; height: 420px; border: 5px #000000 solid; background-color: #000000; background-image: url("/images/structure/backgrounds/darkgradient3.gif"); background-repeat: repeat-x; background-position: 0px 0px; } #wrapper1 .tvhomeintro { margin: 10px 10px 0px 10px; padding: 40px 20px 10px 210px; background: none; border-bottom: none; background-image: url("/images/structure/backgrounds/tv-logo.gif"); background-repeat: no-repeat; background-position: 25px 10px; } #wrapper1 .tvhomeintro .headline { display: none; } #wrapper1 .tvhomeintro .headline h1 { padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; font-family: impact,Charcoal; text-transform: uppercase; color: white; font-size: 250%; border-bottom: 0px; } #wrapper1 .tvhomeintro .content { font-weight: bold; color: white; font-size: 100%; line-height: 150%;} /*---------Slider Home TV Items----------*/ #wrapper1 .bowetimehome { position: relative; padding: 10px 30px 10px 30px; float: left; width: 630px; margin-left: 0px; height: 255px; } #wrapper1 .bowetimehome .titletxt {display: none; } #wrapper1 .bowetimehome .article { display: block; float: left; width: 102px; margin: 0px 20px 20px 0px; } #wrapper1 .bowetimehome .article .headline { display: block; clear: both; width: 100px; padding-top: 10px;} #wrapper1 .bowetimehome .article .headline a { cursor: pointer; color: white; font-family: impact,Charcoal; font-size: 150%; font-weight: normal; } #wrapper1 .bowetimehome .article .headline a:hover { text-decoration: none; color: #ffffff; } #wrapper1 .bowetimehome .article .image { display: block; width: 102px; clear: both; margin-right: 10px; padding-bottom: 20px; background-image: url("/images/structure/backgrounds/icon-video.gif"); background-repeat: no-repeat; background-position: bottom left; } #wrapper1 .bowetimehome .article .image img { border: solid white 1px; } #wrapper1 .bowetimehome .article .abstract { display: none; clear: both; color: white; padding: 10px 0px 10px 0px; line-height: 150%; } #wrapper1 .bowetimehome .article1 .headline a { color: #506c7c; } #wrapper1 .bowetimehome .article2 .headline a { color: #91212c; } #wrapper1 .bowetimehome .article3 .headline a { color: #9c7617; } #wrapper1 .bowetimehome .article4 .headline a { color: #557631; } #wrapper1 .bowetimehome .article5 .headline a { color: #ba5e13; } /*---------NEXT MATCH - LAST MATCH----------*/ .containerhometop .containerhometopright .util_tabbed { background: black; width: 250px; height: 136px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .containerhometop .containerhometopright .util_tabbed .buttons { background-color: white; float: left; width: 250px; height: 28px; line-height: 28px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .containerhometop .containerhometopright .util_tabbed .buttons li { background-color: none; height: 28px; line-height: 28px; float: left; width: 125px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #6e6e6e; font-family: impact,Charcoal; font-weight: normal; text-transform: uppercase; font-size: 110%; letter-spacing:1px; } .containerhometop .containerhometopright .util_tabbed .buttons li.selected { background-color: none; color: white; font-size: 125%; } .containerhometop .containerhometopright .util_tabbed .buttons li:hover { cursor: pointer; color: #1d1d1d; } .containerhometop .containerhometopright .util_tabbed .buttons li.selected:hover { color: white; } .containerhometop .containerhometopright .util_tabbed ul.buttons li.tab0 { width: 110px; padding: 0px 0px 0px 15px; background-image: url("/images/structure/backgrounds/tab_left_off.gif"); background-repeat: no-repeat; background-position: 0px 0px; } .containerhometop .containerhometopright .util_tabbed ul.buttons li.tab0.selected { background-image: url("/images/structure/backgrounds/tab_left_on.gif"); background-repeat: no-repeat; background-position: 0px 0px; } .containerhometop .containerhometopright .util_tabbed ul.buttons li.tab1 { width: 90px; padding: 0px 0px 0px 35px; background-image: url("/images/structure/backgrounds/tab_right_off.gif"); background-repeat: no-repeat; background-position: 0px 0px; } .containerhometop .containerhometopright .util_tabbed ul.buttons li.tab1.selected { background-image: url("/images/structure/backgrounds/tab_right_on.gif"); background-repeat: no-repeat; background-position: 0px 0px; } .containerhometop .containerhometopright .util_tabbed .content { clear: both; width: 246px; height: 108px; border-left: 2px solid black; border-right: 2px solid black; background-image: url("/images/structure/backgrounds/darkgradient4.gif"); background-repeat: repeat-x; background-position: 0px 0px; } .containerhometop .containerhometopright .util_tabbed .content .matchboxhome { display: block; width: 246px; height: 108px; } .matchbox_ta .match1 {display: block; margin-top: 0px;} .matchbox_ta .match1 .opplogo {display: block; width: 60px; position: absolute; height: 70px; margin: 5px 5px 0px 5px;} .matchbox_ta .match1 .opposition { display: block; position: absolute; width: 155px; font-size: 95%; font-family: Georgia,FreeSans,sans-serif; text-transform: uppercase; margin: 10px 0px 0px 90px; } .matchbox_ta .match1 .opposition .label { display: none; } .matchbox_ta .match1 .dateabbrev {display: block; position: absolute; width: 145px; font-size: 80%; font-family: Arial,sans-serif; text-transform: uppercase; font-weight: bold; margin: 40px 0px 0px 90px; } .matchbox_ta .match1 .dateabbrev .label { display: none; } .matchbox_ta .match1 .venue {display: none; position: absolute; width: 145px; font-size: 80%; font-family: Arial,sans-serif; text-transform: uppercase; font-weight: bold; margin: 50px 0px 0px 90px;} .matchbox_ta .match1 .venue .label { display: none; } .matchbox_ta .match1 .time {display: block; position: absolute; width: 145px; font-size: 80%; font-family: Arial,sans-serif; text-transform: uppercase; font-weight: bold; padding-top: 1px; padding-bottom: 11px;margin: 55px 0px 0px 90px; } .matchbox_ta .match1 .time .label { display: none; } .matchbox_ta .match1 .ticket { display: block; width: 120px; position: absolute; line-height: 15px; padding: 2px 8px 2px 8px; margin: 80px 0px 0px 5px; background-color: #363636; } .matchbox_ta .match1 .ticket a { display: block; color: #c7a317; font-family: Georgia,FreeSans,sans-serif; font-weight: normal; text-transform: uppercase; font-size: 80%; line-height: 15px; } .matchbox_ta .match1 .ticket a:hover { text-decoration: none; color: white; } .matchbox_ta .match1 .overview { display: block; width: 60px; position: absolute; line-height: 15px; padding: 2px 8px 2px 8px; margin: 80px 0px 0px 145px; background-color: #363636; } .matchbox_ta .match1 .overview a { display: block; color: #c7a317; font-family: Georgia,FreeSans,sans-serif; font-weight: normal; text-transform: uppercase; font-size: 80%; line-height: 15px; } .matchbox_ta .match1 .overview a:hover { text-decoration: none; color: white; } .matchbox_ua .match1 {display: block; margin-top: 0px;} .matchbox_ua .match1 .homelogo { display: block; width: 60px; position: absolute; height: 70px; margin: 0px 0px 0px 5px; } .matchbox_ua .match1 .score_result { display: block; position: absolute; width: 145px; font-size: 140%; font-family: Georgia,FreeSans,sans-serif; text-transform: uppercase; margin: 10px 0px 0px 90px; } .matchbox_ua .match1 .score_result .label { display: none; } .matchbox_ua .match1 .date{ display: block; position: absolute; width: 145px; font-size: 80%; font-family: Arial,sans-serif; text-transform: uppercase; font-weight: bold; margin: 35px 0px 0px 90px; } .matchbox_ua .match1 .date .label { display: none; float: left; width: 30px;} .matchbox_ua .match1 .attendance { display: block; position: absolute; width: 145px; font-size: 80%; font-family: Arial,sans-serif; text-transform: uppercase; font-weight: bold;margin: 49px 0px 0px 90px;} .matchbox_ua .match1 .attendance .label { display: block; float: left; width: 30px; color: #c0c0c0;} .matchbox_ua .match1 .referee { display: block; position: absolute; width: 145px; font-size: 80%; font-family: Arial,sans-serif; text-transform: uppercase; font-weight: bold; margin: 63px 0px 0px 90px; } .matchbox_ua .match1 .referee .label { display: block; float: left; width: 60px; color:#c0c0c0; } .matchbox_ua .match1 .report { display: block; width: 50px; position: absolute; line-height: 15px; padding: 2px 8px 2px 8px; margin: 80px 0px 0px 10px; background-color: #363636; } .matchbox_ua .match1 .report a { display: block; color: #c7a317; font-family: Georgia,FreeSans,sans-serif; font-weight: normal; text-transform: uppercase; font-size: 80%; line-height: 15px; } .matchbox_ua .match1 .report a:hover { text-decoration: none; color: white; } /*----------------Today in Ospreylia---------------------*/ .containerhometop .feat_eventcalendar { margin-top: 5px;width: 246px; background: #e2e1df; height:120px; padding: 39px 2px 0px 2px; background-image: url("/images/structure/backgrounds/todayosp2010.jpg"); background-repeat: no-repeat; background-position: 2px 2px;} .containerhometop .feat_eventcalendar #frm { width: 246px; background: #3c3432; height: 20px; padding: 1px 0px 1px 0px; font-size: 85%; font-weight: bold; line-height: 20px; text-align: center; } .containerhometop .feat_eventcalendar #frm #txtHint2 { background: #564941; padding: 1px 10px 1px 10px; } .containerhometop .feat_eventcalendar #frm a { color: white; cursor: pointer; padding: 1px 7px 1px 7px; font-weight: bold; } .containerhometop .feat_eventcalendar #frm a:hover { color: #ffffff; text-decoration: none; background: #000000; } .containerhometop .feat_eventcalendar #txtHint { width: 235px; margin: 10px 0px 8px 7px; height: 86px; overflow-y: scroll; overflow-x: hidden; color: black; font-family: Georgia,FreeSans,sans-serif; font-weight: normal; } .containerhometop .feat_eventcalendar #txtHint .newsitems { padding-bottom: 0px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; border-bottom: solid #bbbbbb 1px; width: 207px; clear: both; } .containerhometop .feat_eventcalendar #txtHint .newsitems .time { padding: 0px 0px 0px 0px; color: #a02b34; font-family: Georgia,FreeSans,sans-serif; float: left; width: 50px; font-size: 85%; font-weight: bold; } .containerhometop .feat_eventcalendar #txtHint .newsitems .title { padding: 0px 0px 0px 0px; color: #000000; font-family: Georgia,FreeSans,sans-serif; float: left; width: 157px; font-size: 85%; text-transform: uppercase; font-weight: normal; } .containerhometop .feat_eventcalendar #txtHint .newsitems .info { clear: both; font-family: Arial,sans-serif; padding-top: 0px; padding: 5px 0px 5px 0px; color: #4f6c8e; text-transform: uppercase; font-size: 85%; font-weight: bold; } .containerhometop .feat_eventcalendar #txtHint .newsitems .moreinfo { text-align: left; } .containerhometop .feat_eventcalendar #txtHint .newsitems .moreinfo a { color: #4f6c8e; text-transform: uppercase; font-size: 85%; font-weight: bold; } .containerhometop .linkcalendar { border: solid 2px #e2e1df; width: 246px; background: #3c3432; height: 16px; padding: 1px 0px 1px 0px; line-height: 16px; text-align: center; } .containerhometop .linkcalendar .link { height: 16px; width: 246px; text-align: center; } .containerhometop .linkcalendar .link a { background: #564941; height: 16px; color: #ffffff; font-size: 85%; font-weight: bold; text-align: center; text-transform: uppercase; padding: 2px 5px 0px 5px; } .containerhometop .linkcalendar .link a:hover { cursor: pointer; text-decoration: none; background: #000000; } /*----------------------------HOME SLIDER 2---------------------------*/ .containerhomemiddle { clear: both; margin: 0px 0px 10px 0px; background-color: none; padding: 0px 0px 0px 0px; height: 147px; width: 960px; } li { list-style-type: none; padding: 0px; margin: 0px; } #wrapper2 .stripViewer .panelContainer .panel ul { text-align: left; margin: 0px 0px 0px 0px; background-color: none; padding: 0px 0px 0px 0px; height: 147px; width: 960px; } /* -----------This div isn't entirely necessary but good for getting the side arrows vertically centered------------ */ #wrapper2 { width: 960px; float: left; padding: 0px 0px 0px 0px; margin: 0 auto; background: white; } #stripNavL0 {position:absolute;} #stripNav0 {position:absolute;} #slider2 {position:absolute;top:0px;} /* -----------These 2 lines specify style applied while slider is loading------------- */ #wrapper2 .csw { width: 0px; height: 0px; background-color: none; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* -----------This is the viewing window --------------*/ #wrapper2 .stripViewer { position: relative; overflow: hidden; margin: 0px 0px 0px 0xp; width: 960px; /* Also specified in .stripViewer .panelContainer .panel below */ height: 147px; clear: both; background-color: none; padding: 0px 0px 0px 0px; } /*------------This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS ---------------- */ #wrapper2 .stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */ } /*------------ Each panel is arranged end-to-end ------------*/ #wrapper2 .stripViewer .panelContainer .panel { float:left; width: 960px; /* Also specified in .stripViewer above */ height: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: none; } #wrapper2 .stripViewer .panelContainer .panel .tabcontent { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ------------Wrapper to give some padding in the panels, without messing with existing panel width --------------*/ #wrapper2 .stripViewer .panelContainer .panel .wrapper2 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /*------------- This is the div to hold your nav (the UL generated at run time)-------------- */ #wrapper2 .stripNav { display: none; height: 0px; z-index: 10; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /*------------ The auto-generated set of links ----------------*/ #wrapper2 .stripNav ul { display: none; height: 0px; z-index: 10; list-style: none; position: absolute; } #wrapper2 .stripNav ul li { display: none; height: 0px; z-index: 10; float: left; margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */ } /*------------ The nav links ----------------*/ #wrapper2 .stripNav a { z-index: 10; display: none; height: 0px; padding: 0px 0px 0px 0px; font-size: 0%; } #wrapper2 .stripNav a:hover { } #wrapper2 .stripNav a.current { } /*-------------- The left and right arrows ----------------*/ #wrapper2 .stripNavL { display: block; z-index: 12; position: absolute; top: 850px; font-size: 0%; color: #bbbbbb; background-image: url("/images/structure/backgrounds/slider_controlarrow_l.gif"); background-repeat: no-repeat; background-position: 4px 67px; } #wrapper2 .stripNavR { display: block; z-index: 11; position: absolute; top: 850px; font-size: 0%; color: #bbbbbb; background-image: url("/images/structure/backgrounds/slider_controlarrow_r.gif"); background-repeat: no-repeat; background-position: 4px 67px; } #wrapper2 .stripNavL a { display: block; height: 147px; width: 17px; color: #bbbbbb; } #wrapper2 .stripNavR a { display: block; height: 147px; width: 17px; color: #bbbbbb; } #wrapper2 .stripNavL { margin: 0px 0px 0px 0px; } #wrapper2 .stripNavR { margin: 0px 0px 0px 943px; } #wrapper2 .stripNavL { background-color: #bbbbbb; } #wrapper2 .stripNavR { background-color: #bbbbbb; } /*-------------- SLIDER TEXT BOXES ----------------*/ #wrapper2 .containermiddletext01 { z-index: 10; float: left; margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; height: 147px; width: 925px; } #wrapper2 .containermiddletext02 { z-index: 10; float: left; margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; height: 147px; width: 925px; } #wrapper2 .util_container .homemiddletb { float: left; width: 174px; height: 170px; background: #bbbbbb; padding: 5px 5px 0px 5px; margin: 0px 1px 0px 0px; } #wrapper2 .util_container .homemiddletb .imgtop { clear: both; width: 174px; height: 135px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #wrapper2 .util_container .homemiddletb .imgtop img { } #wrapper2 .util_container .homemiddletb .content { clear: both; width: 174px; height: 35px; line-height: 35px; padding: 0px 0px 0px 0px; } #wrapper2 .util_container .homemiddletb .link { clear: both; width: 174px; height: 35px; line-height: 35px; padding: 0px 0px 0px 0px; text-align: right; background-image: url("/images/structure/backgrounds/circlelink1_off.gif"); background-repeat: no-repeat; background-position: right; } #wrapper2 .util_container .homemiddletb .link a { padding: 0px 30px 0px 0px; line-height: 35px; color: #363636; font-weight: normal; font-family: impact,Charcoal; text-transform: normal; font-size: 120%; } #wrapper2 .util_container .homemiddletb .link a:hover { text-decoration: none; color: #ffffff; } /*--------------EXPANDING DROPDOWN 1----------------*/ .tablescontainer { width: 950px; background: #363636; border: solid 5px #000000; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; background-image: url("/images/structure/backgrounds/darkgradient.gif"); background-repeat: repeat-x; background-position: 0px 0px; } .tablescontainer .feat_slidecontrol { width: 950px; height: 30px; background-color: none; border: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-image: url("/images/structure/backgrounds/circlelink_down.gif"); background-repeat: no-repeat; background-position: 5px 2px; } .tablescontainer .feat_slidecontrol_selected { background-image: url("/images/structure/backgrounds/circlelink_up.gif"); background-repeat: no-repeat; background-position: 5px 2px; } .tablescontainer .feat_slidecontrol .text { font-weight: normal; font-family: impact,Charcoal; font-size: 140%; color: #bbbbbb; text-transform: uppercase; height: 30px; line-height: 30px; padding: 0px 0px 0px 40px; } .tablescontainer .feat_slidecontrol .text:hover { color: #ffffff; } .tablescontainer .feat_slidecontrol_selected .text { color: #ffffff; } .tablescontainer .feat_slidecontrol .spacer { display: none; height: 0px; } .tablescontainer .homedropcontainer { display: block; border: none; padding: 10px 10px 10px 10px; border-top: solid 5px #000000; width: 930px; background-color: #000000; background-image: url("/images/structure/backgrounds/darkgradient4.gif"); background-repeat: repeat-x; background-position: 0px 0px; } .tablescontainer .homedropcontainer table.stats_leaguetab { color: #ffffff; float: left; width: 300px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .tablescontainer .homedropcontainer table.stats_leaguetab td.titletxt { background: black; font-weight: normal; font-family: impact,Charcoal; font-size: 130%; color: #ffffff; text-transform: uppercase; height: 30px; line-height: 30px; padding: 0px 0px 0px 10px; border-bottom: solid 1px #363636; border-top: solid 1px #363636; } .tablescontainer .homedropcontainer table.stats_leaguetab td.include { } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab { background: #000000; border-bottom: solid 1px #363636; } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab table.grid { } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab tr.colhead { background: #bbbbbb; } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab tr.colhead th { font-size: 95%; font-weight: bold; padding: 4px 3px 4px 3px; color: #000000; border-bottom: solid 1px #ffffff; } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab tr { } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab tr td { font-size: 95%; font-weight: bold; padding: 4px 3px 4px 3px; } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab tr td.field_Logo { } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab tr td.field_Logo img { display: none; } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab tr.even td { background: #1d1d1d; } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab tr.odd td { } .tablescontainer .homedropcontainer table.stats_leaguetab td.include table.leaguetab tr.highlight td { background: #ca9d00; color: #000000; } .tablescontainer .homedropcontainer table.stats_leaguetab td.link { height: 30px; line-height: 30px; padding: 0px 0px 0px 10px; border-bottom: solid 1px #363636; } .tablescontainer .homedropcontainer table.stats_leaguetab td.link a { display: block; font-weight: normal; text-transform: uppercase; font-family: Georgia,FreeSans,sans-serif; font-size: 85%; color: #ffffff; padding: 0px 0px 0px 10px; background-image: url("/images/structure/backgrounds/arrowgold_black.gif"); background-repeat: no-repeat; background-position: 0px 11px; } .tablescontainer .homedropcontainer table.homepagetable01 { margin: 0px 15px 0px 0px; } .tablescontainer .homedropcontainer table.homepagetable02 { margin: 0px 15px 0px 0px; } .tablescontainer .homedropcontainer table.homepagetable03 { margin: 0px 0px 0px 0px; } .tablescontainer .homedropcontainer table.homepagetable01 td.titletxt { background-image: url("/images/structure/backgrounds/rabo.gif"); background-repeat: no-repeat; background-position: top right; } .tablescontainer .homedropcontainer table.homepagetable02 td.titletxt { background-image: url("/images/structure/backgrounds/heineken_logo.gif"); background-repeat: no-repeat; background-position: top right; } .tablescontainer .homedropcontainer table.homepagetable03 td.titletxt { } .feat_countdown { width: 250px; height: 188px; float: left; background: black; background-image: url("/images/structure/backgrounds/bg-short-ctdn.gif"); background-repeat: no-repeat; background-position: bottom; } .feat_countdown .titletxt { height: 28px; line-height: 28px; float: left; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; color: #CA9D00; font-family: impact,Charcoal; font-weight: normal; text-transform: uppercase; font-size: 120%; letter-spacing:1px; } .feat_countdown .clock { font-size: 90%; text-transform: uppercase; text-align: center; font-weight: bold; margin-top: 150px; } .feat_countdown .clock .days { font-size: 190%; color: #CA9D00; } .feat_countdown .clock .hours { font-size: 190%; color: #CA9D00; } .feat_countdown .clock .minutes { font-size: 190%; color: #CA9D00; } /* */