/* @override http:// http://theglirc.org/assets/templates/glirc/css/main.css */ /*------------------------------------------------------------------------------------- [Master Stylesheet] Project: GLIRC - Greater Long Island Running Club Version: 1.0 Created by: Chase Design Inc. ------------------------------------------------------ [Table of Contents] 1. Main 2. Elements 3. Format 4. Header 5. Boxes 6. Home 7. About 8. Articles 9. Events 10. Photos 11. Contact ------------------------------------------------------ [fonts] headers: "Trebuchet MS", Arial, Helvetica, sans-serif; [colors] green: #004f56; bg green: #dce7e8; bg green border: #bdd1d3; --------------------------------------------------------------------------------------*/ /* ==================== MAIN ==================== */ /* Universal --------- */ body { background:#51878c url(../images/bg-80x279.gif) repeat-x top; margin:0px; padding:0 0 20px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; font-size:13px; } a img { border:none; text-decoration:none; } a { color:#004f56; text-decoration:none; } a:hover { text-decoration:underline; } h2 { font-size:22px; padding:15px 0 8px 0; text-transform:uppercase; color:#004f56; border-bottom:1px solid #999999; font-weight:100; margin:0px; } h3 { color:#004f56; font-weight:700; font-size:24px; margin:0px; } h4 { color:#004f56; font-weight:700; font-size:18px; margin:0px; } hr { border-color:#DDDDDD; border-style:solid none none; border-width:1px medium medium; height:1px; } .clear { height:0px; line-height:0px; font-size:0px; clear:left; } .clear-right { height:0px; line-height:0px; font-size:0px; clear:right; } /**/ .ttl { background:url(../images/icon-runners-71x57.gif) no-repeat 0 12px; height:60px; padding:15px 0 0 90px; border-bottom:1px solid #999999; } .ttl div.breadCrumbs { font-size:12px; color:#666666; } .ttl h1 { margin:0px; padding:10px 0 0 0; font-weight:100; font-size:22px; text-transform:uppercase; color:#004f56; } /* Link icons --------- */ .lnk { background-repeat:no-repeat; padding:2px 0 2px 25px; } .lnkEmail { background-image:url(../images/icons-articles-19x105.gif); background-position:0 2px; } .lnkFav { background-image:url(../images/icons-articles-19x105.gif); background-position:0 -85px; } .lnkPrint { background-image:url(../images/icons-articles-19x105.gif); background-position:0 -43px; } /**/ #dash-top a.lnk { background-image:url(../images/icons-dash-24x493.gif); padding-left:30px; } .lnkMessages { background-position:0 1px; } .lnkFriends { background-position:0 -52px; } .lnkAlbums { background-position:0 -113px; } .lnkPhoto { background-position:0 -163px; } .lnkBlog { background-position:0 -215px; } .lnkProfile { background-position:0 -268px; } .lnkEvents { background-position:0 -319px; } .lnkGroups { background-position:0 -370px; } .lnkSettings { background-position:0 -425px; } .lnkCancel { background-position:0 -473px; } /* ==================== ELEMENTS ==================== */ /* paginator --------- */ .paginator { text-align:right; font-size:17px; padding:10px 0; } .paginator span { float:left; } .paginator span a { padding:2px 7px; margin-left:5px; } .paginator span a.active { background-color:#004f56; color:#FFFFFF; } /* Sort By --------- */ .sortBy { padding:10px 0 20px 0; border-bottom:1px solid #ddd; } .sortBy a { margin:0 5px; } /* ==================== FORMAT ==================== */ /* body --------- */ #bg { background:url(../images/bg-shadow-stretch-1030x100.gif) repeat-y top center; } #bg2 { background:url(../images/bg-shadow-top-1030x279.gif) no-repeat top center; } #main { width:1000px; margin:0 auto; background:#FFFFFF; } /* Content --------- */ #content { padding:10px 10px 0 10px; } #content div.col3a { float:left; width:235px; padding:0 10px 0 0; } #content div.col3a .box h2 { width:215px; } #content div.col3b { float:left; width:535px; padding:0 10px 0 0; } #content div.col3c { float:left; width:190px; } #content div.col3c .box h2 { width:170px; } #content div.col2a { float:left; width:770px; padding:0 20px 0 0; } #content div.col1b { float:left; width:540px; padding:15px 20px 0 20px; } #content div.col1b2 { width:560px; padding-right:0px; } #content div.glirc-ads { padding-bottom: 15px; } /**/ .col2Content { padding:10px 25px 0 25px; } .col2Content p { line-height:1.3em; font-size:14px; margin:0px; padding:10px 0; color:#666666; } /**/ #content div.last { border:none; } /* Forms --------- */ div.dup-events { padding-left: 25px;} #content div.col2a div.dup-events span.textfontClass { display: block;} #content div.col2a div.dup-events strong.titleMulti { font-size: 22px; color: #004f56; display: block;} #content div.col2a div.dup-events h1 { margin-bottom: 0;} #forms { width:100%; padding:15px 0; } #forms tr { vertical-align:top; } #forms tr td { padding:8px 5px; } #forms tr td label { text-align:right; display:block; color:#004f56; font-weight:700; font-size:16px; padding-top:2px; } #forms tr td.field { width:70%; } #forms tr td.field input, #forms tr td.field textarea { width:70%; border:1px solid #999999; padding:4px; } #forms tr td.field select { width:73%; border:1px solid #999999; padding:4px;} #forms tr td.verify img { border:1px solid #CCCCCC; } /* ==================== HEADER ==================== */ #header { background:#FFFFFF url(../images/menu-bg-50x47.gif) repeat-x bottom; height:173px; } #header div.logo { width:176px; float:left; padding:21px 0 0 0; } #header div.logo img { position:relative; left:10px; } #header div.menuArea { width:824px; height:173px; float:left; } #header div.menuArea div.logoTag { width:290px; height:85px; float:left; padding:45px 0 0 9px; } /**/ #header div.menuArea div.top { width:525px; height:130px; float:left; text-align:right; } #header div.menuArea div.top div.status { height:37px; padding:15px 10px 0 0; } #header div.menuArea div.top div.status span { margin-right:15px; } /* Search --------- */ #header div.menuArea div.top div.search { height:48px; float:right; } #header div.menuArea div.top div.search form { background:url(../images/icon-search-26x25.gif) no-repeat 0 0; text-align:left; padding:0 10px 0 35px; } #header div.menuArea div.top div.search form input { font-size:12px; padding:4px; position:relative; bottom:10px; } #header div.menuArea div.top div.search form input.btn { width:76px; height:29px; position:static; padding:0px; } /* Sub Nav --------- */ #header div.menuArea div.top ul.subNav { color:#004f56; font-size:13px; line-height:30px; padding:0 0 0 56px; margin:0px; list-style:none; height:30px; display:inline; background:url(../images/bg-sub-56x30.gif) no-repeat 0 0; float:right; } #header div.menuArea div.top ul.subNav li { background:#f5a147; float:left; padding:0; } #header div.menuArea div.top ul.subNav li a { margin:0; padding:0px 13px; height:30px; border-right:1px solid #004f56; } #header div.menuArea div.top ul.subNav li.last a { border:none; } /* Menu --------- */ #header div.menuArea ul.menu { margin:0px; padding:0 0 0 10px; list-style:none; } #header div.menuArea ul.menu li { float:left; } #header div.menuArea ul.menu li a { display:block; background-image:url(../images/menu-786x86.gif); background-repeat:no-repeat; height:43px; } #header div.menuArea ul.menu li a span { display:none; } #header div.menuArea ul.menu li.menuMembers a { width:152px; background-position:0 0; } #header div.menuArea ul.menu li.menuGroups a { width:102px; background-position:-152px 0; } #header div.menuArea ul.menu li.menuArticles a { width:106px; background-position:-252px 0; } #header div.menuArea ul.menu li.menuEvents a { width:91px; background-position:-358px 0; } #header div.menuArea ul.menu li.menuPhotos a { width:99px; background-position:-449px 0; } #header div.menuArea ul.menu li.menuAbout a { width:142px; background-position:-548px 0; } #header div.menuArea ul.menu li.menuResults a { width:95px; background-position:-690px 0; } /**/ #header div.menuArea ul.menu li.menuMembers a:hover { background-position:0 -43px; } #header div.menuArea ul.menu li.menuGroups a:hover { background-position:-152px -43px; } #header div.menuArea ul.menu li.menuArticles a:hover { background-position:-252px -43px; } #header div.menuArea ul.menu li.menuEvents a:hover { background-position:-358px -43px; } #header div.menuArea ul.menu li.menuPhotos a:hover { background-position:-449px -43px; } #header div.menuArea ul.menu li.menuAbout a:hover { background-position:-548px -43px; } #header div.menuArea ul.menu li.menuResults a:hover { background-position:-690px -43px; } /* Login Menu --------- */ #header div.menuArea ul.menu2 { margin:0px; padding:0 0 0 10px; list-style:none; } #header div.menuArea ul.menu2 li { float:left; } #header div.menuArea ul.menu2 li a { display:block; background-image:url(../images/membership-menu-396x86.gif); background-repeat:no-repeat; height:43px; } #header div.menuArea ul.menu2 li a span { display:none; } #header div.menuArea ul.menu2 li.menuSign a { width:107px; background-position:0 0; } #header div.menuArea ul.menu2 li.menuPay a { width:113px; background-position:-107px 0; } #header div.menuArea ul.menu2 li.menuVerify a { width:89px; background-position:-220px 0; } #header div.menuArea ul.menu2 li.menuFinish a { width:87px; background-position:-309px 0; } /**/ #header div.menuArea ul.menu2 li.menuSign a.active { background-position:0 -43px; } #header div.menuArea ul.menu2 li.menuPay a.active { background-position:-107px -43px; } #header div.menuArea ul.menu2 li.menuVerify a.active { background-position:-220px -43px; } #header div.menuArea ul.menu2 li.menuFinish a.active { background-position:-309px -43px; } /* ==================== FOOTER ==================== */ /* Format --------- */ #footer { background:url(../images/bg-shadow-bottom-1031x23.gif) no-repeat top center; text-align:center; color:#FFFFFF; padding:25px 0 0 0; text-transform:uppercase; font-size:11px; line-height:1.7em; position:relative; bottom:10px; left:1px; } #footer a { color:#FFFFFF; margin:0 5px; } #footer span { margin:0 10px; } /* ==================== BOXES ==================== */ /* Format --------- */ .box { background-color:#ddd; padding:0 0 10px 0; margin-bottom:15px; } .box h2 { margin:0px; padding:10px; background-color:#004f56; color:#FFFFFF; text-transform:uppercase; font-weight:100; font-size:18px; border-bottom:2px solid #f9c146; } .box span.more { display:block; text-align:right; padding:0px 10px 0 0; font-weight:700; } /* Become a Member --------- */ #box-join { background:#004f56 url(../images/box-join-190x237.jpg) no-repeat 0 0; width:190px; height:179px; margin-bottom:15px; color:#FFFFFF; padding:58px 0 0 0; text-align:center; } #box-join ul { margin:0px; padding:5px 5px; list-style:none; font-size:11px; text-align:left; } #box-join ul li { margin:0px; padding:3px 0; line-height:normal; } #box-join span { display:block; padding:8px 0 0 0; } #box-join a { color:#FFFFFF; text-decoration:underline; } /* New Members --------- */ .box div.b-newMembers { padding:10px 0 0 8px; line-height:30px } .box div.b-newMembers a { margin:0 4px 0 3px; } /* Upcoming Events --------- */ .box div.b-events { border-bottom:1px solid #999999; padding:7px 5px 10px 5px; } .box div.b-events div.b-events-cal { background:url(../images/icon-calendar-55x54.gif) no-repeat 0 0; width:55px; height:54px; float:left; } .box div.b-events div.b-events-cal span { display:block; color:#FFFFFF; text-align:center; text-transform:uppercase; font-size:10px; padding-top:8px; } .box div.b-events div.b-events-cal div { text-align:center; font-size:22px; padding-top:4px; } .box div.b-events div.b-events-info { width:160px; float:left; padding:5px 0 0 8px; font-size:12px; } .box div.b-events div.b-events-info a { font-size:14px; font-weight:700; } .box div.b-events div.b-events-info span { font-size:14px; display:block; } /* Posts --------- */ .box div.b-posts { border-bottom:1px solid #999999; padding:7px 5px 10px 5px; } .box div.b-posts div.b-posts-thumb { width:55px; height:50px; float:left; text-align:center; padding-top:4px; } .box div.b-posts div.b-posts-thumb img { border:3px solid #FFFFFF; } .box div.b-posts div.b-posts-info { width:160px; float:left; padding:5px 0 0 8px; font-size:12px; } .box div.b-posts div.b-posts-info a { font-size:14px; font-weight:700; } .box div.b-posts div.b-posts-info span { font-size:14px; display:block; } .box div.b-posts div.b-posts-info a.b-user { font-weight:100; text-decoration:underline; font-size:12px; } /* Latest Results --------- */ .box div.b-results strong { display:block; text-align:center; padding:10px 0 0 0; } .box div.b-results ul { margin:0px; padding:5px 5px 10px 10px; list-style:none; } .box div.b-results ul li { padding:5px 0; } .box div.b-results ul li a { font-size:16px; } .box div.b-results ul li span { font-size:12px; } /* Sponsors --------- */ .box div.b-sponsors strong { display:block; text-align:center; padding:10px 0 0 0; } .box div.b-sponsors ul { margin:0px; padding:5px 5px 0px 10px; list-style:none; } .box div.b-sponsors ul li { padding:6px 0; } .box div.b-sponsors ul li a { font-size:13px; text-decoration:underline; } /* Contact --------- */ .box div.b-contact { padding:10px 0 0 0; font-size:14px; } .box div.b-contact strong { display:block; padding:0 10px; } .box div.b-contact p { padding:0 10px; margin:0px; padding:3px 10px 10px 10px; } .box div.b-contact div { border-top:1px solid #999999; padding:10px; font-weight:700; } .box div.b-contact div span { color:#004f56; } /* Basic list --------- */ .box div.b-list { border-bottom:1px solid #999999; padding:7px 5px 10px 15px; } .box div.b-list strong { display:block; } .box div.b-list a:hover strong { text-decoration:underline; } /* Plain --------- */ .box div.b-plain { padding:7px 5px 10px 15px; } .box div.b-plain strong { } .box div.b-plain a:hover strong {} /* Search Box --------- */ .s-box { border:1px solid #666666; font-weight:700; color:#004f56; } .s-box h2 { background-color:#eee; margin:0px; padding:5px; font-size:13px; text-transform:none; font-weight:700; border-bottom:1px solid #ddd; } .s-box form { margin:0px; padding:5px 10px; } .s-box label { display:block; padding:10px 0; } .s-box label input { margin:3px 0; } .s-box form div { text-align:center; padding:10px 0; } /* Search Box --------- */ #ajaxSearch_resultListContainer { width: 650px; margin-right: auto; margin-left: auto;} a.ajaxSearch_resultLink { font-size: 18px; padding-bottom: 5px;} #ajaxSearch_resultListContainer div.ajaxSearch_result div.ajaxSearch_extract p { margin: 9px 0 0; padding: 8px 20px 16px;} /* ==================== HOME ==================== */ /* Format --------- */ .home-ttl { background:url(../images/icon-runners-71x57.gif) no-repeat 0 15px; height:60px; font-size:22px; padding:20px 0 0 80px; text-transform:uppercase; color:#004f56; border-bottom:1px solid #999999; font-weight:100; margin:0px; } /**/ .h-articles { border-bottom:1px solid #999999; padding:15px 0; } .h-articles div.h-articles-img { width:110px; float:left; text-align:center; } .h-articles div.h-articles-info { width:425px; float:left; } .h-articles div.h-articles-info h3 { margin:0px; font-size:18px; } .h-articles div.h-articles-info span { display:block; padding:3px 0; } .h-articles div.h-articles-info p { color:#666666; margin:0px; } .h-articles div.h-articles-info div.more { text-align:right; padding:5px 0; } .h-articles div.h-articles-info div.more a { text-decoration:underline; } /* ==================== DASHBOARD ==================== */ .dash-status { background-color:#dce7e8; padding:15px; font-size:15px; color:#666666; } .dash-status strong { color:#004f56; } .dash-status a { font-size:12px; } /**/ #dash-top { width:100%; margin-bottom:20px; } #dash-top tr { vertical-align:top; } #dash-top tr th { vertical-align:bottom; } #dash-top th h3 { font-size:20px; } #dash-top th strong { color:#004f56; } #dash-top th { text-align:left; padding:20px 0 10px 0; font-size:12px; color:#333333; font-weight:100; } #dash-top td img { margin-right:15px; border:1px solid #004f56; } #dash-top table { width:370px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; } #dash-top table td { padding:9px 0 9px 5px; } /**/ /* Tab Section with Charts --------- */ #tabs div.dashData div#one { padding:0px;} #tabs div.dashData div#two { padding:0px;} #tabs div.dashData div#three { padding:0px;} #tabs div.dashData div#four { padding:0px;} #tabs div.dashData div#five { padding:0px;} #tabs div.dashData div form table tr td input { border:0px; } #tabs #data div h3 { margin:0px; padding:5px 0 5px 10px; color:#333333; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; } #tabs #data div h3 span { margin:0 2px; font-size:16px; color:#004f56; } /**/ #tabs #data div table { width:100%; } #tabs #data div table tr td { text-align:center; padding:8px 15px; line-height:13px; } #tabs #data div table tr.dashHead td { background-color:#004f56; color:#FFFFFF; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; border-right:1px solid #003439; border-left:1px solid #006a73; } #tabs #data div table tr td.dashTtl { text-align:left; } #tabs #data div table tr td a.btn_edit { background-image:url(../images/icon-edit_15x34.gif); background-repeat:no-repeat; display:block; width:15px; height:17px; text-decoration:none; margin:0 auto; } #tabs #data div table tr td a.btn_edit:hover { background-position:0 -17px; } #tabs #data div table tr td a.btn_edit span { visibility:hidden; } /**/ #tabs #data div table tr.row td { border-right:1px solid #cccccc; border-left:1px solid #FFFFFF; } #tabs #data div table tr.rowAlt td { border-right:1px solid #cccccc; border-left:1px solid #FFFFFF; background-color:#eeeeee; } #tabs #data div table tr td span.pub { color:#336600; } #tabs #data div table tr td span.draft { color:#666666; } #tabs #data div table tr td.dashTtl a { color:#004f56; text-decoration:none; } #tabs #data div table tr td.dashTtl a:hover { text-decoration:underline; } #tabs #data div table tr td.dashBottom { background-image:url(../images/dashboard-stretch_30x40.gif); background-position:0 1px; background-repeat:repeat-x; border-top:1px solid #cccccc; text-align:left; } #tabs #data div table tr td.dashBottom img { border:0px; text-decoration:none; } #tabs #data div table tr td.dashBottom span { display:block; width:50%; float:left; } #tabs #data div table.dashHowto tr td.dashBottom span { display:block; width:50%; float:left; } #tabs #data div table.dashReferrals tr td.cat a { text-decoration:none; color:#333333; } #tabs #data div table.dashReferrals tr td.cat a:hover { text-decoration:underline; } #tabs #data div table tr td.dashBottom span.dashRight { text-align:right; } #content #tabs #data div table tr td.dashBottom span.dashRight input { border:0px; } /**/ span#eventCalendar { display:block; background-image:url(../images/icon-calendar.gif); background-repeat:no-repeat; width:64px; height:64px; text-align:center; padding-bottom:2px; padding-right:3px; font-family:Helvetica, sans-serif; margin:0 auto; } #eventCalendar span.eventMonth { display:block; height:16px; color:#FFFFFF; font-size:14px; padding-top:3px;} #eventCalendar span.eventDay { display:block; width:64px; line-height:normal; padding-top:6px; font-size:28px;} /**/ #tabs #data div table tr td a.btn_mail { background-image:url(../images/icon-mail_16x26.gif); background-repeat:no-repeat; display:block; width:16px; height:13px; text-decoration:none; margin:0 auto; } #tabs #data div table tr td a.btn_mail:hover { background-position:0 -13px; } #tabs #data div table tr td a.btn_mail span { visibility:hidden; } /* Ajax Tabs --------- */ #tabs { padding:30px 0 10px 0; } #tabs #nav { margin-bottom: 0px; margin-right: 0px; } #tabs ul { list-style: none; margin: 0px; padding: 0px; } #tabs #nav ul li { display: inline; cursor: default; border-bottom: none; border-color:#aaaaaa; border-style:solid solid none; border-width:3px 1px medium; padding:8px 4px; margin:0px; background: #F8F8F8 none repeat scroll 0%; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; color:#004f56; } #tabs #nav ul li img { position:relative; top:9px; } #tabs #nav ul li.active { border-bottom: none; border-color:#aaaaaa; border-style:solid solid none; border-width:3px 1px medium; padding:9px 7px 8px 7px; border-bottom: 1px solid white; background-color: #ffffff; color:#004f56; position:relative; top:1px; } #tabs #nav ul li:hover { background-color: #ffffff; color:#333333; cursor:pointer; } #tabs #data { margin-top: 7px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; } #tabs #data div { display: none; border: 1px solid #aaaaaa; padding: 10px; } #tabs #data div.active { display: block; } /**/ #tabs #data div ul.referralColumn { margin:0px; padding:0 0 0 10px; list-style:square; width:170px; float:left; } #tabs #data div ul.referralColumn li a { font-size:11px; color:#333333; text-decoration:none; } #tabs #data div ul.referralColumn li a:hover { text-decoration:underline; color:#004f56; } /* ==================== ABOUT US ==================== */ .about-hdr { background:url(../images/about-bg-720x204.jpg) no-repeat 0 0; width:450px; height:184px; padding:20px 240px 0 30px; margin-bottom:20px; } /* ==================== ARTICLES ==================== */ /* Archive Listings --------- */ .a-listing { border-bottom:1px solid #ddd; padding:20px 0; } .a-listing div.a-listing-img { width:103px; float:left; padding:0 20px 0 0; } .a-listing div.a-listing-img img { border:1px solid #004f56; } .a-listing div.a-listing-info { width:587px; float:left; } .a-listing div.a-listing-info h3 { font-size:22px; padding:0 0 10px 0; } .a-listing div.a-listing-info table { width:100%; } .a-listing div.a-listing-info p { font-size:12px; } .a-listing div.a-listing-info div.more { text-align:right; } /**/ .a-listing h4 { margin:0px; padding:0px; font-size:16px; } /* Archive Listings --------- */ #articleTop { width:100%; border-bottom:1px solid #999999; } #articleTop td { padding:10px 10px 10px 20px; width:33%; } #articleTop th { font-weight:100; } .articlePhoto { float:left; margin:10px 20px 10px 0; } /**/ .b-comments { padding:0 10px; } .b-comments h4 { margin:0px; padding:10px 0 0 0; } .b-comments p { margin:0px; padding:5px 15px; color:#666666; font-size:13px; } /* ==================== EVENTS ==================== */ /* Event Listings --------- */ .e-listing { border-bottom:1px solid #ddd; padding:20px 0; } .e-listing div.e-listing-cal { width:123px; float:left; padding:0; background:url(../images/icon-calendar-82x255.gif) no-repeat center -175px; text-align:center; } .e-listing div.e-listing-cal span { display:block; color:#FFFFFF; text-align:center; text-transform:uppercase; font-size:14px; padding-top:13px; } .e-listing div.e-listing-cal div { text-align:center; font-size:32px; padding:4px 0 15px 0; } /**/ .e-listing div.e-listing-info { width:587px; float:left; } .e-listing div.e-listing-info h3 { font-size:22px; padding:0 0 5px 0; float:left; } .e-listing div.e-listing-info a.reg { position:relative; top:6px; margin-left:20px; } .e-listing div.e-listing-info span { clear:left; display:block; font-size:14px; } .e-listing div.e-listing-info p { font-size:12px; } .e-listing div.e-listing-info div.more { text-align:right; } /**/ .e-listing-glirc { padding:10px 0; } .e-listing-glirc div.bg { background-color:#dce7e8; padding:10px 0; } .e-listing-glirc div.e-listing-cal { background-position:center 0; } /* Event Listings Page --------- */ .events-top { background-color:#dce7e8; padding:10px; margin-bottom:25px; } .events-top div.events-top-info { width:415px; float:left; padding-right:15px; } .events-top div.events-top-cal { width:245px; float:left; padding:10px; background-color:#FFFFFF; border:1px solid #bdd1d3; } .events-top div.glirc-event { float:left; border:1px solid #bdd1d3; padding:5px; margin:10px 15px 10px 0; } /* Event Listings Details --------- */ .e-details { padding:0px; border:none; width:100%; } .e-details div.e-listing-info h3 { float:none; font-size:26px; } .e-details div.e-listing-info table { width:100%; font-size:16px; } .e-details div.e-listing-info table td { padding:2px 0 5px 0; } .e-details div.e-listing-info table td span { display:inline; font-weight:700; color:#004f56; font-size:16px; } .e-details div.e-listing-info table td a { font-weight:700; } .e-details-reg { text-align:center; background-color:#eee; padding:7px; border-top:1px solid #FFFFFF; } /**/ .e-info1 { width:327px; float:left; padding:25px 0 0 0; } .e-info1 div.reg { text-align:center; padding:15px 0 0 0; } .e-info2 { width:372px; float:left; padding:30px 0 0 20px; } /* ==================== PHOTOS ==================== */ /* GLIRC photos --------- */ .photos-top { background-color:#dce7e8; padding:10px 17px 20px 17px; width:686px; } .photos-top h3 { padding-bottom:12px; } .photos-top a.more { float:right; position:relative; top:7px; } .glirc-photo { display:block; padding:9px 9px 7px 9px; background-color:#FFFFFF; border:1px solid #bdd1d3; width:176px; text-align:center; font-weight:700; font-size:16px; float:left; } .glirc-photo img { margin-bottom:4px;} .glirc-photo:hover { text-decoration:none; border:1px solid #004f56; } .photos-top a.glirc-photo { margin:0 16px; } /**/ .glirc-photo-gallery { padding:10px 0; border-bottom:1px solid #ddd; margin-bottom:10px; } .glirc-photo-gallery a.glirc-photo { margin:10px 0 15px 30px; } /* Member photos --------- */ .photos-recent { padding:25px 0 10px 0; } .photos-recent h3 { font-size:20px; } .member-photo { display:block; width:115px; text-align:center; float:left; margin:15px 2px 15px 3px; color:#666666; } .member-photo img { margin-bottom:3px; } .member-photo:hover { text-decoration:none; color:#004f56; } /* ==================== LOST AND FOUND ==================== */ .lf-listing { padding:10px 0; } .lf-listing a { display:block; padding:8px; border:5px solid #FFFFFF; background-color:#eee; } .lf-listing a:hover { background-color:#004f56; color:#FFFFFF; } /* ==================== RACE RESULTS ==================== */ .result-listing { padding:15px; } .result-listing-alt { background-color:#eee; } .result-listing h2 { text-transform:none; border:none; margin:0px; padding:0 0 5px 0; } .result-listing span { margin-right:20px; } .result-listing span strong { color:#004f56; } .result-listing a.btn-viewResults { display:block; float:right; background:#FFFFFF url(../images/btn-viewResults-98x106.gif) 0 0 no-repeat; width:98px; height:34px; position:relative; top:6px; } .result-listing a.btn-viewResults span { display:none; } /* ==================== WEB LINKS ==================== */ #webLinks { width:100%; margin-bottom:10px; } #webLinks td { width:50%; } #webLinks td:hover { background-color:#dce7e8; } #webLinks td a { color:#666666; display:block; padding:7px 10px; } #webLinks td a strong { color:#004f56; } #webLinks td.tabledark { background-color:#eee; } #webLinks td.tabledark:hover { background-color:#dce7e8; } /* ==================== CONTACT ==================== */ /* Format --------- */ .contact { margin:0px; background:url(../images/icon-mail-164x149.jpg) no-repeat 0 0; padding:40px 0 40px 180px; font-size:14px; border-bottom:1px solid #ddd; } /* ==================== FORMS ==================== */ /* Format --------- */ .radioForm td { padding:0 25px 0 0; font-size:12px; } input.text, input.text_small { border: 1px solid #AAAAAA; font-family: arial, verdana, serif; font-size: 9pt; color: #333333; vertical-align: middle; padding-left: 2px; } input.text_small { font-size: 8pt; } input.search { vertical-align: middle; background-image: url(../images/search.gif); background-repeat: no-repeat; color: #555555; font-size: 12pt; padding-left: 23px; font-weight: bold; font-family: arial, verdana, serif; } input.button { font-family: arial, verdana, serif; font-size: 8pt; padding: 3px; color: #333333; font-weight: bold; background: #EEEEEE; vertical-align: middle; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #777777; border-right: 1px solid #777777; } input.radio, input.checkbox { vertical-align: middle; } textarea { border: 1px solid #AAAAAA; font-family: arial, verdana, serif; color: #333333; padding-left: 2px; font-size: 10pt; } select, select.small { color: #333333; font-family: arial, verdana, serif; font-size: 9pt; vertical-align: middle; margin-top: 1px; } select.small { font-size: 8pt; } td.form1 { padding: 12px 0px 5px 10px; font-weight: bold; text-align: right; vertical-align: top; } td.form2 { padding: 10px 0px 5px 10px; } div.form_desc { font-size: 8pt; padding: 5px 0px 5px 0px; } div.form_error { margin-bottom: 10px; color: #FF0000; } div.success { line-height: 16pt; } td.button { text-align: left; border: 1px solid #DDDDDD; border-left: 5px solid #DDDDDD; background: #FFFFFF; padding: 7px 8px 7px 6px; font-weight: bold; } div.button { font-weight: bold; } /* ==================== SIGN UP FORMS ==================== */ /* Format --------- */ #signinBody { width:650px; margin:0 auto; padding:20px 0 0 0; } #signinBody h1 { font-size:24px; font-weight:700; color:#004F56; margin:0px; padding:0px; } #signinBody h2 { font-size:16px; font-weight:100; color:#666666; margin:10px 0 0 0; padding:0px; border:none; } #signinBody p b { display:block; } /**/ #signinBody div.screenshot { text-align:center; padding:10px 0 30px 0; } #signinBody div.screenshot img { border:8px solid #dddddd; margin:0 2px; } #signinBody div.screenshot-none { text-align:center; padding:10px 0 30px 0; } /**/ #signinBody div.other { border:3px solid #dddddd; width:340px; margin:0 auto; padding:10px; } #signinBody div.other ul { margin:0px; } #signinBody div.other ul li { margin:8px 0; } /**/ #signinFooter { width:700px; margin:0 auto; background-image:url(../assets/images/tour-shadow_30x5.gif); background-position:top; background-repeat:repeat-x; padding:10px 0 0 0; } #signinFooter a { margin:0 10px 0 0; color:#666666; text-decoration:none; } #signinFooter a:hover { text-decoration:underline; } #signinFooter div { padding:10px 0; font-size:11px; color:#999999; } /**/ #signinBody div.divider { border-top:1px dotted #dddddd; line-height:0px; font-size:1px; height:0px; margin:10px 0; } #signinBody form { margin:0px; padding:0 0 40px 0; } #signinBody form fieldset { border:0px; } #signinBody form fieldset legend { font-weight:700; color:#004F56; font-size:14px; padding:10px 0 15px 0; } #signinBody form fieldset table { width:550px; margin:0 auto; } #signinBody form fieldset table tr { vertical-align:top; } #signinBody form fieldset table tr td { padding:6px 0 6px 0; } #signinBody form fieldset table tr td.label { padding:7px 8px 0 0; text-align:right; font-size:13px; width:150px; } #signinBody form fieldset table tr td input { font-size:12px; padding:1px 3px; margin:0 5px 0 0; } #signinBody form fieldset table tr td select { font-size:12px; padding:1px 0; margin:0 5px 0 0; } #signinBody form fieldset table tr td span { display:block; color:#999999; font-size:12px; padding:3px 0 0 0; } #signinBody form fieldset table tr.submitBtns td input { border:1px solid #cccccc; background-color:#eeeeee; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:700; font-size:14px; color:#333333; padding:3px 12px; } #signinBody form fieldset table tr.submitBtns td input:hover { border:1px solid #f5a147; background-color:#004F56; color:#FFFFFF; cursor:pointer; } /**/ #signinBody div.finish { padding:0 0 0 15px; } #signinBody div.finish div.finishImg { width:225px; float:left; } #signinBody div.finish div.finishTxt { font-size:16px; line-height:24px; padding:35px 0 0 10px; width:400px; float:left; } #signinBody div.finish div.finishTxt span { display:block; font-size:11px; line-height:14px; color:#666666; padding:10px 0 0 0; } /**/ .error { color:#990000; display:none; } /**/ #signinBody form fieldset div.memberType1, #signinBody form fieldset div.memberType2 { width:232px; height:87px; background-repeat:no-repeat; float:left; text-align:right; } #signinBody form fieldset div.memberType1 { background-image:url(../images/sign-individual-232x87.gif); margin:0 10px 0 60px; } #signinBody form fieldset div.memberType2 { background-image:url(../images/sign-family-232x87.gif); } #signinBody form fieldset div.memberType1 span, #signinBody form fieldset div.memberType2 span { visibility:hidden; display:block; } #signinBody form fieldset div.memberType1 input, #signinBody form fieldset div.memberType2 input { position:relative; top:31px; right:30px; border:#000000; } /**/ #cc_type { position:relative; bottom:5px; } #ccvv { position:relative; bottom:7px; } /**/ .btn-add { background:url(../assets/images/icon-add_11x11.gif) no-repeat 0 2px; padding:0 0 0 17px; margin:0 30px 0 0; } .btn-minus { background:url(../assets/images/icon-minus_11x11.gif) no-repeat 0 2px; padding:0 0 0 17px; } /**/ #signinBody dl { margin:0px; padding:0 0 0 10px; width:315px; float:left; } #signinBody dl dt { font-weight:700; color:#004F56; font-size:14px; padding:0 0 5px 0; } #signinBody dl dd { font-size:13px; padding:3px 0; color:#333333; } #signinBody dl dt a { background-color:#eeeeee; border:1px solid #dddddd; padding:1px 5px; font-size:11px; font-weight:100; color:#333333; margin:0 0 0 10px; text-decoration:none; } #signinBody dl dt a:hover { color:#004F56; border:1px solid #CCCCCC; } /**/ #signinBody form div.submitBtns { text-align:center; } #signinBody form div.submitBtns input { border:1px solid #cccccc; background-color:#eeeeee; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:700; font-size:14px; color:#333333; padding:3px 12px; } #signinBody form div.submitBtns input:hover { border:1px solid #f5a147; background-color:#004F56; color:#FFFFFF; cursor:pointer; } /* ==================== MEMBER LOGIN PAGE ==================== */ /* Login Box --------- */ #login { background-color:#DCE7E8; padding:10px; margin:0 auto 15px auto; } #login div.loginBox { border:1px solid #BDD1D3; background-color:#FFFFFF; padding:10px 18px; } #login div.loginBox h1 { margin:0px; font-weight:700; font-size:24px; } #login div.loginBox div.divider { border-top:1px dotted #dddddd; line-height:0px; font-size:1px; height:0px; margin:10px 0; } /**/ #login div.loginBox form { margin:0px; padding:0px; } #login div.loginBox form table { width:330px; margin:0 auto; } #login div.loginBox form table tr td { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; font-weight:100; padding:5px 0; } #login div.loginBox form table tr td.label { text-align:right; font-weight:700; padding-right:5px; } #login div.loginBox form table tr td input { padding:2px 4px; } #login div.loginBox form table tr td input#chkbox { border:0px; } #login div.loginBox form table tr td input.btnLogin { border:0px; position:relative; right:5px; } /**/ #login div.loginBox form table tr td a { background-repeat:no-repeat; padding:0 0 0 20px; color:#004F56; } #login div.loginBox form table tr td a:hover { text-decoration:underline; } #login div.loginBox form table tr td a.btnForgot { background-image:url(../images/icon-key_16x16.gif); } #login div.loginBox form table tr td a.btnNoEmail { background-image:url(../images/icon-none_14x14.gif); } /**/ #login div.loginBox div.loginNotMember { text-align:center; font-size:13px; font-weight:700; color:#333333; line-height:22px; } #login div.loginBox div.loginNotMember a { background-repeat:no-repeat; padding:0 0 0 20px; font-weight:100; } #login div.loginBox div.loginNotMember a.btnSignup { background-image:url(../images/icon-starburst_16x16.gif); } /**/ #loginFeat { background-color:#FFFFFF; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; border:1px solid #999999; width:170px; margin:20px auto 0 auto; padding:5px 8px; } #loginFeat h1 { font-size:19px; color:#761617; margin:0 0 20px 0; } #loginFeat h2 { font-size:14px; margin:0px; padding:0px; position:relative; right:8px; } #loginFeat h2 img { position:relative; right:4px; top:2px; } #loginFeat p { margin:0px; padding:3px 0 20px 0; font-size:13px; color:#333333; }