/* Start of CMSMS style sheet 'main' */ body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color:#000000; background:#000000;} td { color:#DDDDDD; } .title { color:#FFFFFF; font-weight:bold;} /* UTILITY STYLES */ .floatLeft { float: left; margin-right: 10px;} .floatRight { float: right; } .clear { clear: both; } a { outline: none; } /* TYPOGRAPHY */ ul { list-style: square inside; } a, a:visited { color: #FF0000; text-decoration: none; } a:hover, a:active { color: white; } blockquote { padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; font-family: Georgia, serif; font-style: italic; margin-top: 10px;} /* SLIDER */ .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer { position: relative; overflow: hidden; width: 910px; height: 374px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 374px; position: relative; width: 910px; } .stripNavL, .stripNavR, .stripNav { display: none; } .nav-thumb { border: 0; margin-right: 5px; } #movers-row { margin: -25px 0 0 800px; } #movers-row div { width: 30px; float: left; } #movers-row div a.cross-link { float: right; } .photo-meta-data { background: url(img/bg_raceinfo.png) no-repeat; width: 179px; height: 351px; position: absolute; z-index: 999; margin-top: 23px;} .cross-link { display: block; width: 20px; margin-top: -15px; position: relative; padding-bottom: 3px; z-index: 999; } .active-thumb { background-color: #FF0000; border: 0;} /* Mouseover button */ .register a { display:block; width: 169px; text-decoration: none; } .register a:hover { background-position: 0 -43px; background: url("img/but_raceinfo_register_on.png") 0 0 no-repeat;} .racedetails a { display:block; width: 169px; text-decoration: none; } .racedetails a:hover { background-position: 0 -43px; background: url("img/but_raceinfo_racedetails_on.png") 0 0 no-repeat;} .officalpacers a { display:block; width: 169px; text-decoration: none; } .officalpacers a:hover { background-position: 0 -43px; background: url("img/but_raceinfo_officalpacers_on.png") 0 0 no-repeat;} .competitorlist a { display:block; width: 169px; text-decoration: none; } .competitorlist a:hover { background-position: 0 -43px; background: url("img/but_raceinfo_competitorlist_on.png") 0 0 no-repeat;} .oversearunner a { display:block; width: 169px; text-decoration: none; } .oversearunner a:hover { background-position: 0 -43px; background: url("img/but_raceinfo_oversearunner_on.png") 0 0 no-repeat;} .specatorguide a { display:block; width: 169px; text-decoration: none; } .specatorguide a:hover { background-position: 0 -43px; background: url("img/but_raceinfo_specatorguide_on.png") 0 0 no-repeat;} .officialmerchandise a { display:block; width: 169px; text-decoration: none; } .officialmerchandise a:hover { background-position: 0 -43px; background: url("img/but_raceinfo_officialmerchandise_on.png") 0 0 no-repeat;} .ultramarathoners a { display:block; width: 169px; text-decoration: none; } .ultramarathoners a:hover { background-position: 0 -43px; background: url("img/but_halloffame_2009ultramarathoners_on.png") 0 0 no-repeat;} .ultramarathonerss a { display:block; width: 169px; text-decoration: none; } .ultramarathonerss a:hover { background-position: 0 -43px; background: url("img/but_halloffame_2008ultramarathoners_on.png") 0 0 no-repeat;} .raceresults a { display:block; width: 169px; text-decoration: none; } .raceresults a:hover { background-position: 0 -43px; background: url("img/but_halloffame_2009raceresults_on.png") 0 0 no-repeat;} .raceresultss a { display:block; width: 169px; text-decoration: none; } .raceresultss a:hover { background-position: 0 -43px; background: url("img/but_halloffame_2008raceresults_on.png") 0 0 no-repeat;} .trainingadvice a { display:block; width: 169px; text-decoration: none; } .trainingadvice a:hover { background-position: 0 -43px; background: url("img/but_training_trainingadvice_on.png") 0 0 no-repeat;} .askcoachsundown a { display:block; width: 169px; text-decoration: none; } .askcoachsundown a:hover { background-position: 0 -43px; background: url("img/but_training_askcoachsundown_on.png") 0 0 no-repeat;} .trainingruns a { display:block; width: 169px; text-decoration: none; } .trainingruns a:hover { background-position: 0 -43px; background: url("img/but_training_trainingruns_on.png") 0 0 no-repeat;} .bibauction a { display:block; width: 169px; text-decoration: none; } .bibauction a:hover { background-position: 0 -43px; background: url("img/but_charity_bibauction_on.png") 0 0 no-repeat;} .bibauctions a { display:block; width: 169px; text-decoration: none; } .bibauctions a:hover { background-position: 0 -43px; background: url("img/but_charity_bibauction09_on.png") 0 0 no-repeat;} .bibauctionss a { display:block; width: 169px; text-decoration: none; } .bibauctionss a:hover { background-position: 0 -43px; background: url("img/but_charity_bibauction08_on.png") 0 0 no-repeat;} .photogallery a { display:block; width: 169px; text-decoration: none; } .photogallery a:hover { background-position: 0 -43px; background: url("img/but_gallery_photogallery_on.png") 0 0 no-repeat;} .videogallery a { display:block; width: 169px; text-decoration: none; } .videogallery a:hover { background-position: 0 -43px; background: url("img/but_gallery_videogallery_on.png") 0 0 no-repeat;} .raceeventnews a { display:block; width: 169px; text-decoration: none; } .raceeventnews a:hover { background-position: 0 -43px; background: url("img/but_newsdeals_raceeventnews_on.png") 0 0 no-repeat;} .promotions a { display:block; width: 169px; text-decoration: none; } .promotions a:hover { background-position: 0 -43px; background: url("img/but_newsdeals_promotions_on.png") 0 0 no-repeat;} .newsletter a { display:block; width: 169px; text-decoration: none; } .newsletter a:hover { background-position: 0 -43px; background: url("img/but_newsdeals_newsletter_on.png") 0 0 no-repeat;} .pressreleases a { display:block; width: 169px; text-decoration: none; } .pressreleases a:hover { background-position: 0 -43px; background: url("img/but_newsdeals_pressreleases_on.png") 0 0 no-repeat;} .registrationinformation a { display:block; width: 169px; text-decoration: none; } .registrationinformation a:hover { background-position: 0 -43px; background: url("img/but_faqs_registrationinfomation_on.png") 0 0 no-repeat;} .abouttherace a { display:block; width: 169px; text-decoration: none; } .abouttherace a:hover { background-position: 0 -43px; background: url("img/but_faqs_abouttherace_on.png") 0 0 no-repeat;} .pricing a { display:block; width: 169px; text-decoration: none; } .pricing a:hover { background-position: 0 -43px; background: url("img/but_faqs_pricing_on.png") 0 0 no-repeat;} .athletesupport a { display:block; width: 169px; text-decoration: none; } .athletesupport a:hover { background-position: 0 -43px; background: url("img/but_faqs_athletesupport_on.png") 0 0 no-repeat;} .transportation a { display:block; width: 169px; text-decoration: none; } .transportation a:hover { background-position: 0 -43px; background: url("img/but_faqs_transportation_on.png") 0 0 no-repeat;} .raceprizes a { display:block; width: 169px; text-decoration: none; } .raceprizes a:hover { background-position: 0 -43px; background: url("img/but_faqs_raceprizes_on.png") 0 0 no-repeat;} .team a { display:block; width: 169px; text-decoration: none; } .team a:hover { background-position: 0 -43px; background: url("img/but_faqs_team_on.png") 0 0 no-repeat;} .training a { display:block; width: 169px; text-decoration: none; } .training a:hover { background-position: 0 -43px; background: url("img/but_faqs_training_on.png") 0 0 no-repeat;} .onlinesecurity a { display:block; width: 169px; text-decoration: none; } .onlinesecurity a:hover { background-position: 0 -43px; background: url("img/but_faqs_onlinesecurity_on.png") 0 0 no-repeat;} /* CSS Drop Down Menu */ /* Easy Slider */ #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:20px;} #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:722px; height:148px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:10px; position:absolute; left:-30px; z-index:1000; } #nextBtn, #slider1next{ left:722px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0; } /* numeric controls */ ol#controls{ margin-top:-134px; margin-left: 650px; padding:0; height:0; list-style:none; } ol#controls li{ margin: 0; padding:0 10px 0 0; float:left; list-style:none; height:1px; list-style:none; } ol#controls li a{ float:left; height:5px; border:1px solid #FF0000; background:#000000; color:#000000; padding-right:2px; padding-left:2px; padding-bottom:6px; text-decoration:none; list-style:none; } ol#controls li.current a{ background:#FF0000; color:#FF0000; list-style:none; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none; list-style:none;} /* // Easy Slider */ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; float: left; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; z-index: 1020; cursor: default; width: 166px; position: absolute; left: -1000em; background-color:#2c2c2c; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: 150px; padding: 8px; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul { border: 1px solid #333333; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; padding: 0; color: #FFFFFF; text-decoration: none; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { color: #FF0000; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { color: #FF0000; background-color:#000000; } /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu { margin: 0px; } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; float: left; background: #2c2c2c; } } /* Hide expand faq */ div.collapse{ width: 670px; margin-top: -5px;} div.collapse-container{ width: 670px; height: 100%; padding: 10px; background-color:#333333;} .faqs {list-style-type:none; margin-left:-30px;} /* End of 'main' */