/* Header & Top Nav */ #cnnHeader { position:relative; float:left; width:1000px; height:74px; z-index:1000; background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') 0 0 no-repeat; } #cnnLogoLink { display:block; position:absolute; float:left; top:10px; left:8px; width:200px; height:23px; background:none; padding:0; } #cnnLogin { position:absolute; float:right; top:49px; right:6px; text-align:right; font:bold 11px "Lucida Grande",arial,sans-serif; text-transform:uppercase; color:#000;} #cnnLogin a, #cnnLogin a:link, #cnnLogin a:hover, #cnnLogin a:active, #cnnLogin a:visited { color:#900; background:none; padding:0 2px; } #cnnLoginOverlay { position:absolute; top:40px; left:560px; width:440px; height:29px; z-index:1; margin:0; float:right; background:#000; color:#fff; display:block; } #cnnLoginFrm { position:relative; top:4px; left:8px; font:10px arial; text-transform:uppercase;color:#666; } #cnnLoginFrm a, #cnnLoginFrm a:link, #cnnLoginFrm a:hover, #cnnLoginFrm a:active, #cnnLoginFrm a:visited { color:#fff; } .cnnLoginEmail, .cnnLoginPassword { width:150px; margin-right:8px; } .cnnLoginBtn { padding:0; vertical-align:middle; width:35px; height:20px;position:relative;top:-2px; } #cnnSearch { position:absolute; float:right; right:6px; top:6px; width:279px; height:22px; padding:0; margin:0; } #cnnSearch input { height:0; width:0; margin:0; padding:0;} #cnnSearch .cnnInput { position:relative; float:none;background:transparent url('http://i.cdn.turner.com/nascar/.e/img/2.0/global/util/sprite_wrapper.gif') -563px 0 no-repeat; width:205px; top:-2px; height:14px; background:none; border:0;color:#999; } #cnnSearch .cnnSubmit { position:relative; float:none; left:1px; top:4px; width:64px; height:21px; margin:0; } #cnnTopNav { position:absolute; top:43px; left:2px; width:739px; height:24px; margin:0; padding:0; background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') 0 -122px no-repeat; margin:0; padding:0; } #cnnTopNav ul { list-style:none; margin:0 4px 4px; padding:0; } #cnnTopNav a, #cnnTopNav a:link, #cnnTopNav a:hover, #cnnTopNav a:active, #cnnTopNav a:visited, #cnnTopNav li { display:block; position:relative; float:left; font:bold 14px arial; color:#000; text-transform:uppercase; text-align:center; cursor:pointer; height:24px; line-height:24px; margin:0; padding:0; background:transparent; } #cnnTopNav a:hover { color:#fff; text-decoration:none; } #cnnNews a { width:61px; } #cnnNews a:hover { background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') 0 -98px no-repeat; } #cnnVideo a { width:64px; } #cnnVideo a:hover { background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') -60px -98px no-repeat; } #cnnDrivers a { width:78px; } #cnnDrivers a:hover { background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') -124px -98px no-repeat; } #cnnStandings a { width:98px; } #cnnStandings a:hover { background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') -203px -98px no-repeat; } #cnnSchedule a { width:94px; } #cnnSchedule a:hover { background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') -301px -98px no-repeat; } #cnnFantasy a { width:79px; } #cnnFantasy a:hover { background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') -395px -98px no-repeat; } #cnnCommunity a { width:103px; } #cnnCommunity a:hover { background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') -474px -98px no-repeat; } #cnnTrackpass a { width:101px; } #cnnTrackpass a:hover { background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') -577px -98px no-repeat; } #cnnShop a { width:61px; } #cnnShop a:hover { background:url('http://i.cdn.turner.com/nascar/.element/img/2.1/global/util/sprite.png') -678px -98px no-repeat; } /********************************************************* * Nascar Homepage Navigation Menu * Author: Al McNichol * Date: 11/22/2008 * * Dependency: * Used in conjunction with "cnnMenu3.js" to build the menu * * Change History: * 11/24/2008 - Created * 12/05/2008 - Updated/consolidated by Dave Young */ /* Set position absolute/relative to sprite */ #ocnnNews, #ocnnVideo, #ocnnDrivers, #ocnnStandings, #ocnnSchedule, #ocnnFantasy, #ocnnCommunity, #ocnnTrackpass, #ocnnShop { position:absolute; top:69px; z-index:10; visibility:visible; cursor:pointer; border-left:1px solid #fff; border-right:1px solid #fff; background:#e7e7e7; padding:0 2px 2px; } #ocnnNews { left:2px; } #ocnnVideo { left:63px; } #ocnnDrivers { left:128px; } #ocnnStandings { left:206px; } #ocnnSchedule { left:304px; } #ocnnFantasy { left:398px; } #ocnnCommunity { left:477px; } #ocnnTrackpass { left:580px; } #ocnnShop { left:681px; } /* remove bullets and list indents */ #ocnnNews ul, #ocnnVideo ul, #ocnnDrivers ul, #ocnnStandings ul, #ocnnSchedule ul, #ocnnFantasy ul, #ocnnCommunity ul, #ocnnTrackpass ul, #ocnnShop ul { list-style:none; margin:0; padding:0; background:#f2f2f2; } #ocnnNews li, #ocnnVideo li, #ocnnDrivers li, #ocnnStandings li, #ocnnSchedule li, #ocnnFantasy li, #ocnnCommunity li, #ocnnTrackpass li, #ocnnShop li { list-style:none; margin:0 4px; padding:0 4px; background:#fff; } /* style, color and size links and headings to suit */ #ocnnNews a, #ocnnVideo a, #ocnnDrivers a, #ocnnStandings a, #ocnnSchedule a, #ocnnFantasy a, #ocnnCommunity a, #ocnnTrackpass a, #ocnnShop a { font:12px/25px "arial","lucidagrande","lucida grande","verdana"; color:#666; display:block; margin:0; padding:0 5px; cursor:pointer; border-bottom:1px solid #999999; background:#fff; width:140px; height:25px; } * html #ocnnNews a, * html #ocnnVideo a, * html #ocnnDrivers a, * html #ocnnStandings a, * html #ocnnSchedule a, * html #ocnnFantasy a, * html #ocnnCommunity a, * html #ocnnTrackpass a, * html #ocnnShop a { width:150px; overflow:hidden; } #ocnnNews a.cnnLastLink, #ocnnVideo a.cnnLastLink, #ocnnDrivers a.cnnLastLink, #ocnnStandings a.cnnLastLink, #ocnnSchedule a.cnnLastLink, #ocnnFantasy a.cnnLastLink, #ocnnCommunity a.cnnLastLink, #ocnnTrackpass a.cnnLastLink, #ocnnShop a.cnnLastLink { border:0; } #ocnnNews a:hover, #ocnnVideo a:hover, #ocnnDrivers a:hover, #ocnnStandings a:hover, #ocnnSchedule a:hover, #ocnnFantasy a:hover, #ocnnCommunity a:hover, #ocnnTrackpass a:hover, #ocnnShop a:hover { text-decoration:none; font-weight:bold; color:#333; background:#ececec; }