/* ===================================== *\ CLIENT: ASHN MAJORS BUILT & POWERED BY: LEAGUESTAT DATE: SEPTEMBER 2007 TITLE: MAIN CSS \* ===================================== */ @import "menuconfig.css"; /* GRAND MASTER RESET */ 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; } /* ---------------- */ html,body, #saranWrap { min-height: 100%; min-width: 990px; width: 100%; height: auto; } body { background: rgb(188,195,198) url(/img/backgrounds/background-site.png) repeat-x 0 0; font: 62.5% "Myriad Pro", Myriad, "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Arial, Helvetica, sans-serif; color: black; } form { display: inline; } div.sponsorRink h2 a, a { text-decoration: none; color: blue; } .noSpo a:hover, div#rinkDetail_tourn a:hover, div#rinkDetail a:hover, ul.nonSponsored li a:hover, div.sponsorRink a:hover, a:hover, .toc a:hover, #toc a:hover, .blog-toc a:hover { color: rgb(186,0,28); } #leaderBoard { height: 90px; width: 1000px; margin: 3px auto; text-align: center;} #leaderBoard * { margin: 0 0 0 125px; } #leaderBoard img{margin-right:21px;} #ashnLogo { position: absolute; z-index: 10; top: 43px; left: 50%; height: 151px; width: 175px; margin: 0 0 0 -500px; background: url(/img/misc/logo.png) no-repeat 0 0; } body.insideArticle #ashnLogo, body.rinkListing #ashnLogo { background: url(/img/misc/logo-stroke.png) no-repeat 0 0; } #ashnLogo a { display: block; height: 151px; width: 175px; text-indent: -50000px; } #navBar { position: relative; width: 1000px; height: 75px; margin: 0 auto; } #TellFriend { position: absolute; top: 300px; left: 512px; color: rgb(81,81,81); } #TellFriend label { display: block; } #eNewsSignup { position: absolute; top: 20px; left: 712px; color: rgb(81,81,81); } #eNewsSignup label { display: block; } #eNewsSignup input { float: left; } #emailInput { width: 115px; margin: 1px; font-size: 11px; color: rgb(181,181,181); } #controlPanel, #social, #cp { position: absolute; top: 0; right: 21px; height: 75px; width: 150px; margin: 0; padding: 0; width:124px;background:#950016; } #social { right:145px; } #cp li, #social li, #cp li { height: 25px; width:124px; margin:0; padding: 0; line-height: 25px; text-transform: uppercase; overflow: hidden; } #controlPanel a , #social a, #cp a { display: block; width:100%; text-indent: -8000px; } div.TFRF { position: absolute; height: 75px; right: 50px; width: 119px; } #login { background: url(/img/buttons/button-login.png) no-repeat 7px 50%; } #friend { background: url(/img/buttons/button-tellAfriend.png) no-repeat 0 0; } #search { background: url(/img/buttons/button-search.png) no-repeat 0 0; cursor: pointer; } #eNews { background: url(/img/buttons/button-eNewsletter.png) no-repeat 0 0; cursor: pointer; } #facebook { background: url(/img/buttons/button-facebook.png) no-repeat 0 0; } #twitter { background: url(/img/buttons/button-twitter.png) no-repeat 0 0; } #rss { background: url(/img/buttons/button-rss.png) no-repeat 0 0; } /* menu z-index */ #navBar{z-index:1000;} #tupperware{z-index:1;} #menu, #menu ul{z-index:1000;} #navBar ul{z-index:100;} /* SEARCH POPUP */ #searchPop { display: none; position: absolute; right: 0; top: 171px; width: 268px; height: auto; padding: 10px 8px 8px; background: rgb(255,255,255); border-top: 1px solid rgb(220,220,220); border-left: 1px solid rgb(111,110,110); border-bottom: 1px solid rgb(111,110,110); font-size: 9px;} #eNewsPop { display: none; position: absolute; right: 0; top: 171px; width: 268px; height: auto; padding: 4px 8px 8px; background: #ba001c; color: #ddd; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #333; font-size: 11px;} #eNewsPop input { border: 1px solid #333; width: 175px; } #eNewsPop input[type="image"] { width: 19px; height: 18px; border: none; position: relative; top: 2px; left: 2px; } #eNewsPop td { padding-bottom: 2px; height: 22px; } #eNewsPop h2 { font-size: 14px; margin: 0 0 5px; color: white; } #friendPop { display: none; position: absolute; right: 0; top: 171px; width: 300px; height: auto; padding: 4px 8px 8px; background: #ba001c; color: #ddd; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #333; font-size: 11px;} #friendPop input { border: 1px solid #333; width: 175px; } #friendPop input[type="image"] { width: 19px; height: 18px; border: none; position: relative; top: 2px; left: 2px; } #friendPop td { padding-bottom: 2px; height: 22px; } #friendPop h2 { font-size: 14px; margin: 0 0 5px; color: white; } #googleSearch.textInput { width: 182px; } #searchPop table { width: 100%; font-size: 9px; } #seachSelect label { display: table-cell; margin: 0; vertical-align: middle; } #seachSelect input[type="radio"]{ margin: 2px 6px 0 3px; font-size: 1em; vertical-align: middle; } #searchClose { position: relative; font-size: 10px; } a#searchClose { width: 42px; height: 20px; color: #333; cursor: pointer; } a#searchClose img { position: relative; top: 4px; } #eNewsClose { position: relative; right: 15px; float: right; font-size: 10px; } a#eNewsClose { display: block; width: 42px; color: #ddd; cursor: pointer; } a#eNewsClose img { position: relative; top: 4px; } #friendClose { position: relative; right: 19px; float: right; font-size: 10px; } a#friendClose { display: block; width: 50px; color: #ddd; cursor: pointer; } a#friendClose img { position: relative; top: 4px; } a:hover#eNewsClose, a:hover#friendClose { color: #fff; } a:hover#searchClose { color: rgb(191,0,24); } #searchPop table td, #friendPop table td, #eNewsPop table td { vertical-align: middle; } #searchPop, #friendPop, #eNewsPop { z-index: 5000000; } #new { width: 78px; height: 16px; position: absolute; right: 154px; top: 29px; z-index: 110; padding: 0; margin: 0; background: url(/img/icons/icon-new3.png) no-repeat 0 0; } #saranWrap { position: absolute; top: 0; left: 0; } #tupperware { width: 958px; margin: 27px auto; padding: 0 0 71px; } #aboutNetwork, #ashl, #satellite, #ashnLeagues, #ashnTournaments { float: left; width: 188px; height: 218px; margin: 0 2px 8px 0; background: rgb(86,94,101) url(/img/nav/navCover-about.jpg) no-repeat 0 100%; border: 1px solid rgb(86,94,101); overflow: hidden; } #ashnTournaments { margin: 0; background: rgb(86,94,101) url(/img/nav/navCover-tournaments.jpg) no-repeat 0 100%; } #ashl { background: rgb(86,94,101) url(/img/nav/navCover-ashl.jpg) no-repeat 0 100%; } #satellite { background: rgb(86,94,101) url(/img/nav/navCover-satellite.jpg) no-repeat 0 100%; } #ashnLeagues { background: rgb(86,94,101) url(/img/nav/navCover-affiliates.jpg) no-repeat 0 100%; } #tier1 h2 { height: 29px; padding: 0 6px; background: rgb(86,94,101); font-size: 13px; line-height: 29px; color: white; overflow: hidden; } #tier1 #aboutNetwork h2, #tier1 #ashl h2, #tier1 #satellite h2, #tier1 #ashnTournaments h2, #tier1 #ashnLeagues h2 { height: 29px; padding: 0 6px; background: rgb(86,94,101) url(/img/titles/title-aboutNetwork.png) no-repeat 6px -2px; font-size: 13px; line-height: 29px; color: white; overflow: hidden; text-indent: -50000px; } #tier1 #ashl h2 { background: rgb(86,94,101) url(/img/titles/title-ashl.png) no-repeat 6px -2px; } #tier1 #satellite h2 { background: rgb(86,94,101) url(/img/titles/title-satellite.png) no-repeat 6px -2px; } #tier1 #ashnTournaments h2 { background: rgb(86,94,101) url(/img/titles/title-tournaments.png) no-repeat 6px -2px; } #tier1 #ashnLeagues h2 { background: rgb(86,94,101) url(/img/titles/title-affiliate.png) no-repeat 6px -2px; } #tier1 ul { display: none; height: 189px; background: white; font-size: 1.1em; opacity: .9; } #tier1 div:hover ul { display: block; } #tier1 ul li:first-child { border: none; } #tier1 li { border-top: 1px solid rgb(181,181,181); } #tier1 a { display: block; padding: 5px 4px; line-height: 1.2; color: black; } #tier1 a:hover { background: rgb(186,0,28); color: white; } /*NEW #toolFeaturedTeam*/ #toolContainer { float: left; width: 1000px; margin-bottom: 8px; } /***Future Tool buttons for when news ticker is ready. Uncomment to activate, and comment out midsize tool buttons***/ #toolTF, #toolRF, #toolC, #toolHF, #toolTLR { float: left; height: 68px; width: 125px; margin: 0 0 8px 0; background: url(/img/buttons/button_tf.png) no-repeat 0 0; } #toolRF { background: url(/img/buttons/button_rf.png) no-repeat 0 0; } #toolTLR { background: url(/img/buttons/button_tlr.png) no-repeat 0 0; } #toolC { background: url(/img/buttons/button_classifieds.png) no-repeat 0 0; } #toolHF { background: url(/img/buttons/button_hf.png) no-repeat 0 0; } #toolTLR, #toolTF, #toolHF, #toolRF, #toolC { margin: 0 0 0 4px; } #toolHF a, #toolTF a, #toolRF a, #toolC a, #toolTLR a { display: block; height: 68px; text-indent: -50000px; } /***Midsize Tool Buttons #toolTF, #toolRF, #toolC, #toolTLR { float: left; height: 68px; width: 235px; margin: 0 0 8px 0; background: url(/img/ads/new08/tournament_finder_midsize.png) no-repeat 0 0; } #toolRF { background: url(/img/ads/new08/rink_finder_midsize.png) no-repeat 0 0; } #toolTLR { background: url(/img/ads/new08/team_locker_room_midsize.png) no-repeat 0 0; } #toolC { background: url(/img/ads/new08/classifieds_midsize.png) no-repeat 0 0; } #toolTLR, #toolRF, #toolC { margin: 0 0 0 5px; } #toolTF a, #toolRF a, #toolC a, #toolTLR a { display: block; height: 68px; text-indent: -50000px; } /*#toolFeaturedTeam,*/ #toolTournamentFinder, #toolHockeyFinder, #toolBoTW { float: left; height: 66px; width: 315px; margin: 0 0 8px 0; background: url(/img/ads/ad-tournamentFinder_LG.png) no-repeat 0 0; border: 1px solid rgb(86,94,101); } #toolHockeyFinder { margin: 0 2px 8px; background: url(/img/ads/ad-hockeyFinder_LG.png) no-repeat 0 0; } #toolBoTW { margin: 0 0 8px 0; background: url(/img/ads/ad-BoTW_LG.png) no-repeat 0 0; } #toolTournamentFinder a, #toolHockeyFinder a, #toolBoTW a { display: block; height: 66px; text-indent: -50000px; } #tier3 { clear: left; height: 260px; width: 956px; margin: 8px 0; border: 1px solid rgb(86,94,101); background: rgb(86,94,101); } #tier3 * { float: left; } #newsReader object, #newsReader embed, #newsReader img { display: block; } #bigBox { margin: 5px 4px 5px 5px; } /*#bigBox { margin: 5px 0 5px 0; }*/ #foot { clear: left; position: absolute; bottom: 0; height: 71px; width: 100%; background: url(/img/backgrounds/background-footer.png) repeat-x 0 0; overflow: hidden; color: rgb(47,55,61); z-index: 1000; } #foot ul { display: block; width: 958px; margin: 50px auto 0; } #foot a { color: rgb(47,55,61); } #foot a:hover { color: blue; } #foot li { float: left; padding: 0 10px; border-left: 1px solid rgb(47,55,61); } #foot li:first-child { border: none; } /* INSIDE */ body.rinkListing, body.insideArticle { background: white url(/img/backgrounds/background-siteArticle.png) repeat-x 0 0; } body.rinkListing #ashnLogo, body.rinkListing #ashnLogo, body.insideArticle #ashnLogo { /*left: 7px; margin: 0;*/ } body.rinkListing #navBar, body.insideArticle #navBar { /*width: 100%; margin: 0; */} body.rinkListing #tier1, body.insideArticle #tier1 { float: left; /*width: 105px; margin-bottom: -50000px; padding: 20px 0 50100px;*/ background: rgb(186,0,28);} body.rinkListing #tupperware, body.insideArticle #tupperware { /*width: 100%; margin: 0; overflow: hidden;*/ } body.insideArticle #col2a, body.rinkListing #col2a, body.rinkListing #col2, body.insideArticle #col2 { /*width: 100%; margin-bottom: -50000px; padding-bottom: 50000px;*/ } body.rinkListing #aboutNetwork, body.rinkListing #ashl, body.rinkListing #satellite, body.rinkListing #ashnLeagues, body.rinkListing #ashnTournaments, body.insideArticle #aboutNetwork, body.insideArticle #ashl, body.insideArticle #satellite, body.insideArticle #ashnLeagues, body.insideArticle #ashnTournaments { float: none; width: 97px; height: 111px; margin: 3px 3px 17px; background: rgb(86,94,101) url(/img/nav/navCover-about_SM.jpg) no-repeat 0 100%; overflow: visible; } body.rinkListing #ashl, body.insideArticle #ashl { background: rgb(86,94,101) url(/img/nav/navCover-ashn_SM.jpg) no-repeat 0 100%; } body.rinkListing #satellite, body.insideArticle #satellite { background: rgb(86,94,101) url(/img/nav/navCover-satellite_SM.jpg) no-repeat 0 100%; } body.rinkListing #ashnLeagues, body.insideArticle #ashnLeagues { background: rgb(86,94,101) url(/img/nav/navCover-affiliates_SM.jpg) no-repeat 0 100%; } body.rinkListing #ashnTournaments, body.insideArticle #ashnTournaments { background: rgb(86,94,101) url(/img/nav/navCover-tournaments_SM.jpg) no-repeat 0 100%; } body.rinkListing #tier1 a.smallAd, body.insideArticle #tier1 a.smallAd { display: block; margin: 3px 4px 17px; padding: 0; } .smallAd img { display: block; } body.rinkListing #tier1 #aboutNetwork h2, body.rinkListing #tier1 #ashl h2, body.rinkListing #tier1 #satellite h2, body.rinkListing #tier1 #ashnTournaments h2, body.rinkListing #tier1 #ashnLeagues h2, body.insideArticle #tier1 #aboutNetwork h2, body.insideArticle #tier1 #ashl h2, body.insideArticle #tier1 #satellite h2, body.insideArticle #tier1 #ashnTournaments h2, body.insideArticle #tier1 #ashnLeagues h2 { height: 12px; padding: 1px 6px; background: rgb(86,94,101) url(/img/titles/title-inside_about.png) no-repeat 6px 1px; font-size: 6px; line-height: 5px; color: white; overflow: hidden; } body.rinkListing #tier1 #ashl h2, body.insideArticle #tier1 #ashl h2 { background: rgb(86,94,101) url(/img/titles/title-inside_ashl.png) no-repeat 6px 1px; } body.rinkListing #tier1 #satellite h2, body.insideArticle #tier1 #satellite h2 { background: rgb(86,94,101) url(/img/titles/title-inside_satellites.png) no-repeat 6px 1px; } body.rinkListing #tier1 #ashnTournaments h2, body.insideArticle #tier1 #ashnTournaments h2 { background: rgb(86,94,101) url(/img/titles/title-inside_tourneys.png) no-repeat 6px 1px; } body.rinkListing #tier1 #ashnLeagues h2, body.insideArticle #tier1 #ashnLeagues h2 { background: rgb(86,94,101) url(/img/titles/title-inside_affiliates.png) no-repeat 6px 1px; } /* body.rinkListing #tier1 h2, body.insideArticle #tier1 h2 { height: 15px; line-height: 15px; font-size: 6px; } */ body.rinkListing #tier1 ul, body.insideArticle #tier1 ul { position: relative; z-index: 5000; width: 97px; height: auto; } .toc h3, #toc h3, .blog-toc h3, h3#breadCrumb { position: relative; height: 18px; background: rgb(86,94,101); border-bottom: 1px solid rgb(112,119,125); font-size: 1.1em;line-height: 22px; text-transform: uppercase; text-indent: 50px; color: white; overflow: hidden; } h3#breadCrumb a { position: relative; z-index: 900; color: white; } h1#mainTitle { height: 29px; background: rgb(86,94,101); padding: 0 8px 0 0; border-bottom: 1px solid rgb(170,174,178); font-size: 1.8em; line-height: 29px; font-weight: normal; color: white; text-indent: 8px; overflow: hidden;} #posted { float: right; color: rgb(187,191,193); font-size: .6em; text-transform: uppercase; } .floatLeft { float: left; } #bodyContent { margin: 16px 16px 16px 116px; font-size: 1.2em; line-height: 1.3; } #bodyContent p { margin-bottom: 11px; } .toc, #toc { float: right; margin: -8px -8px 16px 16px; width: 300px; } .blog-toc { margin: 20px 5px 235px 0; float: left; width: 180px; } #bodyContent h2.blogTitle { font-size: 18.67px; font-weight: bold; width: 100%; margin: 0 0 5px 0; text-decoration: underline; } #bodyContent p.blogTitle { margin-bottom: 20px; } #bodyContent p.blogComments { margin-top: 10px; } #bodyContent p.blogComments a { margin-right: 15px; text-decoration: underline; cursor: pointer; } #bodyContent h2.blogTitle span.blogger { font-size: 12px; font-weight: normal; } #bodyContent .blogImage { float: left; margin-right: 15px; border: 1px solid #B0B4B7; padding: 3px; } .blogContent { max-width: 700px; padding-left: 10px; } .toc { margin: 20px 0 0; float: none; } #toc .bigBox img { display: block; margin: 0 0 1px; } .toc h3, #toc h3, .blog-toc h3 { text-indent: 8px; } .toc ul, #toc ul { width: 298px; padding: 9px 0; border: 1px solid rgb(221,214,216); border-top: 0; } ul.UATstyle li, .toc li, #toc li, .blog-toc li { margin: 9px 0; padding: 0 15px 0 30px; background: url(/img/misc/flourish.png) no-repeat 12px 50%; } .toc li:hover, #toc li:hover, .blog-toc li:hover { background-position: 17px 50% } .toc a, #toc a, .blog-toc a { display: block; } .articlePhoto { float: left; margin: 0 16px 16px 0; padding: 3px; border: 1px solid rgb(176,180,183); } .myHeader, .toc h3.archive, #toc h3.archive, .blog-toc h3.archive { background: rgb(221,214,216); line-height: 18px; } .toc h3.archive a, #toc h3.archive a, .blog-toc h3.archive a { color: rgb(81,81,81); } .toc h3.archive a:hover, #toc h3.archive a:hover, .blog-toc h3.archive a:hover { background: rgb(81,81,81); color: rgb(221,214,216); } body.insideArticle #bodyContent .blog-toc ul { width: 178px; margin: 0; padding: 9px 0; border: 1px solid rgb(221,214,216); border-top: 0; list-style: none; } ul.UATstyle { margin: 20px 0 5px; padding: 9px 0; border: 1px solid rgb(221,214,216); } body.tellafriend p.UATstyle, ul.UATstyle li { font-style: italic; color: rgb(80,80,80); } h6.UATstyle { font-size: .9em; } body.rinkListing #foot ul, body.insideArticle #foot ul { /*width: 100%; */} /* RINK LISTING */ body.rinkListing #bodyContent { margin: 0 0 0 110px;} /*updated*/ #listHead { position: relative; padding: 12px 16px 16px 16px; border-bottom: 1px solid rgb(170,174,178); margin-right: 306px; } #listHead h2 { font-size: 1.1em; color: rgb(86,94,101); } #listHead ul { margin: 12px 0 0 0; height: 35px; } #listHead li { float: left; height: 35px; margin: 0 15px 0 0; } #listHead li input.sub { margin: 12px 0 0 0; } #listHead .inpSmall { width: 100px; margin: 3px 0px 0px 0px;} #listHead label { display: block; font-size: .8em; line-height: 1; text-indent: 4px; } div#rinkDetail_tourn, div#rinkDetail, div.sponsorRink { position: relative; min-height: 85px; padding: 16px; background: rgb(228,241,247); border-bottom: 1px solid rgb(170,174,178); color: rgb(86,94,101); } div.sponsorTour { position: relative; min-height: 20px; padding: 5px 16px 5px 16px;} .rinkDetailTable { float:right; position: relative; min-height: 85px; padding: 1px; background: rgb(228,241,247); border-bottom: 1px solid rgb(170,174,178); color: rgb(86,94,101); } div#rinkDetail_tourn img, div#rinkDetail img, div.sponsorRink img { float: left; } div.sponsorRink div { margin: 0 0 0 95px; } div#rinkDetail_tourn h2, div#rinkDetail h2, div.sponsorRink h2 { font-size: 1.2em; font-weight: bold; } div#rinkDetail_tourn h3, div#rinkDetail h3, div.sponsorRink h3 { margin-bottom: 8px; font-size: 1em; } .noSpo a, ul.nonSponsored li a, div.sponsorRink a { color: rgb(86,94,101); } #bodyContent div.sponsorRink p { margin: 0; } a.tournDetails, a.ice, a.details { position: absolute; top: 50%; right: 135px; display: block; height: 19px; width: 95px; margin: -20px 0 0 0; background: url(/img/buttons/button-viewDetails.png) no-repeat 0 0; overflow: hidden; text-indent: -50000px; } a.map { position: absolute; top: 50%; right: 135px; display: block; height: 19px; width: 95px; margin: 1px 0 0 0; background: url(/img/buttons/button-viewMap.png) no-repeat 0 0; overflow: hidden; text-indent: -50000px; } a.fullmap {display:block;height: 19px; width: 100px; margin: 1px 0 0px 0px; background: url(/img/buttons/button-viewFullMap.png) no-repeat 5px 0; overflow: hidden; text-indent: -50000px;} a.tournDetails { width: 125px; margin: 0; background: url(/img/buttons/button-tournamentDetails.png) no-repeat 0 0; } a.emailButton { height: 19px; width: 52px; background: url(/img/buttons/button-email.png) no-repeat 0 0; overflow: hidden; text-indent: -50000px; } a.websiteButton { height: 19px; width: 75px; background: url(/img/buttons/button-website.png) no-repeat 0 0; overflow: hidden; text-indent: -50000px; margin-left: 5px; } ul.nonSponsored { margin: 0 0 16px; /*border-bottom: 1px solid rgb(170,174,178);*/ float: left; width: 100%; } .noSpo, ul.nonSponsored li { padding: 3px 16px 0; line-height: 21px; margin-right: 306px; } .noSpoAlt, table.rinkDetail tr.alt, ul.nonSponsored li.alt { background: rgb(232,236,238); } .rinkDetailTable tr.alt { background: rgb(232,236,238); } ul.listNav { height: 16px; margin: 16px; } ul.listNav li { float: left; margin: 0 8px 0 0; } a.prev { display: block; height: 15px; width: 59px; background: url(/img/buttons/button-previous.png) no-repeat 0 0; text-indent: -50000px; } a.next { display: block; height: 15px; width: 39px; background: url(/img/buttons/button-next.png) no-repeat 0 0; text-indent: -50000px; } /*RINK DETAIL*/ div#rinkDetail_tourn h2, div#rinkDetail h2 { font-size: 1.5em; } a.ice { right: 335px; background: url(/img/buttons/button-ice.png) no-repeat 0 0; } div#rinkDetail_tourn, div#rinkDetail { padding: 21px; border-bottom: 0; min-height: 200px;border-bottom: 1px solid rgb(144,153,160); width: 90%; } div#rinkDetail_tourn { min-height: 230px;} div#rinkDetail_tourn div, div#rinkDetail div { position: relative; margin: 0 0 0 200px; min-width: 350px; min-height: 180px;} .clearLeft { clear: left; } div#rinkDetail_tourn iframe, div#rinkDetail iframe { float: right; } a.tournList { display: block; margin: 4px; width: 154px; height: 19px; } table.rinkDetail { border-bottom: 1px solid rgb(144,153,160); color: rgb(116,127,136); } table.rinkDetail thead { background: rgb(217,223,227); } table.rinkDetail td, table.rinkDetail th { padding: 2px 24px; line-height: 18px; vertical-align: top; } table.rinkDetail th { padding: 2px 24px 0; border-bottom: 1px solid rgb(144,153,160); font-weight: bold; line-height: 21px; color: rgb(86,94,101); } table.rinkDetail tr:hover td { background: rgb(255,255,235); } table.rinkDetail p { margin: 11px 0; } table.rinkDetail p p { margin: 0 0 11px; } table.rinkDetail:last-child { border: 0; } table.rinkDetailTable { border-bottom: 1px solid rgb(144,153,160); color: rgb(116,127,136); } table.rinkDetailTable thead { background: rgb(217,223,227); } table.rinkDetailTable td, table.rinkDetailTable th { padding: 2px 24px; line-height: 18px; vertical-align: top; } table.rinkDetailTable th { background: rgb(217,223,227); padding: 2px 24px 0; border-bottom: 1px solid rgb(144,153,160); font-weight: bold; line-height: 21px; color: rgb(86,94,101); } table.rinkDetailTable tr:hover td { background: rgb(255,255,235); } table.rinkDetailTable p { margin: 11px 0; } table.rinkDetailTable p p { margin: 0 0 11px; } table.rinkDetailTable:last-child { border: 0; } /*Tell A friend*/ body.tellafriend { background:rgb(188,195,198) url(/img/backgrounds/background-site_tellFriend.png) repeat-x 0 0; } body.tellafriend .tellfriend { margin: 4px auto; background: white; font-size: 1.2em; line-height: 1.3; } body.tellafriend .tellfriend td { padding: 4px 8px; } body.tellafriend .tellfriend textarea { width: 384px; } /* COL 3 */ #col3 { float: right; margin-left: -306px; width: 300px; /*height: 1000px;*/ padding: 3px; } body.insideArticle #col3 { padding-top: 70px; } body.insideArticle #col2a #bodyContent, body.rinkListing #col2a #listhead, body.rinkListing #col2a div.noSpo, body.rinkListing #col2a div.sponsorRink { margin-right: 306px; } /* THESE SHOULD BE IN THE UAT STYLE SHEET */ #bodyContent ol { list-style-type: decimal; margin-left: 15px; } body.insideArticle #bodyContent ul { list-style: disc; margin-left: 15px; } body.insideArticle #bodyContent .toc ul { width: 298px; margin: 0; padding: 9px 0; border: 1px solid rgb(221,214,216); border-top: 0; list-style: none; } #bodyContent strong { font-weight: bold; } /* TEIR 4 (POLL) */ /*#tier4 { clear: left; width: 308px; margin: 8px 0 8px 648px; border: 1px solid rgb(86,94,101); background: rgb(86,94,101); }*/ #ballotBox { width: 300px; background: rgb(236,236,236); border: 1px solid rgb(86,94,101); } #ballotBox * { margin: 4px; } #ballotBox p { margin: 0; padding: 4px; background: rgb(86,94,101); font-size: 12px; line-height: 1.3; color: white; } #ballotBox td td { padding: 0 0 0 4px; font-size: 11px; } #ballotBox table input { font-size: 10px; } .pollTable th, .pollTable td { padding: 1px 5px; } .pollTable th { font-size: 10px; color: rgb(100,100,100); } img.pollBar { background: rgb(186,0,28); } img.pollBar1 { background: green; } h2.poll { font-size: 1.2em; font-weight: bold; } h3.posted { font-size: 10px; color: rgb(150,150,150); text-transform: uppercase;} /*SPLASH*/ #splash { position: absolute; top: 100px; left: 50%; z-index: 90000000; width: 800px; height: 515px; margin: 0 0 0 -400px; } .tab_mini_space { float: left; color: #555555; font-family: helvetica, arial, san-serif; font-size: 11px; font-weight: bold; text-align: center; white-space: nowrap; background-color: White; } .tab_mini_off { float: left; color: #555; font-family: helvetica, arial, san-serif; font-size: 11px; padding: 2px 2px 2px 2px; font-weight: bold; text-align: center; white-space: nowrap; background-color: #E8ECEE; border-top: 1px solid Silver; border-left: 1px solid Silver; border-right: 1px solid Silver; border-bottom: 1px solid Silver; } .tab_mini_on { float: left; color: #555; font-family: helvetica, arial, san-serif; font-size: 11px; padding: 2px 2px 2px 2px; font-weight: bold; text-align: center; white-space: nowrap; background-color: #A8ACAE; border-top: 1px solid Gray; border-left: 1px solid Gray; } #tabNavList { margin: 5px 1px 0px -5px; border: none; /*width: 700px;*/ height: 19px; padding: 0; } #blogForm { float: left; position: relative; width: 332px; text-align: left; font-family: "Myriad Pro", Myriad, "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Arial, Helvetica, sans-serif; } #blogFormTitles { float: left; position: relative; width: 125px; text-align: right; } #blogFormTitles div { margin-bottom: 7px; } #blogFormInput { float: left; margin-left: 7px; position: relative; width: 200px; text-align: left; } #blogFormInput input, #blogFormInput textarea { color: #000000; font-family: "Myriad Pro", Myriad, "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Arial, Helvetica, sans-serif; } #blogFormSubmit { float: left; position: relative; width: 75px; text-align: left; } #blogFormSubmit input { margin: 5px 0 0 40px; } #friendForm { float: left; position: relative; width: 357px; text-align: left; font-family: "Myriad Pro", Myriad, "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0; } #friendForm h1 { margin-left: 10px; font-size: 16pt; } #friendForm h2 { margin-left: 10px; font-size: 10pt; color: red; } #friendForm div { margin: 0 5px 5px 0; } #friendFormTitles { float: left; position: relative; width: 125px; text-align: right; } #friendFormTitles div { margin-bottom: 11px; } #friendFormInput { float: left; margin-left: 7px; position: relative; width: 200px; text-align: left; } #friendFormInput input { color: #000000; font-family: "Myriad Pro", Myriad, "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Arial, Helvetica, sans-serif; } #friendFormSubmit { float: left; position: relative; width: 100px; text-align: left; } #friendFormSubmit input { margin-left: 40px; } #adsDetailImg { padding-right: 5px; } #postForm { float: left; position: relative; width: 100%; height: 500px; margin: 0; background: #E4F1F7; padding: 10px 0 5px 10px; } #postFormTitles { float: left; width: 175px; height: 150px; margin: 0; } #postForm td { padding: 0 15px 10px 0; vertical-align: top; } #postFormTitles div { height: 34px; padding-right: 15px; } #postFormTitles div.textArea { padding-bottom: 31px; height: 60px; } #postFormInput { float: left; width: 150px; height: 250px; margin: 0; } #postFormInput div { height: 18px; } #postFormInput div.textArea { height: 70px; } #postFormInput textArea { font-family: "Myriad Pro", Myriad, "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; } #postFormInput input { font-family: "Myriad Pro", Myriad, "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11pt; } /*#postFormInput input, #postFormInput textarea, #postFormInput select { margin-bottom: 5px; }*/ .overlay { position: absolute; width: 399px; height: auto; border: 1px solid #000000; border-top: none; z-index: 10000; margin-top: -25px; background: url(/img/misc/trans_overlay.png) repeat-y 100% 0; behavior: url(/conf/css/pngbehavior.htc); } .overlay .overlayBG { margin-top: -15px; margin-left: -1px; } .overlay .insideOverlay { float: left; padding: 0px; cursor: pointer; } .overlay .insideOverlay td#insideImg img{ border: 1px solid #000000; margin: 5px; } .overlay .insideOverlay td#insideText { text-align: center; padding: 0; font-size: 14pt; width: 200px; margin: 0 auto; } div#rinkDetail #leftDesc { float:left; width: 575px; margin: 0; padding-right: 10px; } div#rinkDetail #leftDesc h5 { font-size: 10pt; margin: 3px 0 0 0; padding-bottom: 0; } div#rinkDetail #leftDesc h5 a { color: #BA001C; } div#rinkDetail #leftDesc h5 a:hover { color: #999999; } div#rinkDetail #leftDesc h5#overlayOpen { color: #BA001C; } div#rinkDetail #leftDesc img#ashnLogoLarge { padding-right: 15px; } div#rinkDetail #rightDesc { position: absolute; left: 600px; float: left; width: 350px; margin: 0 0 0 10px; } #rinkDetail_tourn img { margin-right: 15px; } #bodyContent p.td_description { position: relative; padding: 0; margin: 15px 0 0 0; width: 550px; } #tupperware div.emailposter { margin-left: 115px; } #tupperware div.emailposter h1 { font-weight: bold; font-size: 16pt; } #tupperware div.emailposter td { padding: 5px; font-size: 10pt; } #tupperware div.emailposter input { width: 200px; } #tupperware div.emailposter input.go { width: 85px; } #tupperware div.commentOverlay { position: absolute; top: 20px; left: 80px; border: solid 1px #CF0000; height: 280px; width: 400px; background: #FFFFFF; z-index: 1000000; } #tupperware div.commentOverlay .alertTitle { height: 18px; min-height: 18px; width: 400px; margin: 0; float: left; background: #BA001C; color: #FFFFFF; } #tupperware div.commentOverlay .alertTitle p#alertBoxTitle { float: left; margin: 0; padding-left: 5px; } #tupperware div.commentOverlay .alertTitle p#closeBox { float: right; margin: 0; padding-right: 5px; cursor: pointer; } #tupperware div.commentOverlay .infoArea { width: 390px; margin: 0; min-height: 0; float: left; padding: 5px; } #tupperware div.commentOverlayForm { width: 390px; margin: 0; float: left; padding: 5px; } #tupperware div.commentOverlayForm input.submitBtn { margin: 0; border: 1px solid #CF0000; background: #FFFFFF; } #tupperware div.commentOverlayForm th { padding-top: 7px; } #tupperware #companylinks { min-height: 0; margin: 0 0 0 280px; } #tupperware #bigBox { margin-left: -6px; } #rightFormPoll { margin-left: -6px; } .commentPopup { position: absolute; left: 120px; margin: 5px 0 0 0; height: 430px; width: 450px; background: #FFFFFF; border: 1px solid #000000; z-index: 5000000000; } .commentPopup h2 { color: #FFFFFF; text-indent: 8px; } .commentPopup h2 span { position: relative; top: -3px; font-size: 14px; } .commentPopup h2.titleBar { background: #BA001C; width: 100%; height: 24px; margin: 0; padding: 0; border-bottom: 1px solid #000000; } .commentPopup h2.titleBar a.close { margin: 0 0 0 265px; color: #FFFFFF; cursor: pointer; } .commentPopup .commentForm { margin: 10px; } .commentPopup .commentForm td { padding: 3px; } .border-below { width: 700px; margin: 10px 0 10px 0; border-bottom: 1px dashed #000000; } .blogImageAvatar { float: left; margin-right: 10px; } #bodyContent div.shortBlogArchives p { margin: 0; } #bodyContent div.shortBlogArchives ul { list-style: none; margin: 0; padding: 0; } #bodyContent div.shortBlogArchives ul li { margin: 0; padding: 0; } #td1 { width: 50px; } #td2 { width: 200px; } #td3 { width: 35px; } #td4 { width: 200px; } #td5 { width: 35px; } #td6 { width: 85px; } #td1, #td2, #td3, #td4, #td5, #td6 { clear: left; line-height: 14px; } ul.nonSponsoredAds li a { color: rgb(86,94,101); } ul.nonSponsoredAds li { color: rgb(86,94,101); padding: 3px 3px 3px 16px; line-height: 14px; margin-right: 306px; } ul.nonSponsoredAds li.alt { background: rgb(232,236,238); } ul.nonSponsoredAds { margin: 0 0 16px; float: left; width: 100%; } ul.nonSponsoredAds li a:hover { color: rgb(186,0,28); } body.rinkListing #col2a ul.nonSponsoredAds { margin-right: 306px; } body.insideArticle #bodyContent { margin: 0 0 0 105px;} .genericForm { float: left; width: 100%; margin: 0; background: #E4F1F7; padding: 10px 0 5px 10px; } .genericForm table { width: 500px; } .genericForm td { } .genericForm th { font-weight: bold; } .genericForm td, .genericForm th { padding: 2px 4px 4px 0; } .genericForm input.large { width: 350px; } .genericForm input.medium { width: 250px; } .genericForm input.small { width: 150px; } .genericForm select { width: 135px; } .genericForm textarea { width: 470px; } .genericForm2 { float: left; width: 100%; margin: 0 0 5px 0; background: #E4F1F7; padding: 10px 0 5px 10px; } .genericForm2 table { width: 535px; } .genericForm2 td { } .genericForm2 th { font-weight: bold; } .genericForm2 td, .genericForm2 th { padding: 2px 4px 4px 0; } .genericForm2 input.large { width: 375px; } .genericForm2 input.medium { width: 250px; } .genericForm2 input.small { width: 150px; } .genericForm2 select { width: 350px; } .genericForm2 select.small { width: 150px; } .genericForm2 select.date { width: 75px; } .genericForm2 textarea { width: 525px; height: 125px; } .genericForm3 { float: left; /*width: 100%;*/ margin: 0; background: #FFFFFF; padding: 10px 0 5px 10px; } .genericForm3 table { width: 180px; } .genericForm3 td { text-align: center; font-size: 10px; } .genericForm3 th { font-weight: bold; padding: 5px 0 5px 5px; } .genericForm3 td.sf-btn { padding: 10px 0 0 140px; text-align: left; } .genericForm3 th.t-pad1 { padding-top: 25px; } .genericForm3 th.t-pad2 { padding-top: 15px; } .genericForm3 td, .genericForm3 th { } .genericForm3 input.large { width: 350px; } .genericForm3 input.medium { width: 166px; } .genericForm3 input.small { width: 460px; } .genericForm3 select { width: 170px; } .genericForm3 select.date { width: 55px; } .genericForm3 textarea { width: 525px; height: 125px; } .sfWrapper { width: 825px; margin: 0px 0 0 35px; } .sfBox { width: 373px; height: 400px; float: left; margin: 0; border: 1px solid #000000; background: url(/img/backgrounds/small_backdrop2.png) repeat-x 0 345px; font-size: 11.5px; } .sfBox #sfap, .sfBox #sfat { width: 371px; height: 65px; border: 1px solid #FFFFFF; } .sfBox #sfap { background: url(/img/misc/tab-sfap.png) no-repeat 0 0; } .sfBox #sfat { background: url(/img/misc/tab-sfat.png) no-repeat 0 0; } .sfBox .innerWrapper { width: 364px; height: 285px; padding: 5px; display: block; } .sfBox .innerWrapper span { font-weight: bold; } .sfBox .innerWrapper .l-col, .sfBox .innerWrapper .r-col { width: 180px; height: 210px; float: left; margin-top: 15px; } .help-icon { margin: 0 0 -3px 5px; cursor: pointer; } #HF_wrapper { margin: 0 auto; width: 624px; height: auto; overflow: auto; } #HF_box_goalies, #HF_box_players, #HF_box_teams_need, #HF_box_teams_exib { width: 300px; height: 300px; border: 1px solid black; float: left; } #HF_box_goalies { margin-right: 20px; background: url(/img/backgrounds/background-goalies.jpg) no-repeat 0 0; } #HF_box_players { background: url(/img/backgrounds/background-players.jpg) no-repeat 0 0; } #HF_box_teams_need { margin: 20px 20px 0 0; background: url(/img/backgrounds/background-teamsInNeed.jpg) no-repeat 0 0; } #HF_box_teams_exib { margin-top: 20px; background: url(/img/backgrounds/background-teamsExhibition.jpg) no-repeat 0 0; } #HF_wrapper .title_blue { background: url(/img/backgrounds/background-title-blue.png) repeat-x 0 0; } #HF_wrapper .title_red { background: url(/img/backgrounds/background-title-red.png) repeat-x 0 0; } #HF_wrapper .title_blue, #HF_wrapper .title_red { margin: 0; padding: 0; width: 300px; height: 48px; text-align: center; } #HF_wrapper .title_blue h2, #HF_wrapper .title_red h2 { font-size: 18px; color: white; font-weight: bold; } #HF_wrapper .title_blue h3, #HF_wrapper .title_red h3 { font-size: 14px; color: white; font-weight: bold; } #HF_wrapper .btn_wrapper { position: relative; margin: 211px 0 0 0; padding: 2px; width: 296px; height: 37px; background: white; font-size: 12px; } #HF_wrapper .btn_wrapper a { color: white; } #HF_wrapper .btn_wrapper a.oneline { position: relative; top: 10px; } #HF_wrapper .btn_wrapper a.twoline { position: relative; top: 3px; } #HF_wrapper .btn_wrapper .btn_half_blue, #HF_wrapper .btn_wrapper .btn_half_red { width: 147px; height: 37px; float: left; text-align: center; cursor: pointer; } #HF_wrapper .btn_wrapper .btn_half_red:hover { background: url(/img/backgrounds/button-red-hover.png) repeat-x 0 0; } #HF_wrapper .btn_wrapper .btn_half_blue { background: url(/img/backgrounds/button-blue.png) repeat-x 0 0; } #HF_wrapper .btn_wrapper .btn_half_blue:hover { background: url(/img/backgrounds/button-blue-hover.png) repeat-x 0 0; } #HF_wrapper .btn_wrapper .btn_half_red { background: url(/img/backgrounds/button-red.png) repeat-x 0 0; } #HF_wrapper .btn_wrapper .btn_whole_blue { width: 296px; height: 37px; background: url(/img/backgrounds/button-blue.png) repeat-x 0 0; text-align: center; cursor: pointer; } #HF_wrapper .btn_wrapper .btn_whole_blue:hover { background: url(/img/backgrounds/button-blue-hover.png) repeat-x 0 0; } .marginRight { margin-right: 2px; } .skillsLegendPopup { display: none; position: absolute; width: 175px; height: 17px; padding: 5px; border: 2px solid #000; cursor: pointer; background: #F1BDBD; } .sfWrapper #left { margin-right: 50px; } .legend { width: 790px; position: relative; top: 15px; margin: 0 0 0 35px; padding: 5px; clear: both; border: 1px solid #000; } .legendAlt { margin: 0; padding: 5px; } #ashn_newsTicker { height: 66px; width: 310px; float: left; border: 1px solid rgb(87,95,98); background: url(/img/misc/newsticker.png) no-repeat 0 0; } h2.tableTitle { padding: 5px 5px 10px 0; font-size: 1.4em; font-weight: bold; color: #000000; } .playsLeft { width: 30px; text-align: center; float: left; margin-left: 30px; } .playsRight { width: 30px; text-align: center; float: left; margin-left: 40px; } .playsLeft input[type=radio], .playsRight input[type=radio] { margin-left: 17px; } .addpt { width: 373px; height: 38px; } .addpt p { text-align: center; font-size: 11.5px; margin: 0 7px 0 7px; } .addpt p a { color: #000; } .addpt p a:hover { color: #BA001C; } .addpt p span { color: #BA001C; } h1.pageTitle { font-size: 20px; } .td_notification {text-align: left; vertical-align: middle; height: 40px;} .genericForm2 select.searchDrop { width: 190px !important; } .genericForm2 input.searchInput { width: 187px; } .genericForm2 table.table1 { width: 590px; } #cse-search-results{float:right;margin-left:20px;width:795px;}