/* ========================================= *\ CLIENT: BATTALION 2010 BUILT & POWERED BY: NEWSPORTMEDIA DATE: JULY 2009 TITLE: BATTALION MAIN CSS CODE: \* ========================================= */ @import "menuconfig.css"; @import "integration.css"; /* LICENSE: /conf/Bebas-fontface/Flat-it License.txt (look ma it's free!) */ @font-face { font-family: 'Bebas'; src: url('/conf/Bebas-fontface/BEBAS___.eot'); } @font-face { font-family: 'Bebas'; src: local('Bebas Regular'), local('Bebas-Regular'), url('/conf/Bebas-fontface/BEBAS___.TTF') format('truetype'); } @font-face { font-family: 'Miso'; src: url('/conf/Miso-fontface/miso.eot'); } @font-face { font-family: 'Miso Light'; src: local('Miso Light'), local('Miso-Light'), url('/conf/Miso-fontface/miso-light.otf') format('opentype'); } @font-face { font-family: 'Miso'; src: local('Miso Regular'), local('Miso-Regular'), url('/conf/Miso-fontface/miso.otf') format('opentype'); } @font-face { font-family: 'Miso'; src: local('Miso Bold'), local('Miso-Bold'), url('/conf/Miso-fontface/miso-bold.otf') format('opentype'); font-weight: bold; } /* GMR */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } form { display: inline; } a { color: #004990; font-weight: bold; text-decoration: none; } a:hover { color: #f1bf2a; } strong { font-weight: bold; } #col1 ul li { list-style-type: square; margin: 0 0 0 30px; } ul { margin: 0 0 1.3em 0; } /* //GMR */ @-webkit-keyframes sLeft { from {left: 0px;} to {left: -178px; } } @-webkit-keyframes cLeft { from {left: 178px;} to {left: 0px; } } @-webkit-keyframes sRight { from {left: -178px;} to {left: 0px; } } @-webkit-keyframes cRight { from {left: 0px;} to {left: 178px; } } @-webkit-keyframes swell { 0% {display: block; opacity: 0;-webkit-transform: scale(1.0);} 50% {opacity: 1;-webkit-transform: scale(1.4);} 100% {opacity: 1;-webkit-transform: scale(1.0);} } @-webkit-keyframes swell { 0% {display: block; opacity: 1;-webkit-transform: scale(1.0);} 50% {opacity: 1;-webkit-transform: scale(1.2);} 100% {opacity: 0;-webkit-transform: scale(1.0);} } body { background: #004188 url(/img/design/bg.png); height: auto; min-height: 100%; } #cover { background: url(/img/design/headerbg.png) no-repeat 50% 10px; } #head { position: relative; z-index: 5; width: auto; min-width: 500px; height: 163px; margin: 0 0 0 50%; padding: 0;} #head a#home { display: block; position: absolute; left: 0; top: 0; height: 153px; width: 209px; margin-left: -500px; background: url(/img/design/oilkingslogo.png) no-repeat 50% 50%; text-indent: -50000px; } #head h1 { height: 70px; width: 540px; padding: 30px 0 0 0; margin: 0 0 0 -280px; /*background: url(/img/design/oilkingstitle.png) no-repeat 50% 100%;*/ text-indent: -50000px; } #atbFinancial { background: url(/img/design/atbbig.png); width: 350px; height: 30px; position: absolute; top: 130px; left: 0; z-index: 10; margin: 0 0 0 150px; display: block; text-indent: -10000px; } #bannerAd { width: 728px; height: 90px; position: absolute; top: 10px; left: -286px; } #bannerAd a { display: block; border: none; } #bannerAd a img { border: none; width: 728px; height: 90px; } #outerMenu { margin: 3px 0 0 -286px; border: 1px solid rgba(255,255,255,.3); background: rgba(246,195,42,0.8);border-width: 1px 0;} /* MEDIA CENTRE */ #videoTarget, #contentBlock, #mediaCentre { position: relative; z-index: 1; width: 998px; height: 380px; margin: 0 auto; border: 1px solid #fff; -opera-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(28, 31, 17,.5); -moz-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px rgba(28, 31, 17,.5); overflow:hidden;} .slide { position: absolute; top: 0; left:998px; height: 380px; width: 100%; -opera-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px;} #slide_1 { left: 0;} .slide img { position: absolute; top: 0; left: 0; -opera-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px;} .slide img.isFrame { padding: 0 294px 0 200px; background-color: rgb(7, 33, 99);} .slideInfo { position: absolute; right: 0; top: 0; width: 252px; height: 338px; padding: 21px; background: rgba(22,58,108,.9); -opera-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -opera-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -webkit-box-shadow: -3px 0 3px rgba(28, 31, 17,.8); -moz-box-shadow: -3px 0 3px rgba(28, 31, 17,.8) } .slideInfo h1 { font: normal 21px/23px Bebas; color: white; letter-spacing: 0; } .slideInfo h2 { position: relative; margin-top: 8px; font: 17px/1 "Miso","HelveticaNeue-CondensedBold","Arial Narrow",Arial,sans-serif; color: #e7f1f7; text-transform: uppercase;} .slideInfo .videoDisplay{ display: block; position: absolute; right: 0; top: 1px; height: 13px; width: 24px; background: url(/img/misc/sprite.png) no-repeat 0 -2px; text-indent: -50000px; cursor: pointer;} .slideInfo p { margin: 22px 0 0; font: 18px/1.1 "Miso-Light","Miso Light","Miso",Corbel,arial,sans-serif; color: white; } ul.additionalInfo { height: 33px; margin: 22px 0 0; border-color: white; border: 1px solid rgba(255,255,255,.8); border-width: 1px 0; } ul.additionalInfo li { float: left; width: 50%; text-align: right; text-transform: uppercase; font: 18px/36px "Miso","HelveticaNeue-CondensedBold","Arial Narrow",Arial,sans-serif; color: rgb(130, 131, 65); } ul.additionalInfo li:first-child { text-align: left; } ul.additionalInfo a { text-decoration: none; color: #e7f1f7; } ul.additionalInfo a:hover { color: rgb(255,207,30); } ul.relatedArticles { margin: 0; } ul.relatedArticles li { margin: 10px 0; padding: 0 0 0 25px;/* background: url(/img/misc/sprite.png) no-repeat -5px -90px;*/ font: 10pt Bebas, Arial, sans-serif; text-transform: uppercase; } ul.relatedArticles li a { display: block; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-decoration: none; font-weight: normal; } ul.relatedArticles li a:hover { color: rgb(255,207,30); } /*ul.relatedArticles a:hover { white-space: normal; }*/ /*LS CONSOLE*/ #LSConsole { position: absolute; top: 10px; left: 10px; z-index: 9000; height: 45px; width: 178px; padding-top: 308px; border: 1px solid rgba(255,255,255,.75); border-bottom: 0; font-family: "Miso","HelveticaNeue-CondensedBold","Arial Narrow",Arial,sans-serif; text-transform: uppercase; overflow: hidden; } #LSConsole .info { background: rgba(230,240,245,.9); } #LSConsole h1 { padding: 0 10px; font-size: 20px; color: #002157; } #LSConsole .info:first-child { overflow: auto; } #LSConsole .info:first-child h1 { float: left; padding: 3px 10px 0; line-height:1; } #LSConsole .info:first-child h1 + h1 { float: right; } #LSConsole #scores, #LSConsole #calendar { position: absolute; top: 0; left: 0;height: 308px;width: 178px; } #LSConsole #calendar { left: 178px; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.3);} #LSConsole #calendar dl { padding: 2px 4px; border-top: 1px solid rgba(255,255,255,.4); color: white; } #LSConsole #calendar dl:first-child { border: 0;} #LSConsole #calendar dl:nth-child(even) {background: rgba(255,255,255,.10); } #LSConsole #bar:hover {cursor: pointer} #LSConsole #bar {position:absolute;top:2px;right: 2px;width: 6px;height: 100px;background: rgb(255,255,255);background: rgba(255,255,255,.8);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;z-index: 5} #LSConsole #scroller { position: absolute; top: 0; left: 0; width: 100%; } #LSConsole table { width: 100%; border-top: 1px solid rgba(87,113,150,.75); color: white; border-collapse: collapse; } #LSConsole .score thead { background: rgba(86,113,149,.9); color: white; } #LSConsole .score th { padding: 2px 2px 0; text-align: center; font-size: 15px;} #LSConsole #calendar, #LSConsole thead, #LSConsole tbody { background: rgba(12,50,102,.9); } #LSConsole .score tbody tr:first-child td { border-bottom: 1px solid rgba(87,113,149,.9);} #LSConsole .score tbody td { padding: 3px 0 0; line-height: 27px; font-size: 24px; text-align: center; } #LSConsole .score tbody td:first-child { padding-left: 10px; text-align: left; } #LSConsole .score tbody td:last-child { border-left: 1px solid rgba(87,113,149,.9); } #LSConsole a.link { display: block; padding: 2px 0 0; background: rgba(61,91,133,.9) url(/img/misc/sprite.png) no-repeat 100% -128px; border: 1px solid rgba(255,255,255,.75); border-width: 1px 0; line-height: 15px; text-indent: 10px; text-decoration: none; font-size: 15px; color: white; } #LSConsole a:hover.link { background: rgba(255,207,30,.9) url(/img/misc/sprite.png) no-repeat 100% -168px; color: rgb(43,49,16); } #LSConsole a.link + div.info h1 { padding-top: 5px; line-height: 18px; } #LSConsole h2 { padding: 0 10px; font-size: 15px; line-height: 17px; color: #002157; } #LSConsole .standings { font-size: 15px; line-height: 11px;} #LSConsole .standings th { padding-top: 3px; border-bottom: 1px solid rgba(87,113,149,.9); line-height: 15px; text-align: right; } /*#LSConsole .standings th,*/ #LSConsole .standings td { padding: 3px 3px 0; text-align: right; line-height: 15px;} #LSConsole .standings th:first-child, #LSConsole .standings th:nth-child(2), #LSConsole .standings td:first-child, #LSConsole .standings td:nth-child(2) { text-align: left; } #LSConsole .standings th:first-child, #LSConsole .standings td:first-child {padding-left: 10px; } #LSConsole .standings th:last-child, #LSConsole .standings td:last-child {padding-right: 10px;} #LSConsole .standings tbody tr:nth-child(even) {background: rgba(255,255,255,.05); } #LSConsole #tabs { background: url(/img/misc/tab-scores_active.png) no-repeat; overflow: auto; } #LSConsole a#tab1, #LSConsole a#tab2 { display: block; float: left; height: 40px; width: 111px; margin: 5px 0 0; line-height: 40px; font-size: 13px; text-align: center; color: white; color: rgba(255,255,255,.9); overflow: hidden; } #LSConsole a#tab2 { width: 67px; } #LSConsole #tabs .closed { color: rgba(255,255,255,.6); cursor: pointer; } #LSConsole #tabs.closed { background-position: 100% 0; } #videoTarget { display: none; z-index: 9010; background: rgba(14,14,14,.9); opacity: 0; } #videoTarget #cancel { position: absolute; top: 5px; right: 5px; padding: 0 17px 0 0; background: url(/img/icons/cancel.png) no-repeat 100% 50%; font-size: 11px; line-height: 16px; font-family: arial,sans-serif; font-weight: bold; color: white; text-transform: uppercase; cursor: pointer; opacity: .8; } #videoTarget #cancel:hover {opacity: 1;} #swfBox { position: relative; top: 50%; width: 480px; height: 320px; margin: -161px auto 0; background: white; border: 1px solid rgba(255,255,255,.7); } #target { position: absolute; bottom: 0; z-index: 9000; left: 190px; height: 380px; width: 513px; text-align: center;} #target:hover > #mediaController { -webkit-animation: swell 1s ease 0; opacity: 1; } #mediaController { position: relative; display: inline-block; height: 43px;/* width: 220px*/; margin: 300px auto 0; padding: 0 10px; background: rgba(37,37,37,.95); border: 1px solid rgba(255,255,255,.9); -opera-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(28, 31, 17,.8); -moz-box-shadow: 0 0 5px rgba(28, 31, 17,.8); box-shadow: 0 0 5px rgba(28, 31, 17,.8); opacity: 0;} #pause, #next, #previous { position: absolute; top: 0px; left: 10px; height: 26px; width: 26px; margin: 10px 8px 0 0; background: url(/img/misc/button-sprite.png) no-repeat 0 0; cursor: pointer;} #previous { background-position: -30px 0; left: 41px;} #next { right: 0; left: auto; background-position: -62px 0; } #mediaController ul { display: inline-block; height: 43px; margin: 0 26px 0 60px;} #mediaController li { float: left; display: block; height: 45px; width: 10px; margin: 0 3px; background: url(/img/misc/radio-sprite.png) no-repeat 50% 20px;} #mediaController li.selected {background-position: 50% -18px; cursor: default; } ul#mainTabs {display: block; height: 38px; width: 1000px; margin: 20px auto 0; background: url(/img/misc/tabs-main.png) 100% 0 no-repeat; overflow: hidden;} ul#mainTabs li {float: left; height: 38px; width: 500px; text-align: center; line-height: 42px; font-size: 25px; font-family: "Miso","HelveticaNeue-CondensedBold","Arial Narrow",Arial,sans-serif; text-transform: uppercase; overflow: hidden; color: rgb(112,112,112); cursor: pointer;} ul#mainTabs li:nth-child(even) { width: 494px; margin: 0 3px; } ul#mainTabs li.active { color: rgb(31,31,31); cursor: default; } ul#mainTabs.t1 { background-position: 0 0; } ul#mainTabs.t2 { background-position: 100% 0; } ul#mainTabs.t3 { background-position: -2000px 0; } #tabSlider { position: relative; height: 261px; width: 998px; margin: 0 auto 12px; border: 1px solid rgb(28, 31, 17); border-top: 0; overflow: hidden; } #mainTab1, #mainTab2, #mainTab3 {display: none; width: 998px; height: 261px; background: #152f5b;} #mainTab2 {display: block;} /* #al1, #t31, #poll { width: 229px; } */ .tab .box { float: left; position: relative; width: 188px; height: 261px; border-right: 1px solid rgb(28, 31, 17); background: white; background-position: 0 34px;} .adbox { float: left; width: 300px; padding: 6px 5px; } .box h3 { position: relative; z-index: 2; height: 34px; background: rgba(21,47,91,.9); line-height: 38px; font-size: 20px; font-family: "Miso","HelveticaNeue-CondensedBold","Arial Narrow",Arial,sans-serif; text-transform: uppercase; color: white; text-align: center; overflow: hidden;} #poll { position: relative; height: 233px; padding-bottom: 28px; } #poll h4 { background: rgb(206,208,214); color: rgb(37,37,37); padding: 8px 14px; font-family: Georgia,"Times New Roman",times,serif; font-size: 13px; line-height: 1.2; border-bottom: 1px solid rgb(180, 189, 206); } .box h3.bottom { position: absolute; font-family: "Bebas";bottom: 0; height: 28px; width: 100%; background: url(/img/design/board.png) #f1bf2a; font-size: 11pt; line-height: 27px; text-shadow: 0 0 2px #cca225; cursor: pointer;} #poll ul { display: block; margin: 14px; font-size: 12px; color: rgb(87,87,87); line-height: 1.2;} #poll li { margin: 3px 0;} #poll li input { font-size: 11px; } .box img { position: absolute; top: 0; left: 0; z-index: 1;} #partnersBlock { width: 998px; margin: 0 auto;} /* border: 0px solid rgb(28, 31, 17); -opera-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -opera-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-box-shadow: 0 0 5px rgba(28, 31, 17,.5); -moz-box-shadow: 0 0 5px rgba(28, 31, 17,.5); box-shadow: 0 0 5px rgba(28, 31, 17,.5); } */ /* #partnersBlock .row { padding: 0 9px; background: url(/img/design/rinkboard.jpg); overflow: auto; } */ #partnersBlock img {display: block;} /* #partnersBlock .buttrow { height: 41px; background: url(/img/design/boardbottom.jpg); } */ #partnersBlock .buttrow a, #partnersBlock .row a { display: block; float: left; margin: 9px; } /*#partnersBlock .buttrow { overflow: auto; border-top: 1px solid white;}*/ #partnersBlock .buttrow a {margin: 0;} #partnersBlock .buttrow a:first-child {margin-left: -1px; -opera-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; overflow: hidden;} #partnersBlock .buttrow a:last-child {width: 249px; overflow: hidden; -opera-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; } #sponsors { width: 360px; /*margin: 15px auto;*/ text-align: center; } #sponsors a { margin: 0 10px; display: block; height: 35px; background-image: url(/img/design/sponsors.png); float: left; text-indent: -10000px;} #sponsors a.whl { width: 43px; background-position: 0 -35px; } #sponsors a.whl:hover { background-position: 0 -35px } #sponsors a.rexallplace { background-position: -43px -35px; width: 69px; } #sponsors a:hover.rexallplace { background-position: -43px -35px; } #sponsors a.capsbaseball { background: url(/img/design/capsbaseball.png) 0 -35px; width: 41px; } #sponsors a:hover.capsbaseball { background-position: 0 -35px; } #sponsors a.homedepot { background-position: -115px -35px; width: 35px; } #sponsors a:hover.homedepot { background-position: -115px -35px; } #sponsors a.edmontonoilers { background-position: -155px -35px; width: 35px; } #sponsors a:hover.edmontonoilers { background-position: -155px -35px; } #sponsors a.oilersstore { background-position: -200px -35px; width: 60px; } #sponsors a:hover.oilersstore { background-position: -200px -35px; } #foot { width: 1000px; margin: 20px auto; font: 9pt Calibri,Helvetica,Arial,sans-serif; color: rgba(255,255,255,.6); text-transform: uppercase;} #foot a { margin: 0 10px 0 0; color: rgba(255,255,255,.6); text-decoration: none;} #foot a:hover{color: white;} #contentBlock { height: auto; min-height: 400px; margin-bottom: 20px; overflow: hidden; -opera-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;-opera-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } #contentBlock #col1, #contentBlock #col2 {float: left; width: 618px; margin-bottom: -4970px; padding: 25px 25px 5000px; font-family: Georgia,"Times New Roman",Times,serif; color: rgb(37,37,37); } #contentBlock #col1 { background: rgb(255,255,255); font-size: 14px; line-height: 1.4; -opera-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } #contentBlock #col1 h1 {font-size: 26px; letter-spacing: -1px; line-height: 1; margin-bottom: 10px;} #contentBlock #col1 h2 {margin: 2px 0 1.3em; font-size: 14px; line-height: 1; color: rgb(87,87,87);} #contentBlock #col1 p {margin: 0 0 1.3em; } #contentBlock #col2 { width: 300px; padding: 25px 15px 5000px; margin-bottom: -4970px; background: rgba(22, 58, 108, 0.9); font-family: "Miso","HelveticaNeue-CondensedBold","Arial Narrow",Arial,sans-serif; text-transform: uppercase; color: white; -opera-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-box-shadow: -3px 0 3px rgba(28, 31, 17,.3); -moz-box-shadow: -3px 0 3px rgba(28, 31, 17,.3); } #contentBlock #col2 h1 {font-size: 21px; line-height: 28px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.7); } #col2 ul.news { margin: 15px 0 30px; } #col2 ul.news li { margin: 9px 0; } #col2 ul.news a { color: white; text-decoration: none; } #col2 ul.news span { display: block; font-size: 12px; color: #E7F1F7;} #col2 ul.news li.archive { padding-top: 8px; border-top: 1px solid rgba(255,255,255,.7);} .icon_flv, .icon_wma, .icon_mp3, .icon_txt, .icon_pdf, .icon_xls, .icon_csv, .icon_doc, .iconVideo, .iconImage, .iconLink, .iconWord, .iconExcel, .iconAudio, .iconPDF {padding-left: 25px; background:url(/img/icons/iconPDF.png) no-repeat 2px 50% } .icon_flv, .iconVideo { background:url(/img/icons/iconVideo.png) no-repeat 2px 50% } .iconImage { background:url(/img/icons/iconImage.png) no-repeat 2px 50% } .icon_txt { background:url(/img/icons/iconDocument.png) no-repeat 2px 50% } .iconLink { background:url(/img/icons/iconLink.png) no-repeat 2px 50% } .icon_doc, .iconWord { background:url(/img/icons/iconWord.png) no-repeat 2px 50% } .icon_xls, .icon_csv, .iconExcel { background:url(/img/icons/icon_xls.png) no-repeat 2px 50% } .icon_wma, .icon_mp3, .iconAudio { background:url(/img/icons/iconAudio.png) no-repeat 2px 50% } .img { float: left; margin: 4px 20px 15px 0; font-weight: bold; font-size: 14px; font-family: "Miso","HelveticaNeue-CondensedBold","Arial Narrow",Arial,sans-serif; color: rgb(37,37,37);} .img img { display: block; margin-bottom: 4px; border: 1px solid rgb(28, 31, 17);} table.directory { width: 100%; text-align: left; } .hide {display: none} table.directory td { padding: 2px 5px; border-bottom: 1px solid #ccc; } table.directory td.title { font-weight: bold; text-align: right; width: 40%; color: #004990; } /* Gallery Styles */ .galleryImg { height: 200px; width: 100px; float: left; margin: 0 22px 0 0; } .galleryImg img { display: block; width: 100px; height: 100px; margin: 0 0 5px 0; } .newsStory { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; } .newsStory h1 { font-family: Bebas; letter-spacing: 0 !important; } /* Search Result Styles */ .LS_searchResult { margin: 15px 0 0 0; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; } #contentBlock #col1 h1.LS_searchTitle a { color: #252525; font-weight: normal; font-family: Bebas; letter-spacing: 1px; } #contentBlock #col1 h2.LS_searchDate { margin: 2px 0 5px 0; } #contentBlock #col1 .LS_searchResult p { margin: 0; } /* Search Form Styles */ #LS_inputBox { padding: 20px 5px 5px 0; display: block; float: left; height: 28px; } #LS_inputBox input { width: 185px; background: transparent; color: #fff; font: 14pt Arial; padding: 5px 8px; border: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #LS_searchButton { margin: 0 0 15px 0; padding: 20px 0 0 0; float: left; height: 30px; } #LS_searchButton input, #LS_filterButton input { background: #a7d4e0; color: #143b6f; padding: 8px 15px; text-transform: uppercase; font: bold 9pt Arial; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; } #LS_yearSelect { margin: 20px 0 10px 0; } #LS_monthSelect { margin: 0 0 10px 0; } #LS_yearSelect div, #LS_monthSelect div { float: left; display: block; width: 75px; text-align: right; font-weight: bold; margin: 0 10px; } #LS_filterButton { padding: 0 0 0 95px; } .tab .nexthomegame { background: url(/img/design/nextgamebg.png) 0 0; text-align: center; font-family: Calibri, Arial, sans-serif; font-size: 12pt; } .tab .nexthomegame h2 img { position: absolute; left: 5px; top: 50%; margin: -25px 0 0 0; } .tab .nexthomegame a { position: absolute; top: 0; left: 0; width: 188px; height: 261px; z-index: 10; } .nexthomegame h2, .nexthomegame .time { font-family: Bebas; background: rgba(255,255,255,0.3); font-size: 20px; padding: 5px 5px 8px 5px; margin: 0 0 2px 0; display: block; position: relative; } .nexthomegame h2 { padding: 5px 5px 8px 60px; text-align: left; } .nexthomegame .time { background: none; font-size: 20px; } .nexthomegame .vs { font-size: 15pt; display: block; margin: 0 -5px; } .nexthomegame .time { margin: 5px 0 2px 0; } .nexthomegame h4 { font-weight: bold; } #cover #mediaCentre .slideInfo * {font-family: "HelveticaNeue-Condensed","Arial Narrow",Arial,sans-serif; } .slideInfo h1 {font-weight: bold; font-size: 17px;} .slideInfo h2 {font-weight: bold; font-size: 15px;} .slideInfo p a {color: white; font-weight: normal; font-size: 14px;} .additionalInfo li a {font-size: 14px;} .slideInfo p a:hover {color: rgb(255, 207, 30)} #k_NextHomeGame { position: relative; /*top: 125px; left: 0; width: 178px;*/ background: rgb(249, 211, 92); border: 1px solid rgba(255,255,255,.75); color: black; font: 18px/1 Miso,"HelveticaNeue-CondensedBold","arial narrow",sans-serif; overflow: hidden; cursor: pointer; } #k_NextHomeGame h1+ h4 { margin-bottom: 5px; padding: 3px 0; background: rgb(249, 183, 41); text-indent: 10px;} #k_NextHomeGame h1 { background: rgb(11, 52, 106); padding: 4px 10px 0; font-size: 20px; color: rgb(230, 240, 245); font-family: "Miso","HelveticaNeue-CondensedBold","Arial Narrow",Arial,sans-serif; line-height:1;} #k_NextHomeGame h4 + h4 { position: relative; padding-left: 30px; padding-top: 3px; min-height: 26px; } #k_NextHomeGame h4 + h4 img { position: absolute; top: 1px; left: 5px; } #k_NextHomeGame #ticketIcon { position: absolute; top: 0; right: -5px; width: 53px; height: 54px; background: url(/img/logos/ticketIcon.png) no-repeat;} #LSConsole.tear { border: 0; width: 180px; height: 238px; padding-top: 125px;} #LSConsole #scores.tear { height: 120px; border: 1px solid rgba(255,255,255,.75); } #k_mediaCentreAd { height: 150px; margin-top: 4px; } #mainTab2 #standingBox { font-family: "Miso","HelveticaNeue-CondensedBold","Arial Narrow",Arial,sans-serif; height: 261px; position: relative; background: rgb(11, 48, 102)} #mainTab2 .box .info { background: rgba(230,240,245,.9); } #mainTab2 .box h1 { padding: 3px 10px 0; font-size: 20px; color: #002157; } #mainTab2 .box .info:first-child { overflow: auto; } #mainTab2 .box table { width: 100%; color: white; border-collapse: collapse; } #mainTab2 .box .score thead { background: rgba(86,113,149,.9); color: white; } #mainTab2 .box .score th { padding: 2px 2px 0; text-align: center; font-size: 15px;} #mainTab2 .box #calendar, #mainTab2 .box thead, #mainTab2 .box tbody { background: rgb(11, 48, 102); } #mainTab2 .box .score tbody td { padding: 3px 0 0; line-height: 27px; font-size: 24px; text-align: center; } #mainTab2 .box .score tbody td:first-child { padding-left: 10px; text-align: left; } #mainTab2 .box a.link { position: absolute; bottom: 0; left: 0; width: 100%; display: block; padding: 2px 0 0; background: rgb(61,91,133) url(/img/misc/sprite.png) no-repeat 100% -128px; border: 1px solid rgb(207, 214, 224); border-width: 1px 0; line-height: 15px; text-indent: 10px; text-decoration: none; font-size: 15px; color: white; } #mainTab2 .box a:hover.link { background: rgb(255,207,30) url(/img/misc/sprite.png) no-repeat 100% -168px; color: rgb(43,49,16); } #mainTab2 .box a.link + div.info h1 { padding-top: 5px; line-height: 18px; } #mainTab2 .box h2 { padding: 0 10px; font-size: 15px; line-height: 17px; color: #002157; } #mainTab2 .box .standings { font-size: 15px; line-height: 11px;} #mainTab2 .box .standings th { padding-top: 3px; border-bottom: 1px solid rgb(207, 214, 224); line-height: 15px; text-align: right; } /*#mainTab2 .box .standings th,*/ #mainTab2 .box .standings td { padding: 5px 3px 0; text-align: right; line-height: 15px;} #mainTab2 .box .standings th:first-child, #mainTab2 .box .standings th:nth-child(2), #mainTab2 .box .standings td:first-child, #mainTab2 .box .standings td:nth-child(2) { text-align: left; } #mainTab2 .box .standings th:first-child, #mainTab2 .box .standings td:first-child {padding-left: 10px; } #mainTab2 .box .standings th:last-child, #mainTab2 .box .standings td:last-child {padding-right: 10px;} #mainTab2 .box .standings tbody tr:nth-child(even) {background: rgb(27, 65, 116); } .upcoming { padding: 3px 8px 4px; } .score thead a, .upcoming.dark a, .upcoming.dark { color: rgb(255,255,255)!important; white-space: nowrap;} .score thead td.upcoming + td { white-space: nowrap;} .score thead td.upcoming + td + td + td { width: 100%;} .score thead td.upcoming + td + td + td img { display: block; margin: 0 auto;} #sponsorrow {width: 780px; height:35px; margin: 15px auto; text-align: center;} #sponsors {width: 360px !important; margin: 0 auto !important;} #sponsor-left{float: left;} #sponsor-right{float:right}