@import "menuconfig.css"; body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: url(/img/backgrounds/bg.gif) repeat; } p, span, h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px 0; } a img { border: none; outline: none; } ul { list-style: none; padding: 0 0 0 10px; } /***HEADER***/ .header { margin: 0 auto; width: 1000px; position: relative; } .header #blackBar { margin: 0; width: 1000px; height: 30px; background: #000000; border-bottom: 1px solid #FFFFFF; } .header #blackBar { margin: 0; height: 30px; float: right; display: block; } .header #blackBar a { margin: 0; display: block; text-decoration: none; } .header #blackBar ul { margin: 0 10px 0 0; float: right; } .header #blackBar ul li { margin: 0; float: left; } .header #banner { margin: 0; width: 1000px; height: 189px; background: url(/img/backgrounds/top_header_nrl_large.png) no-repeat 0 31px; border-bottom: 1px solid #FFFFFF; } .header #banner #homeLink { width: 550px; height: 145px; float: left; cursor: pointer; } .header #banner #homeLink a { display: block; text-indent: -50000px; width: 550px; height: 145px; } .header #banner_team { margin: 0; width: 1000px; height: 189px; background: url(/img/backgrounds/top_header_nrl_large.png) no-repeat 0 31px; border-bottom: 1px solid #FFFFFF; } .header #banner.future-en { background: url(/img/headers/background-future-en.png) no-repeat 0 31px; } .header #banner_team.ATT { background: url(/img/headers/atlantic_attack_header.png) no-repeat 0 31px; } .header #banner_team.MTL { background: url(/img/headers/montreal_mission_header.png) no-repeat 0 31px; } .header #banner_team.BCR { background: url(/img/headers/bc_reign_header.png) no-repeat 0 31px; } .header #banner_team.BLL { background: url(/img/headers/bourassa_header.jpg) no-repeat 0 31px; } .header #banner_team.CGY { background: url(/img/headers/calgary_rath_header.png) no-repeat 0 31px; } .header #banner_team.CAM { background: url(/img/headers/cambridge_turbos_header.png) no-repeat 0 31px; } .header #banner_team.EDE { background: url(/img/headers/edmonton_edge_header.png) no-repeat 0 31px; } .header #banner_team.EDW { background: url(/img/headers/edmonton_wam_header.png) no-repeat 0 31px; } .header #banner_team.GLD { background: url(/img/headers/gloucester_devils_header.png) no-repeat 0 31px; } .header #banner_team.GST { background: url(/img/headers/gatineau_fusion_header.png) no-repeat 0 31px; } .header #banner_team.LMRL { background: url(/img/headers/lmrl_thunder_top_header.png) no-repeat 0 31px; } .header #banner_team.LSL { background: url(/img/headers/lac_stlouis_header.png) no-repeat 0 31px; } .header #banner_team.MAJ { background: url(/img/headers/manitoba_jets_header.png) no-repeat 0 31px; } .header #banner_team.MTL { background: url(/img/headers/montreal_mission_header.png) no-repeat 0 31px; } .header #banner_team.OTT { background: url(/img/headers/ottawa_ice_header.png) no-repeat 0 31px; } .header #banner_team.QUE { background: url(/img/headers/quebec_city_cyclones_header.png) no-repeat 0 31px; } .header #banner_team.PRF { background: url(/img/headers/prairie_fire_header.png) no-repeat 0 31px; } .header #banner_team.RHL { background: url(/img/headers/richmond_hill_lightning_header.png) no-repeat 0 31px; } .header #banner_team.SKW { background: url(/img/headers/saskatoon_wild_header.png) no-repeat 0 31px; } .header #banner_team.WAT { background: url(/img/headers/waterloo_wildfire_header.png) no-repeat 0 31px; } .header #banner_team.WHI { background: url(/img/headers/whitby_wild_header.png) no-repeat 0 31px; } .header #banner_team.RSR { background: url(/img/headers/rive_sud_revolution_header.png) no-repeat 0 31px; } .header #greyBar { margin: 0; width: 1000px; height: 28px; background: url(/img/backgrounds/bg_navigation.gif) repeat; border-bottom: 1px solid #FFFFFF; } .header #greyBar #sites { margin: 4px 0 0 5px; width: 125px; float: left; } /***END***/ .wrapper { margin: 0 auto; padding: 0; width: 1000px; background: url(/img/backgrounds/grad-backdrop.png) repeat-x #FFFFFF; font-size: 12px; overflow: auto; } .wrapper-teams { margin: 0 auto; padding: 0; width: 1000px; background: url(/img/backgrounds/grad-team-backdrop.png) repeat-x #FFFFFF; font-size: 12px; overflow: auto; } .wrapper-content { margin: 0 auto; padding: 0; width: 1000px; background: #FFFFFF; font-size: 12px; overflow: auto; } .wrapper-future { margin: 0 auto; padding: 0; width: 1000px; height: 1000px; background: #FFFFFF; font-size: 12px; overflow: auto; background: url(/img/backgrounds/background-nrl.png) no-repeat 0 0; } #imageViewer { border: 1px solid #c2c2c2; height: 436px; } #leagueConsole { margin: 5px -65px 0 0; height: 148px; width: 450px; float: right; } .padding { padding: 0 0 5px 5px; } .animated-gif { width: 210px; height: 154px; margin: 0 auto; } .enter { width: 700px; height: 106px; margin: 100px auto; } #future-leftCol { width: 280px; min-height: 800px; padding: 10px; float: left; background: url(/img/backgrounds/background-leftCol.png) no-repeat 0 0; } #future-rightCol { width: 659px; min-height: 800px; padding: 10px; float: left; border-left: 1px solid black; } /***ROW 1 AND COLUMNS***/ #row1 { float: left; width: 1000px; margin: 0; padding: 0; } #row1 .col1 { height: 415px; } #row1 .col2 { } #row1 .col3 { } #row1.playerProfile p { padding: 10px; } #row1.playerProfile h2 { padding: 0 0 0 10px; border-bottom: none; } #row1.playerProfile #playerSummary { margin-left: 0; } #row1 h2 { margin: 0 0 5px 0; width: 100%; border-bottom: 1px solid #000000; } #row1 h3 { margin: 0 0 5px 0; color: #FFFFFF; font-family: Impact; font-size: 14px; font-weight: normal; text-transform: uppercase; font-style: italic; } #row1 h4 { color: #666666; } #row1 .col1, #row1 .col2, #row1 .col3 { float: left; margin: 0; padding: 5px 0 0 5px; } #row1 .col2 #potw { } #row1 .col2 #potm { } #row1 .col2 #potw, #row1 .col2 #potm { margin-top: 0; width: 120px; float: left; } #row1 .col2 #potw h4, #row1 .col2 #potm h4, #row1 .col2 #potm h4.name, #row1 .col2 #potw h4.name { margin: 0; width: 120px; padding: 6px 0 6px 0; font-size: 12px; color: #FFFFFF; text-align: center; background: #1b5391; } #row1 .col2 #potw h4, #row1 .col2 #potm h4 { font-family: Impact; font-size: 13px; font-weight: normal; text-transform: uppercase; font-style: italic; } #row1 .col2 #potw h4.name, #row1 .col2 #potm h4.name { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: normal; } #row1 .col2 h4#teamPhotos { margin: 0; width: 240px; background: #929292; padding: 5px 0 5px 0; color: #FFFFFF; text-align: center; text-transform: uppercase; font-size: 16px; } #row1 .col2 #photo1, #row1 .col2 #photo2 { /*float: left; */} #row1 .col2 #photo1 h4.name, #row1 .col2 #photo2 h4.name { margin: 0; /*width: 120px;*/ padding: 5px 0 5px 0; font-size: 12px; color: #FFFFFF; text-align: center; background: #929292; } #row1 .col1 p, #row1 .col2 p, #row1 .col3 p { padding: 0 10px 0 10px; clear: both; } /***END***/ /***ROW 2 AND COLUMNS***/ #row2 { float: left; width: 1000px; margin: 0; padding: 0; } #row2 .col1 { } #row2 .col2 { } #row2 .col3 { } #row2 img.left { float: left; padding: 5px 10px 10px 10px; } #row2 h4 { padding: 0 10px 0 20px; font-size: 12px; } #row2 #col1 hr { width: 450px; } #row2 .col1, #row2 .col2, #row2 .col3 { float: left; padding: 0 0 0 5px; text-align: justify; } #row2 .col1 #tr-left { } #row2 .col1 #tr-right { } #row2 .col1 .tr-heading { } #row2 .col1 #tr-left, #row2 .col1 #tr-right { width: 325px; float: left; } #row2 .col1 p, #row2 .col2 p, #row2 .col3 p { padding: 0 10px 0 10px; clear: both; } /***END***/ .container { margin: 0 0 5px 0; float: none; } .content-471 { width: 471px; margin: 0; padding-bottom: 10px; border-left: 10px solid #006BB6; border-right: 10px solid #006BB6; background: #FFFFFF; } .content-470 { width: 470px; margin: 0; padding-bottom: 10px; border-left: 10px solid #006BB6; border-right: 10px solid #006BB6; background: #FFFFFF; } .content-225 { width: 225px; height: 115px; margin: 0; padding-bottom: 5px; border-left: 10px solid #006BB6; border-right: 10px solid #006BB6; background: #FFFFFF; } .content-279 { width: 279px; height: 112px; margin: 0; padding-bottom: 5px; border-left: 10px solid #006BB6; border-right: 10px solid #006BB6; background: #FFFFFF; } .content-279-poll { width: 279px; height: 235px; margin: 0; padding-bottom: 5px; border-left: 10px solid #006BB6; border-right: 10px solid #006BB6; background: #FFFFFF; } .content-662 { width: 662px; height: 230px; margin: 0; padding-bottom: 10px; border-left: 10px solid #006BB6; border-right: 10px solid #006BB6; background: #FFFFFF; } .content-team-470 { width: 470px; margin: 0; padding-bottom: 10px; border-left: 10px solid #5b5b5b; border-right: 10px solid #5b5b5b; background: #FFFFFF; } .content-team-662 { width: 662px; height: 230px; margin: 0; padding-bottom: 10px; border-left: 10px solid #5b5b5b; border-right: 10px solid #5b5b5b; background: #FFFFFF; } .content-team-280 { width: 280px; height: 112px; margin: 0; padding-bottom: 10px; border-left: 10px solid #5b5b5b; border-right: 10px solid #5b5b5b; background: #FFFFFF; } .content-team-poll-280 { width: 280px; height: 235px; margin: 0; padding-bottom: 10px; border-left: 10px solid #5b5b5b; border-right: 10px solid #5b5b5b; background: #FFFFFF; } /***ELITE 8 TABLE***/ .elite8 { width: 240px; height: 227px; border: 1px solid #006BB6; text-align: left; background: #FFFFFF; } .elite8 th { font-weight: bold; background: #DDDDDD; } .elite8 th.subHeading { text-align: center; background: #006BB6; color: white; border: none; font-family: impact; font-style: italic; text-transform: uppercase; } .elite8 tr:hover, .elite8 tr.alt:hover { background: url(/img/backgrounds/px_blue.png) repeat; } .elite8 tr.alt { background: #E9E9E9; } .elite8 th, .elite8 td { padding: 3px; } /***END***/ /***DIVISION TABLE***/ .division { width: 240px; height: 227px; border: 1px solid #c2c2c2; text-align: left; background: #FFFFFF; } .division th { font-weight: bold; background: #DDDDDD; } .division tr:hover, .division tr.alt:hover { background: url(/img/backgrounds/px_orange.png) repeat; } .division tr.alt { background: #EEEEEE; } .division th, .division td { padding: 3px; } /***END***/ /***STATS TABLE***/ .stats { width: 985px; float: left; border: 1px solid #c2c2c2; text-align: left; background: #FFFFFF; } .stats th { font-weight: bold; background: #DDDDDD; } .stats tr:hover, .stats tr.alt:hover { background: #9EAABB; } .stats tr.alt { background: #E9E9E9; } .stats th, .stats td { padding: 3px; } /***END***/ /***LS INFO COLUMN***/ #LS_infoColumn { width: 300px; margin: -5px 0 0 7px; float: left; background: #7C7C7C; border: 3px solid #999999; border-right: none; } #LS_infoColumn h3 { color: #000; letter-spacing: 2px; border-bottom: 1px dashed #999999; } #LS_infoColumn a { color: white; text-decoration: none; } .LS_inside h1.LS_searchTitle a:hover, #LS_infoColumn a:hover { color: #da251c; } #LS_infoColumn a.LS_more { text-decoration: underline; } #LS_infoColumn a.enlarge { float: right; margin: 5px 10px 5px 0; } #LS_infoColumn .LS_infoBlock { padding: 5px; float: left; width: 290px; border-bottom: 3px solid #999999; } #LS_infoColumn .LS_photo { float: left; width: 300px; border-bottom: 3px solid #999999; } #LS_infoColumn .LS_bigBox { float: left; padding-top: 5px; } #LS_vote { padding: 0 0 0 10px; } /***END***/ .footer { margin: 0 auto; width: 1000px; font-size: 12px; color: #FFFFFF; } .footer #greyBar { margin: 0; width: 1000px; height: 70px; background: url(/img/backgrounds/bg_footer.gif) repeat; } /*.footer #greyBar { margin: 0; width: 1000px; height: 70px; position: absolute; background: url(/img/backgrounds/bg_footer.gif) repeat; }*/ .footer #greyBar #rc { margin: 0 0 0 10px; width: 275px; } .footer #greyBar #rc #logo { margin: 0; width: 75px; float: left; } .footer #greyBar #rc #text { margin: 20px 0 0 0; width: 200px; float: left; text-align: center; } .footer #greyBar #rc #text a { color: white; } .footer #greyBar #copyright { margin: 20px 0 0 200px; position: absolute; left: 480px; float: right; text-align: center; } .footer #greyBar #copyright a { color: #FFFFFF; } .footer #links { margin: 0; padding: 10px 0 0 0; width: 1000px; height: 25px; position: relative; background: #FFFFFF; text-align: center; color: #000000; } .footer #links a { color: #006699; } /***STATS PAGE STYLES***/ #statsCentre { margin-left: -5px; } #statsBlock { width: 1000px; margin: -5px auto 0 auto !important; font-family: Arial,Helvetica,sans-serif; font-size: 11px; } #statsBlock form { display: inline; } #statsBlock #ad { float: right; width: 300px; height: 250px; } #leadBoxes { height: auto; overflow: hidden; } #statsBlock table.lead { margin: 9px; border: 1px solid rgb(2,100,162); border-spacing: 0; border-collapse: collapse; background: white; font-size: 11px; text-transform: uppercase; line-height: 1; } #statsBlock table.lead th { background: rgb(180,180,180); font-weight: bold; font-style: italic; color: white; text-align: left; text-shadow: 0 0 2px black; } #statsBlock table.lead th, #statsBlock table.lead tfoot td { border-left: 1px solid rgb(2,100,162); border-right: 1px solid rgb(2,100,162); border-bottom: 1px solid rgb(125,125,125); } #statsBlock table.lead tfoot td { border-bottom: 1px solid rgb(2,100,162); border-top: 1px solid rgb(125,125,125); text-align: right; } #statsBlock table.lead th, #statsBlock table.lead td { padding: 4px 6px; } #statsBlock table.lead a { font-weight: bold; color: darkRed; text-decoration: none; } #statsBlock #navigation { height: 61px; padding: 0 0 6px; background: rgb(2,100,162);overflow: hidden; } #statsBlock #navigation h1, #statsBlock #navigation h2 { height: 23px; overflow: hidden; margin: 0; border-bottom: 1px solid white; font-size: 13px; font-weight: bold; font-style: italic; line-height: 23px; text-transform: uppercase; text-indent: 6px; color: white; letter-spacing: .1em; } #statsBlock #navigation h2 { height: 19px; overflow: hidden; border: none; font-size: 11px; line-height: 19px; } #statsBlock #navigation select { margin: 0 6px; font-size: 10px; } #statsBlock #UnifiedButtons { background: url(http://cluster.leaguestat.com/img/statsCentre/buttons/background-menu.png) 0 0;} #statsBlock #UnifiedButtons ul { margin: 0; padding: 0; list-style: none; } #statsBlock #UnifiedButtons li { float: left; height: 31px; margin: 0; padding: 0 12px; border-right: 1px solid rgb(118,118,118); font: bold italic 12px/31px Arial,Helvetica,sans-serif; text-transform: uppercase; } #statsBlock #UnifiedButtons li.selected { background: url(http://cluster.leaguestat.com/img/statsCentre/buttons/background-selected.png) repeat-x 0 0; } #statsBlock #UnifiedButtons li, #statsBlock #UnifiedButtons a { color: rgb(28,28,28); text-decoration: none; } #statsBlock #UnifiedButtons a:hover { color: darkRed; } #statsBlock table.statsTable { border-spacing: 0; border-collapse: collapse; background: white; font-size: 11px; color: rgb(28,28,28 ); } #statsBlock table.statsTable h1 { margin: 0; font-size: 14px; } #statsBlock table.statsTable .divHeader { background: rgb(213,215,255); } #statsBlock table.statsTable thead tr:hover, #statsBlock table.statsTable thead { background: rgb(204,204,255); } #statsBlock table.statsTable tr:hover { background: rgb(255,255,200); } #statsBlock table.statsTable th { text-align: center; } #statsBlock table.statsTable td, #statsBlock table.statsTable th { padding: 4px; white-space: nowrap; } #statsBlock .arrows a, #statsBlock table.statsTable a { color: darkRed; text-decoration: none; } #statsBlock table.statsTable th.textAlignRight, .textAlignRight { text-align: right; } .textAlignLeft { text-align: left; } #statsBlock .arrows { padding: 3px; background: rgb(180,180,180); border-top: 1px solid rgb(118,118,118); font-size: 11px; } /***END***/ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .clearLeft { clear: left; overflow: hidden; } .clearRight { clear: right; overflow: hidden; } .clearBoth { clear: both; overflow: hidden; } .mouse { font-size: 10px; } .players-of { margin-bottom: 5px; height: 180px; } #hmAdTarget { position: relative; margin: 0 0 5px 0; width: 300px; height: 250px; z-index: 0; } /*Splash page styles*/ #top-grad { width: 100%; height: 5px; margin: 150px 0 0 0; background: url(/img/backgrounds/top_border_gradient.png) repeat-x 0 0; } #whole_wrap { width: 100%; margin: 0; height: 300px; padding: 10px 0 20px 0; background: white; } #center_wrap { width: 900px; margin: 0 auto; } #englishText { width: 220px; height: 56px; margin: 0; position: absolute; top: 320px; } #frenchText { width: 220px; height: 100px; margin: 0 0 0 680px; position: absolute; top: 300px; } #splashLogo { width: 400px; height: 200px; margin: 60px auto 0 auto; } #bottom-grad { width: 100%; height: 5px; margin: 0; background: url(/img/backgrounds/border_gradient.png) repeat-x 0 0; } /*THIS IS FOR THE ARCHIVES PAGE ITS A BIT MESSY */ a.LS_prevDisable, a.LS_prev, a.LS_next, a.LS_nextDisable { display: block; float: left; height: 23px; width: 16px; overflow: hidden; text-indent: -5000px; } #LS_filters { padding-bottom: 8px; overflow: auto; } #LS_filters div.LS_filterWrap { float: left; width: 50%; } #LS_filters div input[type="text"] { display: block; border: none; width: 298px; margin: 6px 0 0; } #LS_filters h1 { margin: 0 0 20px; text-indent: 4px; } #LS_filters div span { display: block; float: left; height: 27px; padding: 0 10px 3px; } #LS_filters div.LS_wide { margin-right:400px;} #LS_clearButton input, #LS_sendButton input, #LS_filterButton input, #LS_searchButton input { display: block; width: 66px; line-height: 33px; opacity: 0; border: 1px solid black; } #LS_monthSelect, #LS_yearSelect, #LS_clearButton, #LS_sendButton, #LS_filterButton, #LS_searchButton { float: left; padding: 0; height: 33px; width: 66px; overflow: hidden; } #LS_monthSelect,#LS_yearSelect { position: relative; width: 115px; /*overflow: visible;*/} #LS_yearOut,#LS_monthOut { position: absolute; top: 7px; left: 10px; } /* -webkit-appearance: button | this gets around Safari's lack of select sizing */ #LS_monthSelect select, #LS_yearSelect select { height: 33px; width: 115px;opacity: 0; -webkit-appearance: button; } /* STYLE CLASSES */ .LS_container { width: 1003px; margin: 0 auto; } .LS_inside .LS_container { min-height: 500px; width: auto; margin: 0 3px; padding: 0 325px 22px 22px; background: white; border-top: 3px solid black; overflow: auto;} .LS_archivePage .LS_container { padding: 35px 22px 22px; } #LS_filters div input[type="text"] { font-size: 1.17em; color: rgb(119,119,119); } #LS_filters div span { background: url(/img/backgrounds/background-inputBox.png) no-repeat 0 0; } #LS_filterButton { background: url(/img/backgrounds/background-filterButton.png) no-repeat 0 0; } #LS_searchButton { background: url(/img/backgrounds/background-searchButton.png) no-repeat 0 0; } #LS_sendButton { margin-left: 80px; background: url(/img/backgrounds/background-sendButton.png) no-repeat 0 0; } #LS_clearButton { background: url(/img/backgrounds/background-clearButton.png) no-repeat 0 0; }#LS_monthSelect, #LS_yearSelect { background: url(/img/backgrounds/background-dropDown.png) no-repeat 0 0; } #LS_yearOut,#LS_monthOut { color: white; font-weight: bold; text-shadow: black 0px 0px 2px; text-transform: uppercase; font-size: 0.92em;} a.LS_prevDisable, a.LS_prev, a.LS_next, a.LS_nextDisable { background: url(/img/buttons/arrow_next-disable.png) no-repeat 0 50%; } a.LS_prevDisable { background: url(/img/buttons/arrow_prev-disable.png) no-repeat 0 50%; } a.LS_prev { background: url(/img/buttons/arrow_prev.png) no-repeat 0 50%; } a.LS_next { background: url(/img/buttons/arrow_next.png) no-repeat 0 50%; } #LS_pageJump { border-color: rgb(172, 179, 183); } .LS_inside .LS_container textarea { width: 800px; margin: 10px 0 10px 80px; } .LS_filterWrap p { margin: -8px 0 20px 6px; } .LS_inside .LS_container label { display: block; width: 60px; line-height: 30px; text-align: right; } .LS_inside .LS_container label, .LS_floater { float: left; margin: 0 10px; overflow: auto; } #LS_pageJump { margin: 0 0 35px 0; padding: 0 0 0 8px;background: rgb(222,226,229); overflow: auto; border-top: 1px solid black; } .LS_inside h1.LS_searchTitle, .LS_inside h1.LS_searchTitle a { background: none; font-size: 1.17em; text-transform: uppercase; text-decoration: none; border: none; line-height: 1; color: rgb(44,71,107); } .LS_inside h2.LS_searchDate, .LS_inside h2.LS_searchDate a { font-size: .92em; line-height: 1; text-decoration: none; border: none; color: rgb(44,71,107);} .LS_inside h1.LS_searchTitle, .LS_inside h2.LS_searchDate { margin: 0 0 5px; } #partnersTable { width: 100%; } #partnersTable td { text-align: center; } #partnersTable h2 { background: #999999; } #partnersTable h4 a { font-size: 15px; color: #1b5391; text-decoration: none; } #partnersTable h4 a:hover { color: #7c7c7c; } #partnersTable img { margin: 10px 0 10px 0; } .futureReg { } .futureReg td, .futureReg th { padding: 3px; text-align: left; } .futureReg textarea { width: 350px; height: 125px; } #scoreBox tfoot td { line-height: 0px; valign: middle; }