/* @override http://www.singledad.com/assets/site/singlestyle.css */ /*------------------------------------------------------------------------------------- [Master Stylesheet] Project: SingleDad Version: 1.1 Created by: Chase Design Inc. ------------------------------------------------------ [Table of Contents] 1. Main 2. ModX 3. Header 4. Left Column 5. Right Column 6. Footer 7. Content Body 8. Splash Page 9. Homepage 10. Breadcrumbs 11. Articles 12. How-to's 13. Star Rating 14. Comments ------------------------------------------------------ [Color Codes] background color: #999999; (middle gray) link color: #761617; (red) footer background: #7c7c7c (gray) --------------------------------------------------------------------------------------*/ /* ==================== MAIN STYLES ==================== */ /* #header iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; visibility:visible; } #header:hover iframe {left:000px; top:50px; width:300px; height:300px; z-index:100px; } */ body { margin:0px; padding:0px; background-color:#e9e9e9; background-image:url(/assets/images/bg-1060x550.gif); background-position:center 129px; background-repeat:no-repeat; } /**/ #wrap { width: 1000px; margin: 0 auto; padding: 0;} #wrap2 { float: left; width: 1000px; margin: 0; padding: 0; background: url(/assets/images/wrap.gif) center repeat-y;} /**/ #hdr { width: 1000px; height: 96px; margin: 0 auto; padding: 0;} /**/ .clear { clear: left; line-height: 0px; font-size: 1px;} /* ==================== MODX EDIT STYLES ==================== */ /* Edit Articles text links --------- */ .editLinks { padding: 0; color: #03c; font: 14px tahoma,arial,sans-serif;} .editLinks a { color: #0033CC; text-decoration: none;} .editLinks a:hover { text-decoration: underline;} /* ==================== HEADER STYLES ==================== */ /* Header base and wraps --------- */ #header { background-image:url(/assets/images/hdr-bg_30x129.gif); background-position:top; background-repeat:repeat-x; height:129px; border-bottom:1px solid #FFFFFF; } #header div.hdrWrap { width:1000px; margin:0 auto; } #header div.hdrWrap div.hdrWrap2 { width:800px; float:left; } /* Logo --------- */ #header div.hdrWrap h1.logo { margin:0px; padding:12px 0 0 5px; width:195px; float:left; } #header div.hdrWrap h1.logo img { border:0px; text-decoration:none; } #header div.hdrWrap h1.logo span { visibility:hidden; position:absolute; } /* Top Links and Search Section --------- */ #header div.hdrWrap div.hdrWrap2 div.hdrTop { text-align:right; width:800px; height:52px; float:left; } /* Top Links --------- */ #header div.hdrWrap div.hdrWrap2 div.hdrTop div.topLinks { width:544px; padding:18px 20px 0 0; float:left; font-family:Tahom, Verdana, Arial, Helvetica, sans-serif; font-size:12px; } #header div.hdrWrap div.hdrWrap2 div.hdrTop div.topLinks a { text-decoration:none; color:#333333; background-repeat:no-repeat; margin:0 0 0 25px; } #header div.hdrWrap div.hdrWrap2 div.hdrTop div.topLinks a:hover { text-decoration:underline; } #header div.hdrWrap div.hdrWrap2 div.hdrTop div.topLinks a.lnkInvite { background-image:url(/assets/images/icon-invite_18x12.gif); padding:0 0 0 23px; background-position:0 2px; } #header div.hdrWrap div.hdrWrap2 div.hdrTop div.topLinks a.lnkNewsletter { background-image:url(/assets/images/icon-newsletter_16x9.gif); padding:0 0 0 20px; background-position:0 3px; } #header div.hdrWrap div.hdrWrap2 div.hdrTop div.topLinks a.lnkTour { background-image:url(/assets/images/icon-tour_10x11.gif); padding:0 0 0 15px; background-position:0 2px; } #header div.hdrWrap div.hdrWrap2 div.hdrTop div.topLinks a.lnkHelp { background-image:url(/assets/images/icon-help_10x12.gif); padding:0 0 0 15px; background-position:0 2px; } /* Member Status Section --------- */ #header div.hdrWrap div.hdrWrap2 div.hdrStatus { margin:0px; padding:5px 0 0 0; height:28px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align:right; } #header div.hdrWrap div.hdrWrap2 div.hdrStatus h5 { display:inline; margin:0 8px 0 0; padding:0 8px 0 0; font-size:13px; font-weight:700; background-image:url(/assets/images/icon-divider_1x11.gif); background-position:right; background-repeat:no-repeat; color:#333333; } #header div.hdrWrap div.hdrWrap2 div.hdrStatus a { color:#761617; } /* Top Corner, sign up or to My Home --------- */ #header div.hdrWrap div.hdrWrap2 div.hdrCorner { text-align:right; padding:5px 0 0 0; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:700; } #header div.hdrWrap div.hdrWrap2 div.hdrCorner img { border:0px; text-decoration:none; position:relative; bottom:9px; } #header div.hdrWrap div.hdrWrap2 div.hdrCorner a.lnkMyHome { background-image:url(/assets/images/icon-myHome_16x16.gif); background-position:0 4px; background-repeat:no-repeat; padding:3px 0 0 24px; height:20px; font-size:14px; color:#333333; text-decoration:none; } #header div.hdrWrap div.hdrWrap2 div.hdrCorner a:hover { text-decoration:underline; } #content div.video-tuts { width: 500px; margin-right: auto; margin-left: auto; margin-top: 10px; padding: 1px; border: 5px solid #d8f0ff;} #content div.video-tuts table tbody tr td h2 a { color: #027fff; text-decoration: none;} #content div.video-tuts table tbody tr td h2 a:hover{ text-decoration: underline;} #content div.video-tuts table tbody tr td a img { text-decoration: none; margin-right: 10px; border-style: none;} /* ==================== SEARCH BOX ==================== */ /* Search Box (AJAX CSS below) --------- */ #header div.hdrWrap div.hdrWrap2 div.hdrTop div.hdrSearch { background-image:url(/assets/images/bg-search_236x52.gif); width:236px; height:47px; float:left; padding:5px 0 0 0; background-position:top; background-repeat:no-repeat; text-align:left; } /* AJAX Search Box --------- */ #ajaxSearch_form { color: #444; width: auto; margin:0px; padding:0px; } #ajaxSearch_form input { } #ajaxSearch_input { width:120px; margin:0 2px 0 20px; padding:2px 20px 2px 4px; font-size:11px; } #ajaxSearch_submit { position:relative; top:6px; } #searchClose { position:relative; bottom:18px; left:150px; } #ajaxSearch_output { border:0px; position:absolute; z-index:1000; top:45px; margin:0 0 0 4px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; width:229px; } .ajaxSearch_paging { } .AS_ajax_result { color: #444; } .AS_ajax_resultLink { color:#761617; padding:7px 15px; background-color:#FFFFFF; display:block; text-decoration:none; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; } a.AS_ajax_resultLink:hover { background-color:#eeeeee; } .AS_ajax_resultDescription{ color: #555; } .AS_ajax_more { border-top:1px solid #dddddd; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } .AS_ajax_more a { padding:7px 15px; text-decoration:none; background-color:#eeeeee; color:#666666; display:block; } .AS_ajax_resultsIntroFailure { padding:7px 15px; background-color:#FFFFFF; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } /* ==================== DROP DOWN MENU ==================== */ /* Dropdown css --------- */ #header ul.nav {padding:0px; margin:0; list-style:none; height:44px; float:left; position:relative; z-index:500; font-family:tahoma, arial, verdana, sans-serif; font-size:13px;} #header ul.nav li.top {display:block; float:left; margin:0 2px 0 0; } #header ul.nav li a.top_link {display:block; float:left; height:44px; color:#666; text-decoration:none; font-size:13px; font-weight:bold; padding:0px; cursor:pointer;background-repeat: no-repeat;} #header ul.nav li a.top_link span {float:left; display:block; padding:0px; height:44px; } #header ul.nav li a.top_link:hover { background-position:0 -44px; } #header ul.nav li a.top_link:hover span { background-position:0 -44px; } #header ul.nav li:hover > a.top_link {color:#000; background-repeat: no-repeat; } #header ul.nav li:hover > a.top_link span { background-position:0 -44px; } #header ul.nav li a span h2 { visibility:hidden; font-size:1px; } #header ul.nav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} #header ul.nav li a#menuFeatures span { background-image:url(/assets/images/menu-features_133x88.gif); width:133px; } #header ul.nav li a#menuTopics span { background-image:url(/assets/images/menu-topics_110x88.gif); width:110px; } #header ul.nav li a#menuCommunity span { background-image:url(/assets/images/menu-community_205x88.gif); width:205px; } #header ul.nav li a#menuStore span { background-image:url(/assets/images/menu-store_105x88.gif); width:105px; } /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ #header ul.nav a:hover {visibility:visible; position:relative; z-index:200;} #header ul.nav li:hover {position:relative; z-index:200;} /* keep the 'next' level invisible by placing it off screen. */ #header ul.nav ul, #header ul.nav iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} /* iframe covers --------- */ #header ul.nav :hover iframe.one {left:0; top:44px; width:164px; height:143px; } #header ul.nav :hover iframe.two {left:0; top:44px; width:194px; height:205px; } #header ul.nav :hover iframe.three {left:0; top:44px; width:204px; height:290px; } #header ul.nav :hover iframe.four {left:0; top:44px; width:193px; height:90px; } /* drop down widths --------- */ #header ul.nav ul.sub1 {width:160px;} #header ul.nav ul.sub2 {width:190px;} #header ul.nav ul.sub3 {width:200px;} #header ul.nav ul.sub4 {width:190px;} /* drop down styles --------- */ #header ul.nav :hover ul {left:0; top:44px; background-color:#eeeeee; padding:1px; border:1px solid #333333; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;} #header ul.nav :hover ul li {display:block; position:relative; font-weight:normal; width:auto;} #header ul.nav :hover ul li a {display:block; font-size:12px; height:20px; padding:5px 20px 1px 20px; color:#000; width:auto; text-decoration:none; border:1px solid #eeeeee; } #header ul.nav :hover ul li a:hover {background:#dddddd; color:#000000; font-weight:700; border:1px solid #FFFFFF; } /* ==================== DROP DOWN MENU OLD ==================== */ /* Dropdown css --------- #cssdropdown, #cssdropdown ul { list-style: none; } #cssdropdown li { float: left; position: relative; z-index:900;} .subuls{ display: none; position: absolute; z-index:9999; margin:0px; padding:0px; background-color:#eeeeee; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #333333; border-top:0px; } .subuls li{ } .subuls li a { text-decoration: none; display:block; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; color:#333333; } .subuls li a:hover { background-color:#cccccc; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; color:#000000; font-weight:700; } #cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left *//* top: auto; left: auto; } #cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items *//* display: block; } /* #header div.nav { width:553px; height:44px; padding:0 0 0 22px; float:left; } #header div.nav ul { margin:0px; padding:0px; list-style:none; } #header div.nav ul li { margin:0px; padding:0px; float:left; } #header div.nav ul li a { display:block; text-decoration:none; height:44px; } #header div.nav ul li a:hover { background-position:0 -44px; } #header div.nav ul li a span { visibility:hidden; } #header div.nav ul li a.menuFeatures { background-image:url(/assets/images/menu-features_133x88.gif); width:133px; } #header div.nav ul li a.menuTopics { background-image:url(/assets/images/menu-topics_110x88.gif); width:110px; } #header div.nav ul li a.menuCommunity { background-image:url(/assets/images/menu-community_205x88.gif); width:205px; } #header div.nav ul li a.menuStore { background-image:url(/assets/images/menu-store_105x88.gif); width:105px; } #header div.nav ul li ul.subuls li a { padding:5px 20px 0 20px; height:20px; } /* drop down widths --------- #header div.nav ul li ul li { float:none; } #header div.nav ul li ul#ulFeatures li a { width:120px; } #header div.nav ul li ul#ulTopics li a { width:150px; } #header div.nav ul li ul#ulCommunity li a { width:169px; } #header div.nav ul li ul#ulStore li a { width:160px; } /* ==================== LEFT COLUMN STYLES ==================== */ /* Main CSS --------- */ #lbx { float: left; width: 200px; margin: 0; padding: 0 0 10px 0; text-align: left;} #lbx h2 span { visibility: hidden;} #lbx img { margin: 0 0 0 10px; padding: 0; border: 1px solid #fff;} #lbx h3 { margin: 10px; padding: 0; color: #111; font: bold 14px tahoma,arial,sans-serif;} #lbx p { margin: 10px 10px 0 10px; padding: 0; color: #111; font: 11px tahoma,arial,sans-serif; line-height: 16px;} #lbx p.goRight { margin: 10px 10px 0 10px; padding: 0; color: #111; font: 11px tahoma,arial,sans-serif; text-align: right; line-height: 16px;} #lbx a:link, #lbx a:visited { text-decoration: underline; color: #333;} #lbx a:hover { text-decoration: none; color: #eee; padding: 0; margin: 0; border: 0px;} /* Header Images --------- */ #lbx h2.thisMonth { float: left; width: 200px; height: 35px; margin: 0 0 10px 0; padding: 0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background: url(/assets/images/this-month.gif) top left no-repeat;} #lbx h2.mostRecent { float: left; width: 200px; height: 35px; margin: 10px 0; padding: 0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background: url(/assets/images/most-recent-articles.gif) top left no-repeat;} #lbx h2.mostPopArt { float: left; width: 200px; height: 35px; margin: 0 0 10px 0; padding: 0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background: url(/assets/images/most-popular-articles.gif) top left no-repeat;} /* Articles List --------- */ #lbx ul { display: block; list-style: none; margin: 10px 10px 30px 0; padding: 0;} #lbx ul li { margin: 0px 0px 0px 10px; margin-left: 10px; padding: 5px 0px 5px 0px; padding-left: 5px; color: #111; font: 12px tahoma,arial,sans-serif; border-top: 1px solid #BBBBBB;} #lbx ul li a:link, #lbx ul li a:visited { text-decoration: none; color: #761617;} #lbx ul li a:hover { padding: 0; color: #b01c00; color: #761617; text-decoration: underline; background: 0;} #lbx ul li.lbxArchive { font-weight: 700;} /* How-To List --------- */ #lbx dl { font: 12px tahoma,arial,sans-serif; margin: 0px;} #lbx dd { background-color: #FFFFFF; border: 1px solid #9c9c9c; margin: 0px 10px 3px 10px; padding: 3px; font-size: 12px; color: #666666;} #lbx dd img { border: 1px solid #781518; float: left; margin: 0px; margin-right: 5px;} #lbx dd div { margin: 0px 0px 2px 0px;} #lbx dd a:link, #lbx dd a:visited { color: #781518; text-decoration: none;} #lbx dd a:hover { color: #781518; text-decoration: underline; background: none; padding: 0px;} #lbx dd span { margin-right: 5px;} /* SingleDad Diaries --------- */ #lbx h2.diaries { float: left; width: 200px; height: 102px; margin:0px; padding:0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background-color: #ffffff; background-image: url(/assets/images/SD-Diaries-ttl.jpg); background-repeat:no-repeat; } #lbx h2.reviews { float: left; width: 200px; height: 99px; margin:0px; padding:0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background-color: #ffffff; background-image: url(/assets/images/SD-Reviews-ttl.jpg); background-repeat:no-repeat; } #lbx h2.dHdr-rj { float: left; width: 200px; height: 29px; margin:0px; padding:0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background-color:#CCCCCC; background-image:url(/assets/images/dHdr-rj_199x29.gif); background-repeat:no-repeat; } #lbx h2.dHdr-jesse { float: left; width: 200px; height: 29px; margin:0px; padding:0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background-color:#CCCCCC; background-image:url(/assets/images/dHdr-jesse_199x29.gif); background-repeat:no-repeat; } #lbx h2.dHdr-jon { float: left; width: 200px; height: 29px; margin:0px; padding:0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background-color:#CCCCCC; background-image:url(/assets/images/dHdr-jon_199x29.gif); background-repeat:no-repeat; } /**/ #lbx div.lbxDiaries { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:0 7px 20px 7px; } #lbx div.lbxDiaries div.diariesListing { padding:5px 0 0 0; margin:0px; } #lbx div.lbxDiaries div.diariesListing div.diariesImg { background-image:url(/assets/images/diary-bg_81x83.gif); background-repeat:no-repeat; width:73px; height:73px; float:left; padding:3px 4px 7px 4px; margin:0px; } #lbx div.lbxDiaries div.diariesListing div.diariesImg img { border:0px; margin:0px; padding:0px; } #lbx div.lbxDiaries div.diariesListing div.diariesDesc { width: 175px; float:left; color:#333333; padding:2px 2px 5px 3px; font: 11px/15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} #lbx div.lbxDiaries div.diariesListing div.diariesEntry { color:#666666; font-size:11px; padding: 4px 4px 8px 0; border-bottom: 1px solid #c1c1c1; margin-bottom: 2px;} #lbx div.lbxDiaries div.diariesListing div.diariesEntry a { color:#761617; font-size:12px; text-decoration:none; } #lbx div.lbxDiaries div.diariesListing div.diariesEntry a:hover { text-decoration:underline; } #lbx div.lbxDiaries div.diariesListing a.diariesMore { font-size:12px; color:#666666; text-decoration:none; margin-top: 6px; display: block;} #lbx div.lbxDiaries div.diariesListing a.diariesMore:hover { text-decoration:underline; } /* Member Letters Links --------- */ #lbx h2.submitLetter { float: left; width: 200px; height: 101px; margin: 0 0 10px 0; padding:10px 0 0 0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background-color:#7c7c7c; } #lbx h2.submitLetter img { border:0px; } /**/ #lbx ul.lettersPopular li { font-size: 11px; color:#666666; } #lbx ul.lettersPopular li a { display:block; font-size:13px; } #lbx ul.lettersPopular li a:hover { text-decoration:underline; } /**/ #lbx div.lettersArchive { font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin:0 10px; padding:0 0 0 5px; border-top:1px solid #BBBBBB; } #lbx div.lettersArchive span { display:block; padding:8px 0 5px 0; color:#666666; } #lbx div.lettersArchive span a { color:#761617; text-decoration:none; font-weight:700; } #lbx div.lettersArchive span a:hover { text-decoration:underline; } /* SingleDad Fantasy Football --------- */ #lbx h2.ff { float: left; width: 200px; height: 35px; margin:0px; padding:0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background-color:#7c7c7c; background-image:url(/assets/images/bg-standings_200x35.gif); background-repeat:no-repeat; } #lbx h2.ffHdr-div1 { float: left; width: 200px; height: 29px; margin:0px; padding:0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background-color:#CCCCCC; background-image:url(/assets/images/ffHdr-division1_199x29.gif); background-repeat:no-repeat; } #lbx h2.ffHdr-div2 { float: left; width: 200px; height:29px; margin:20px 0 0 0; padding:0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background-color:#CCCCCC; background-image:url(/assets/images/ffHdr-division2_199x29.gif); background-repeat:no-repeat; } /**/ #lbx ul.ffDivision { margin:0px; padding:0px; } #lbx ul.ffDivision li { font-size: 11px; color:#666666; padding-right:0px; width:180px; } #lbx ul.ffDivision li span { color:#761617; font-size:13px; } #lbx ul.ffDivision li div.ffStat { color:#000000; font-size:13px; width:90px; float:left; } #lbx ul.ffDivision li div.ffStat span { color:#666666; font-size:11px; } /* Help Center Links --------- */ #sideMenu { background-color:#FFFFFF; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; border:1px solid #999999; width:176px; margin:10px auto 0 auto; padding:5px; line-height:24px; } #lbx #sideMenu a { display:block; text-decoration:none; background-image:url(/assets/images/icon-arrow_5x9.gif); background-repeat:no-repeat; background-position:5px 7px; padding:0 0 0 18px; } #sideMenu a:hover { background-color:#eeeeee; padding:0 0 0 18px; color:#000000; } #sideMenu div.divider { border-top:1px dotted #dddddd; line-height:0px; font-size:1px; height:0px; margin:10px 0; } /* ==================== RIGHT COLUMN STYLES ==================== */ /* Ads --------- */ #ads { float: left; width: 197px; margin: 0; padding: 16px 0; text-align: center; } #ads img { margin: 0; padding: 0; border-style: none;} #ads div.social-buttons { padding-top: 15px; padding-left: 5px;} #ads div.social-buttons a { display: block;} /* Main CSS --------- */ #ads div.homeNav { float: left; width: 200px; margin: 0; padding: 0 0 10px 0; text-align: left; position:relative; bottom: 16px; } #ads div.homeNav h2 span { visibility: hidden;} #ads div.homeNav img { margin: 0 0 0 10px; padding: 0; border: 1px solid #fff;} #ads div.homeNav h3 { margin: 10px; padding: 0; color: #111; font: bold 14px tahoma,arial,sans-serif;} #ads div.homeNav p { margin: 10px 10px 0 10px; padding: 0; color: #111; font: 11px tahoma,arial,sans-serif; line-height: 16px;} #ads div.homeNav p.goRight { margin: 10px 10px 0 10px; padding: 0; color: #111; font: 11px tahoma,arial,sans-serif; text-align: right; line-height: 16px;} #ads div.homeNav a { color:#781518; text-decoration:none; } #ads div.homeNav a:link, #lbx a:visited { text-decoration: underline; color: #333;} #ads div.homeNav a:hover { text-decoration: none; color: #eee; padding: 0; margin: 0; border: 0px;} /**/ #ads #sideMenu { position:relative; bottom:17px; left:2px; text-align:left; } #ads #sideMenu h2 { margin:0px; color:#761617; font-size:18px; } #ads #sideMenu a.pdf { display:block; text-decoration:none; background-image:url(/assets/images/icon-pdf_16x16.gif); background-repeat:no-repeat; background-position:5px 5px; padding:0 0 0 30px; color:#333333; line-height:30px; } #ads #sideMenu p { line-height:16px; margin:5px 0 10px 0; } #ads #sideMenu a.email { display:block; text-decoration:none; background-repeat:no-repeat; background-position:5px 5px; padding:0 0 0 10px; color:#333333; line-height:24px; } /* Partner Links --------- */ #ads h3 { color:#111111; font-family:tahoma,arial,sans-serif; font-size:14px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:0; padding:20px 0 5px 10px; text-align:left; } #ads ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px 10px 30px 0pt; padding:0pt; text-align:left; } #ads ul li { color:#111111; font-family:tahoma,arial,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0px 0px 0px 10px; padding:3px 0px 3px 5px; text-align:left; } #ads ul li a { color:#761617; text-decoration:none; } #ads ul li a:hover { text-decoration:underline; } /* Header Images --------- */ #ads div.homeNav h2.thisMonth { float: left; width: 200px; height: 35px; margin: 0 0 10px 0; padding: 0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background: url(/assets/images/this-month.gif) top left no-repeat;} #ads div.homeNav h2.mostRecent { float: left; width: 200px; height: 35px; margin: 10px 0; padding: 0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background: url(/assets/images/most-recent-articles.gif) top left no-repeat;} #ads div.homeNav h2.mostPopArt { float: left; width: 200px; height: 35px; margin: 0 0 10px 0; padding: 0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background: url(/assets/images/most-popular-articles.gif) top left no-repeat;} /* Articles List --------- */ #ads div.homeNav ul { display: block; list-style: none; margin: 10px 10px 30px 0; padding: 0;} #ads div.homeNav ul li { margin: 0px 0px 0px 10px; margin-left: 10px; padding: 5px 0px 5px 0px; padding-left: 5px; color: #111; font: 10px tahoma,arial,sans-serif; border-top: 1px solid #BBBBBB;} #ads div.homeNav ul li a:link, #lbx ul li a:visited { text-decoration: none; color: #761617;} #ads div.homeNav ul li a:hover { padding: 0; color: #b01c00; color: #761617; text-decoration: underline; background: 0;} #ads div.homeNav ul li.lbxArchive { font-weight: 700;} /* How-To List --------- */ #ads div.homeNav dl { font: 12px tahoma,arial,sans-serif; margin: 0px;} #ads div.homeNav dd { background-color: #FFFFFF; border: 1px solid #9c9c9c; margin: 0px 10px 3px 10px; padding: 3px; font-size: 10px; color: #666666;} #ads div.homeNav dd img { border: 1px solid #781518; float: left; margin: 0px; margin-right: 5px;} #ads div.homeNav dd div { margin: 3px 0px 2px 0px;} #ads div.homeNav dd a:link, #lbx dd a:visited { color: #781518; text-decoration: none;} #ads div.homeNav dd a:hover { color: #781518; text-decoration: underline; background: none; padding: 0px;} #ads div.homeNav dd span { margin-right: 5px;} /* ==================== FOOTER STYLES ==================== */ /* Footer --------- */ #ftr { background-color:#7c7c7c; background-image:url(../images/footer-top_1000x58.gif); background-position:top; background-repeat:no-repeat; width:1000px; border:0px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 30px 0; } #ftr div.copyright { text-align:center; color:#666666; font-size:11px; } #ftr div.copyright a { color:#666666; text-decoration:none; } #ftr div.copyright a:hover { text-decoration:underline; } #ftr div.footerColumn { width:180px; float:left; padding:40px 25px 0 25px; } #ftr div.footerColumn dl { margin:0px; padding:0 0 30px 0; } #ftr div.footerColumn dl dt { background-repeat:no-repeat; height:30px; } #ftr div.footerColumn dl dt div { background-image:url(../images/footer-divider_30x2.gif); background-position:bottom; background-repeat:repeat-x; height:30px;} #ftr div.footerColumn dl dt div span { visibility:hidden; } /**/ #ftr div.footerColumn dl.ftrAbout dt { background-image:url(../images/footer-ttl_about_104x30.gif); } /**/ #ftr div.footerColumn dl dd { margin:5px 0 5px 5px; padding:0 0 0 12px; background-image:url(../images/footer-bullet_4x4.gif); background-position:0 9px; background-repeat:no-repeat; } #ftr div.footerColumn dl dd a { color:#FFFFFF; font-size:12px; text-decoration:none; } #ftr div.footerColumn dl dd a:hover { text-decoration:underline; } /**/ #ftr div.footerSEO { width:740px; float:left; padding:40px 10px 0 0px; } #ftr div.footerSEO h2 { margin:0px; padding:0 0 6px 0; background-image:url(../images/footer-divider_30x2.gif); background-position:bottom; background-repeat:repeat-x; font-size:20px; } #ftr div.footerSEO p { margin:10px 0; font-size:12px; line-height:20px; } #ftr div.footerSEO div.footerSEOLinks { text-align:center; } #ftr div.footerSEO div.footerSEOLinks a { color:#333333; font-size:12px; margin:0 12px; text-decoration:none; } #ftr div.footerSEO div.footerSEOLinks a:hover { color:#761617; } /* Footer --------- #ftr { background-color:#7c7c7c; background-image:url(../images/footer-top_1000x58.gif); background-position:top; background-repeat:no-repeat; width:1000px; border:0px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 30px 0; } #ftr div.copyright { text-align:center; color:#666666; font-size:11px; } #ftr div.copyright a { color:#666666; text-decoration:none; } #ftr div.copyright a:hover { text-decoration:underline; } #ftr div.footerColumn { width:280px; float:left; padding:40px 25px 0 25px; } #ftr div.footerColumn dl { margin:0px; padding:0 0 30px 0; } #ftr div.footerColumn dl dt { background-repeat:no-repeat; height:30px; } #ftr div.footerColumn dl dt div { background-image:url(../images/footer-divider_30x2.gif); background-position:bottom; background-repeat:repeat-x; height:30px;} #ftr div.footerColumn dl dt div span { visibility:hidden; } /* #ftr div.footerColumn dl.ftrAbout dt { background-image:url(../images/footer-ttl_about_104x30.gif); } #ftr div.footerColumn dl.ftrMeetup dt { background-image:url(../images/footer-ttl_meetup_86x30.gif); } #ftr div.footerColumn dl.ftrStore dt { background-image:url(../images/footer-ttl_store_174x30.gif); } #ftr div.footerColumn dl.ftrCommunity dt { background-image:url(../images/footer-ttl_community_178x30.gif); } #ftr div.footerColumn dl.ftrReferrals dt { background-image:url(../images/footer-ttl_referrals_148x30.gif); } #ftr div.footerColumn dl.ftrHow dt { background-image:url(../images/footer-ttl_howto_100x30.gif); } #ftr div.footerColumn dl.ftrArticles dt { background-image:url(../images/footer-ttl_articles_85x30.gif); } /* #ftr div.footerColumn dl dd { margin:5px 0 5px 5px; padding:0 0 0 12px; background-image:url(../images/footer-bullet_4x4.gif); background-position:0 9px; background-repeat:no-repeat; } #ftr div.footerColumn dl dd a { color:#FFFFFF; font-size:12px; text-decoration:none; } #ftr div.footerColumn dl dd a:hover { text-decoration:underline; } /* ==================== CONTENT BODY STYLES ==================== */ /* Main --------- */ #content { float: left; width: 570px; margin: 0; padding:0 15px 15px 15px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; } #content ol li { font-size:12px; color:#333333; line-height:18px; padding-bottom:5px; } /* ==================== SPLASH HOMEPAGE ==================== */ /* Splash fade and position */ #splashFlash { position:absolute; top:0; left:0; z-index:10000; padding:10px 0 0 0; width:100%; height:100%; text-align:center; } #fade { position:absolute; top:0; left:0; width:100%; height:2700px; z-index:9000; } /* SEO Footer --------- */ #ftr div.seo { padding:10px 20px; font-size:12px; } /* ==================== HOMEPAGE ==================== */ /* New Homepage */ #featHowto div.howBar { height:35px; background-color: #424242; padding:0 0 0 16px; } #featHowto div.howBar h1 { margin:0px; padding:0px; background-image: url(../images/home-ttl_cookdad_243x35.gif); background-repeat:no-repeat; width: 243px; height:35px; float:left; } #featHowto div.howBar h1 span { visibility:hidden; font-size:1px; } #featHowto div.howBar ul.barNav { margin:0px; padding: 7px 0 0 197px; list-style:none; width: 139px; height:22px; float:left; } #featHowto div.howBar ul.barNav li { margin:0 2px; padding:0px; width:22px; float:left; } #featHowto div.howBar ul.barNav li a { display:block; width:22px; height:22px; background-repeat:no-repeat; text-decoration:none; font-size:1px; } #featHowto div.howBar ul.barNav li a:hover { background-position:0 -22px; } #featHowto div.howBar ul.barNav li.active span { border-bottom:1px solid #FFFFFF; display:block; height:21px; width:14px; margin:0 auto; } /**/ #featHowto div.howBar ul.barNav li a.barBack { background-image:url(../images/bar-back_22x44.gif); } #featHowto div.howBar ul.barNav li a.bar1 { background-image:url(../images/bar-1_22x44.gif); } #featHowto div.howBar ul.barNav li a.bar2 { background-image:url(../images/bar-2_22x44.gif); } #featHowto div.howBar ul.barNav li a.bar3 { background-image:url(../images/bar-3_22x44.gif); } #featHowto div.howBar ul.barNav li a.bar4 { background-image:url(../images/bar-4_22x44.gif); } #featHowto div.howBar ul.barNav li a.bar5 { background-image:url(../images/bar-5_22x44.gif); } #featHowto div.howBar ul.barNav li a.bar6 { background-image:url(../images/bar-6_22x44.gif); } #featHowto div.howBar ul.barNav li a.bar7 { background-image:url(../images/bar-7_22x44.gif); } #featHowto div.howBar ul.barNav li a.barNext { background-image:url(../images/bar-next_22x44.gif); } #featHowto div.howBar ul.barNav li a.barBack span, #featHowto div.howBar ul.barNav li a.barNext span { visibility:hidden; } /**/ #featHowto div.howContent table { width:600px; height:100%; margin:0px; } #featHowto div.howContent table tr { vertical-align:top; } #featHowto div.howContent table tr td { width:171px; border-right:1px solid #dddddd; padding:10px 14px 20px 14px; } #featHowto div.howContent table tr td h3 { margin:0px; padding:0 0 10px 0; font-size:14px; font-weight:700; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; } #featHowto div.howContent table tr td h3 a { font-size:14px; font-weight:700; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#761617; } #featHowto div.howContent table tr td h3 a:hover { text-decoration:underline; } #featHowto div.howContent table tr td div.authorInfo { line-height:14px; } #featHowto div.howContent table tr td div.authorInfo a { float:left; border:1px solid #761617; margin-right:5px; } #featHowto div.howContent table tr td div.authorInfo a img {text-decoration:none; border:0px; } #featHowto div.howContent table tr td p { padding:0px 0 20px 0; } #featHowto div.howContent table tr td div.readMore { text-align:right; } #featHowto div.howContent table tr td div.readMore a { color:#761617; text-decoration:none; } #featHowto div.howContent table tr td div.readMore a:hover { text-decoration:underline; } /* ==================== HOMEPAGE SLIDER ==================== */ /* Slider --------- */ #slider-gallery{ position: relative; width: 768px; height: 285px; background-color: #FFF; border:solid 1px white; } #slider-gallery-wrapper { overflow: hidden; height: 340px; width: 600px; position: relative; } #slider-gallery-inner { width: 330px; height: 150px; position: relative; } .scrolling-content { width: 330px; height: 228px; text-align: left; position: absolute; } #contentSlide1 { left: 0px; top: 0px; } #contentSlide2 { left: 600px; top: 0px; } #contentSlide3 { left: 1200px; top: 0px; } /* ==================== BREADCRUMBS ==================== */ /* Current Styles --------- */ .B_crumbBox { float: left; margin: 10px 0px; padding: 0; color: #333; font: 12px Tahoma, tahoma,arial,sans-serif; width: 560px;} .B_crumb, .B_homeCrumb { text-decoration: underline; color: #111;} .B_lastCrumb { text-decoration: none; color: #111;} a:hover.B_crumb, a:hover.B_homeCrumb { color: #761617;} /*.B_firstCrumbBox .B_homeCrumbBox .B_lastCrumbBox .B_currentCrumbBox*/ /* ==================== ARTICLE PAGE ==================== */ /* Top Section --------- */ #articleTop { width: 570px; color: #111; font: bold 12px tahoma,arial,sans-serif; margin-left: 0px; margin-top:10px; } #articleOptions { width: 570px; height: 30px; margin: 0px; margin-top: 5px; padding: 5px 0; border-top: 1px solid #999; border-bottom: 1px solid #999;} #articleOptions div { float: left; width: 190px;} #articleOptions a { height: 25px; padding-left: 35px;} #articleOptions a.emailFriend { display: block; text-decoration: none; margin: 5px 0 0 0; color: #761617; font: bold 11px Tahoma, tahoma,arial,sans-serif; background: url(../images/email-to-friend.gif) center left no-repeat;} #articleOptions a.addtoFavorites { display: block; text-decoration: none; margin: 5px 0 0 0; color: #761617; font: bold 11px Tahoma, tahoma,arial,sans-serif; background: url(../images/add-to-favorites.gif) center left no-repeat;} #articleOptions a.printThisPage { display: block; text-decoration: none; margin: 5px 0 0 0; color: #761617; font: bold 11px Tahoma, tahoma,arial,sans-serif; background: url(../images/print-page.gif) center left no-repeat;} /**/ .articlePhoto { float: right; margin: 15px 20px 10px 40px; padding: 1px; border: 1px solid #999;} .articleInsert { padding: 2px; margin: 0 auto; width: 500px; background-color: #fffeff; display: block; border: 1px solid #999;} /* ==================== HOW-TO PAGE ==================== */ /* Top Section --------- */ .howToAuthor { float: left; width: 250px; margin: 0 0 0 40px; padding: 0; color: #111; font: bold 12px tahoma,arial,sans-serif;} .howToAuthor span { padding: 0 0 0 20px; color: #03c; font: 12px tahoma,arial,sans-serif;} .howToDate { float: left; width: 250px; margin: 0; padding: 0; color: #111; font: bold 12px tahoma,arial,sans-serif;} .howToDate span { padding: 0 0 0 20px; color: #03c; font: 12px tahoma,arial,sans-serif;} .howToRating { float: left; width: 250px; margin: 0 0 0 40px; padding: 0; color: #777; font: bold 12px tahoma,arial,sans-serif;} .howToRating img { margin: 0 0 0 10px; padding: 0; border: 0;} .howToRatingRate { float: left; width: 250px; margin: 0 0 8px 0; padding: 0; color: #777; font: bold 12px tahoma,arial,sans-serif;} .howToRatingRate img { margin: 0 0 0 23px; padding: 0; border: 0;} .howTodifficulty { float: left; width: 250px; margin: 0 0 0 40px; padding: 0; color: #111; font: bold 12px tahoma,arial,sans-serif;} .howTodifficulty span { padding: 0 0 0 10px; color: #03c; font: 12px tahoma,arial,sans-serif;} /* Top Section Links --------- */ .howToOptions { float: left; width: 520px; margin: 10px 40px; padding: 5px 0; border-top: 1px solid #999; border-bottom: 1px solid #999;} .howToOptions a.emailFriend { float: left; display: block; text-decoration: none; margin: 5px 0 0 0; padding: 0 20px 5px 35px; color: #761617; font: bold 11px Tahoma, tahoma,arial,sans-serif; background: url(/assets/images/email-to-friend.gif) center left no-repeat;} .howToOptions a.addtoFavorites { float: left; display: block; text-decoration: none; margin: 5px 0 0 50px; padding: 0 20px 5px 35px; color: #761617; font: bold 11px Tahoma, tahoma,arial,sans-serif; background: url(/assets/images/add-to-favorites.gif) center left no-repeat;} .howToOptions a.printThisPage { float: right; display: block; text-decoration: none; margin: 5px 0 0 0; padding: 0 5px 5px 35px; color: #761617; font: bold 11px Tahoma, tahoma,arial,sans-serif; background: url(/assets/images/print-page.gif) center left no-repeat;} .howToPhoto { float: right; margin: 15px 20px 10px 40px; padding: 1px;} /* Back to Edit Link --------- */ #content div#howtoEdit a { color:#333333; font-size:14px; font-weight:700; text-decoration:none; color: #761617; } #content div#howtoEdit a:hover { text-decoration:underline; } /* Video Box --------- */ #videoBg { background-image:url(/assets/images/video-bg_506x411.gif); width:506px; height:398px; text-align:center; padding:13px 0 0 0; margin:0 auto; } /* ==================== STAR RATING ==================== */ /* Stars --------- */ #content ul.star-rating { list-style: none; margin: 0px; width: 100px; height: 20px; position: relative; background: url(alt_star2.gif) top left repeat-x; padding: 0 0px 0px;} #content ul.star-rating ul { list-style-type: none; margin: 0px;} #content ul.star-rating li { padding: 0px 0px 0px; margin: 0px; float: left;} #content ul.star-rating li a { display: block; width: 20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow: hidden; outline: none; border: 0;} #content ul.star-rating li { text-indent: -9000px;} #content ul.star-rating li a:hover { background: url(alt_star2.gif) left bottom; z-index: 2; left: 0px;} #content ul.star-rating a.one-star, .star-rating li.one-star { left: 0px;} #content ul.star-rating a.one-star:hover { width: 20px;} #content ul.star-rating a.two-stars, .star-rating li.two-stars { left: 20px;} #content ul.star-rating a.two-stars:hover { width: 40px;} #content ul.star-rating a.three-stars, .star-rating li.three-stars { left: 40px;} #content ul.star-rating a.three-stars:hover { width: 60px;} #content ul.star-rating a.four-stars, .star-rating li.four-stars { left: 60px;} #content ul.star-rating a.four-stars:hover { width: 80px;} #content ul.star-rating a.five-stars, .star-rating li.five-stars { left: 80px;} #content ul.star-rating a.five-stars:hover { width: 100px;} #content ul.star-rating li.current-rating { background: url(alt_star2.gif) left center; position: absolute; height: 20px; display: block; text-indent: -9000px;} #content ul.star-rating-warning { font-size: smaller; color: maroon;} .error { color: red; display: none;} /* ==================== ARTICLE AND HOW-TO COMMENTS SECTION PAGE ==================== */ /* Comments Box --------- */ #commentsBox { margin: 0px; margin-top: 10px; margin-bottom: 0px; width: 548px; padding: 10px; border: 1px solid #999; background: #eee;} #commentsBox a.addAComment { float: left; display: block; margin: 0; padding: 5px 0 5px 30px; color: #761617; font: bold 11px Tahoma, tahoma,arial,sans-serif; background: url(/assets/images/addAComment.gif) center left no-repeat;} #commentsBox div.myComment { width: 536px; margin: 0 0 10px 0; padding: 5px; border: 1px solid #ddd; background: #fff; float: left;} #commentsBox div.myComment img.myCommentPhoto { float: left; margin: 5px 10px 10px 5px; padding: 1px; border: 1px solid #761617;} #commentsBox div.myComment h4.myCommentTitle { margin: 0 10px 0 10px; padding: 0; color: #761617; font: bold 11px Tahoma, tahoma,arial,sans-serif; line-height: 20px;} #commentsBox div.myComment h4.myCommentTitle span { color: #666;} #commentsBox div.myComment p.myCommentText { margin: 5px 40px; padding: 0; color: #333; font: 11px Tahoma, tahoma,arial,sans-serif; line-height: 16px;} div.jot-list { float: left; background-color: #ccc; font-family: Helvetica, Arial, Geneva, sans-serif; padding: 5px; margin:0 0 10px 0; display:block; width:98%; } form.jot-form label { font: bold 14px Helvetica, Arial, Geneva, sans-serif; color: #761617; } .google-horz { text-align:center; width:568px; } /*#addCommentLink { float: left;} /* ==================== AJAX TABS ==================== */ /* 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 3px; margin:0px; background: #F8F8F8 none repeat scroll 0%; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; color:#761617; } #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 3px 8px; border-bottom: 1px solid white; background-color: #ffffff; color:#761617; 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:#761617; } #Howto #tabs #nav ul li { font-size:11px; color:#8c251c; } #referral #tabs #nav ul li { font-size:11px; color:#8c251c; } /* ==================== SINGLE DAD FORMS ==================== */ /* Creating forms --------- */ #sdForm { width:570px; margin:0 auto; padding:0px 0 10px 0; } #sdForm h1 { font-size:24px; font-weight:700; color:#761617; margin:0px; padding:0px; } #content #sdForm h2 { font-size:16px; font-weight:100; color:#666666; margin:10px 0 0 0; padding:0px; } #sdForm p b { display:block; } /**/ #sdForm div.screenshot { text-align:center; padding:10px 0 30px 0; } #sdForm div.screenshot img { border:8px solid #dddddd; margin:0 2px; } #sdForm div.screenshot-none { text-align:center; padding:10px 0 30px 0; } /**/ #sdForm div.other { border:3px solid #dddddd; width:340px; margin:0 auto; padding:10px; } #sdForm div.other ul { margin:0px; } #sdForm div.other ul li { margin:8px 0; } /**/ #sdForm div.divider { border-top:1px dotted #dddddd; line-height:0px; font-size:1px; height:0px; margin:10px 0; } #sdForm form { margin:0px; padding:0 0 40px 0; } #sdForm form fieldset { border:0px; } #sdForm form fieldset legend { font-weight:700; color:#761617; font-size:14px; padding:10px 0 15px 0; } #sdForm form fieldset table { width:550px; margin:0 auto; } #sdForm form fieldset table tr { vertical-align:top; } #sdForm form fieldset table tr td { padding:6px 0 6px 0; font-weight:100; font-size:13px; } #sdForm form fieldset table tr td fieldset { margin:0px; padding:0px; } #sdForm form fieldset table tr td.label { padding:10px 8px 0 0; text-align:right; font-size:13px; font-weight:100; width:150px; } #sdForm form fieldset table tr td input { font-size:12px; padding:1px 3px; margin:0 5px 0 0; border:2px solid; border-top-color:#848484; border-left-color:#848484; border-bottom-color:#fafafa; border-right-color:#fafafa; } #sdForm form fieldset table tr td textarea { width:320px; height:80px; } #sdForm form fieldset table tr td select { font-size:13px; padding:1px 0; margin:0 5px 0 0; font-weight:100; color:#000000; } #sdForm form fieldset table tr td span { display:block; color:#999999; font-size:12px; font-weight:100; padding:3px 0 0 0; } #sdForm form fieldset table tr td div.formRadio { width:120px; float:left; } #sdForm form fieldset table tr td div.formRadio input { position:relative; top:2px; border:0px; } #sdForm 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; } #sdForm form fieldset table tr.submitBtns td input:hover { border:1px solid #4b0004; background-color:#761617; color:#FFFFFF; cursor:pointer; } /**/ #sdForm form fieldset table tr td div.checkTxt { float:left; width:350px; } #sdForm form fieldset table tr td a { color:#666666; } .error { color: red; display: none;} /**/ #sdForm ul.howtoMenu { margin:0px; padding:30px 0; list-style:none; } #sdForm ul.howtoMenu li { margin:0px; float:left; height:43px; } #sdForm ul.howtoMenu li a { display:block; height:43px; text-decoration:none; background-repeat:no-repeat; } #sdForm ul.howtoMenu li a:hover { background-position:0 -43px; } #sdForm ul.howtoMenu li a.active { background-position:0 -43px; } #sdForm ul.howtoMenu li a span { visibility:hidden; } /**/ #sdForm ul.howtoMenu li.menu1 a { background-image:url(/assets/images/howto-menu1_170x86.gif); width:170px; } #sdForm ul.howtoMenu li.menu2 a { background-image:url(/assets/images/howto-menu2_109x86.gif); width:109px; } #sdForm ul.howtoMenu li.menu3 a { background-image:url(/assets/images/howto-menu3_177x86.gif); width:177px; } #sdForm ul.howtoMenu li.menu4 a { background-image:url(/assets/images/howto-menu4_84x86.gif); width:84px; } /**/ #sdForm form fieldset table tr td div.addMinus { padding:5px 0 0 0; } #sdForm form fieldset table tr td div.addMinus a { font-size:12px; text-decoration:none; color:#333333; background-repeat:no-repeat; background-position:0; padding:0 0 0 15px; margin:0 20px 0 0; } #sdForm form fieldset table tr td div.addMinus a:hover { text-decoration:underline; } #sdForm form fieldset table tr td div.addMinus a.btnAdd { background-image:url(/assets/images/icon-add_11x11.gif); } #sdForm form fieldset table tr td div.addMinus a.btnMinus { background-image:url(/assets/images/icon-minus_11x11.gif); } /**/ #sdForm form fieldset div.addMinus { padding:5px 0 0 0; } #sdForm form fieldset div.addMinus a { font-size:12px; text-decoration:none; color:#333333; background-repeat:no-repeat; background-position:0; padding:0 0 0 15px; margin:0 20px 0 0; } #sdForm form fieldset div.addMinus a:hover { text-decoration:underline; } #sdForm form fieldset div.addMinus a.btnAdd { background-image:url(/assets/images/icon-add_11x11.gif); } /* Letters & Advice --------- */ #sdForm form fieldset table tr td h3 { margin:0px; font-size:16px; display:inline; } #sdForm form fieldset table tr td h3 span { color:#666666; display:inline; font-size:14px; } /* ==================== START UP BOXES ==================== */ /* Show on First Visit Box --------- */ #Start { background-color:#E6E6E6; border:1px solid #C1C1C1; margin:10px 0 15px 0; padding:10px 10px 5px 10px; text-align:right; } #Start div.StartContent { background-color:#FFFFFF; border:1px solid #bfbfbf; margin:0 0 5px 0; padding:10px; text-align:left; } #Start div.StartContent img { float:left; margin:0 10px 0 0; } #Start div.StartContent p { color:#333333; line-height:22px; font-size:16px; } #Start div.StartContent h2 { margin:0px; padding:0px; color:#761617; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:700; } #Start div.StartContent a { background-position:0px 3px; background-repeat:no-repeat; padding:0 0 0 25px; text-decoration:none; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:700; color:#333333; } #Start div.StartContent a:hover { text-decoration:underline; } #Start div.StartContent a span { display:block; padding:5px 10px 0 25px; font-size:12px; } /* ==================== DASHBOARD STYLES ==================== */ /* Top Section with Icons --------- */ #dashTools tr { vertical-align:top; } #dashTools tr td { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:100; padding:5px 0 10px 10px; width:183px; } #dashTools tr td.dashToolsPhoto { padding:5px 0 0 0; } #dashTools tr td.dashToolsPhoto img { border:1px solid #999999; } #dashTools tr td span { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; } #dashTools tr td span a { text-decoration:none; color:#761617; } #dashTools tr td span a:hover { text-decoration:underline; } #dashTools tr td div.divider { border-bottom:1px solid #dddddd; font-size:1px; line-height:0px; height:0px; } /**/ #content a.btn_messages, #content a.btn_profile, #content a.btn_friends, #content a.btn_events, #content a.btn_photo, #content a.btn_settings, #content a.btn_blog, #content a.btn_cancel, #content a.btn_albums, #content a.btn_groups { background-position:top left; background-repeat:no-repeat; padding:0 0 3px 33px; height:20px; color:#333333; text-decoration:none; } #content a.btn_messages:hover, #content a.btn_profile:hover, #content a.btn_friends:hover, #content a.btn_events:hover, #content a.btn_photo:hover, #content a.btn_settings:hover, #content a.btn_blog:hover, #content a.btn_cancel:hover, #content a.btn_albums:hover, #content a.btn_groups:hover { text-decoration:underline; } /**/ #content a.btn_messages { background-image:url(/assets/images/icon-messages_18x15.gif); background-position:4px 0; } #content a.btn_profile { background-image:url(/assets/images/icon-profile_18x15.gif); background-position:4px 0; } #content a.btn_friends { background-image:url(/assets/images/icon-friends_18x18.gif); background-position:4px -1px; } #content a.btn_member { background-image:url(/assets/images/icon-member_17x17.gif); background-position:4px 0; } #content a.btn_events { background-image:url(/assets/images/icon-sm-calendar.gif); background-position:4px 0; } #content a.btn_photo { background-image:url(/assets/images/icon-photo_16x17.gif); background-position:5px 0; } #content a.btn_settings { background-image:url(/assets/images/icon-settings_18x18.gif); background-position:4px 0; } #content a.btn_blog { background-image:url(/assets/images/icon-blog_17x17.gif); background-position:5px -1px; } #content a.btn_cancel { background-image:url(/assets/images/icon-cancel_16x15.gif); background-position:4px 0; } #content a.btn_albums { background-image:url(/assets/images/icon-album_18x15.gif); background-position:5px 1px; } #content a.btn_groups { background-image:url(/assets/images/icon-group_24x16.gif); background-position:4px 0; } /* Member Welcome Popup --------- */ #memberWelcome { position:absolute; z-index:10000; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:170px 0 0 0;width:100%; } #memberWelcome img { border:0px; text-decoration:none; } #memberWelcome div.welcomeBox { background-color:#EEEEEE; border:1px solid #000000; padding:10px; width:548px; margin:0 auto; } #memberWelcome div.welcomeBox div.welcomeContent { background-color:#FFFFFF; border:1px solid #DDDDDD; padding:10px 18px; } #memberWelcome div.welcomeBox div.welcomeContent h2 { margin:0px; padding:0 0 10px 0; font-size:24px; font-weight:700; color:#761617; border-bottom:1px dotted #DDDDDD; } #memberWelcome div.welcomeBox div.welcomeContent table tr td ul li { margin:0px; padding:7px 0; } #memberWelcome div.welcomeBox div.welcomeContent div.welcomeBtns { text-align:center; padding:0 0 10px 0; } #memberWelcome div.welcomeBox div.welcomeContent div.welcomeBtns a.editLater { color:#761617; } #memberWelcome div.welcomeBox div.welcomeContent div.welcomeBtns a.editLater:hover { color:#000000; } /* Show on First Visit Box --------- */ #dashStart { background-color:#E6E6E6; border:1px solid #C1C1C1; margin:30px 0 15px 0; padding:10px 10px 5px 10px; text-align:right; } #dashStart div.dashStartContent { background-color:#FFFFFF; border:1px solid #bfbfbf; margin:0 0 5px 0; padding:10px; text-align:left; } #dashStart div.dashStartContent table tr td { padding:8px 5px; } #dashStart div.dashStartContent h2 { margin:0px; padding:0px; color:#761617; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:700; } #dashStart div.dashStartContent a { background-position:0px 3px; background-repeat:no-repeat; padding:0 0 0 25px; text-decoration:none; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:700; color:#333333; } #dashStart div.dashStartContent a:hover { text-decoration:underline; } #dashStart div.dashStartContent a span { display:block; padding:5px 10px 0 25px; font-size:12px; } /**/ #dashStart a.btnBig_profile { background-image:url(/assets/images/icon-profile_18x15.gif); } #dashStart a.btnBig_friends { background-image:url(/assets/images/icon-friends_18x18.gif); } #dashStart a.btnBig_photo { background-image:url(/assets/images/icon-photo_16x17.gif); } #dashStart a.btnBig_howto { background-image:url(/assets/images/icon-howto_14x19.gif); } /**/ #content a.btn_dontshow { background-image:url(/assets/images/icon-arrow_11x11.gif); background-position:0px 2px; background-repeat:no-repeat; padding:0 0 0 15px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#761617; text-decoration:none; } #content a.btn_dontshow:hover { text-decoration:underline; } /* 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:#761617; } /**/ #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:#8a231e; color:#FFFFFF; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; border-right:1px solid #791612; border-left:1px solid #a13631; } #tabs #data div table tr td.dashTtl { text-align:left; } #tabs #data div table tr td a.btn_edit { background-image:url(/assets/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:#761617; 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(/assets/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(/assets/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(/assets/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; } /* ==================== NEWSLETTER STYLES ==================== */ /* Show on submitting email for Newsletter --------- */ #dashStart div.dashStartContent p a { margin:0px; padding:0px; background-image:none; font-size:12px; } #content a.btnBig_dash { background-image:url(/assets/images/menu_home.gif); background-position:4px 0; } #content a.btnBig_event { background-image:url(/assets/images/icon-sm-calendar.gif); background-position:4px 0; } #content a.btnBig_referral { background-image:url(/assets/images/icon-referrals_24x17.gif); background-position:4px 0; } /* ==================== EVENT CREATED STYLES ==================== */ /* Show on creating event --------- */ #content a.btnBig_editevent { background-image:url(/assets/images/icon-editevent_19x15.gif); background-position:4px 0; } #content a.btnBig_addevent { background-image:url(/assets/images/icon-addevent_19x15.gif); background-position:4px 0; } /* ==================== HOW-TO CREATED STYLES ==================== */ /* Show on creating HOW-TO --------- */ #content a.btnBig_howto { background-image:url(/assets/images/icon-howto_14x19.gif); background-position:4px 0; } #content a.btnBig_addhowto { background-image:url(/assets/images/icon-addhowto_17x19.gif); background-position:4px 0; } #content a.btnBig_edithowto { background-image:url(/assets/images/icon-edithowto_17x19.gif); background-position:4px 0; } /* ==================== EVENT LISTING STYLES ==================== */ /* Multiple events on calendar day --------- */ #content strong.titleMulti { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333; } #content span.textfontClass { display:block; padding:5px 0 10px 0; } #content span.textfontClass a { color:#761617; } /* ==================== CATEGORY STYLES ==================== */ /* Category homepages --------- */ #category .articlePhoto { float:right; margin:0px; margin-left:5px; } /**/ #category #category-column { float:left;width:280px; margin-left:0px; margin-top:35px; font-family:Helvetica, Arial, sans-serif; font-size:12px; } #category #category-column dl { background-color:#e6e6e6; border:1px solid #c1c1c1; padding:6px; margin:5px 0px 11px 0px; } #category #category-column dt { text-align:center; margin:8px 0px; } #category #category-column dd { margin:0px; padding:9px; background-color:#FFFFFF; border:1px solid #bfbfbf; margin:2px 0px 5px 0px; } #category .column1 {margin-right:8px;} #category .categoryTitle { color:#761617; font:bold 18px Helvetica, sans-serif; } #category .categoryTitle a { color:#761617; text-decoration:none; } #category .categoryTitle a:hover { color:#761617; text-decoration:underline; } /**/ #category #group img { border:0px; text-decoration:none; } #category #group dd { text-align:center; } #category #group dd div { float:left; text-align:center; margin:0px 4px 0px 3px; width:30% } #category #group dd img { border:1px solid #781518; margin-bottom:3px; } #category #group dt img { margin:0 5px; position:relative; top:5px; } /**/ #category #referals dd {height:60px;} #category #referals dd img { border:1px solid #781518; margin-right:10px; float:left; width:60px; } #category #referals dd div { float:left; width:170px; font-size:10px; } /**/ #category #events img { border:0px; text-decoration:none; } #category #events dd { text-align:center; } #category #events dt img { position:relative; top:5px;} #category #month { color:#761617; font-size:14px; margin-bottom:3px; } #category #month span { font-weight:700; font-size:20px; } #category #month a { color:#761617; font-size:14px; text-decoration:none; margin:0px 15px 0px 15px; position:relative; bottom:3px; } #category #month a:hover { color:#761617; font-size:14px; text-decoration:underline; margin:0px 15px 0px 15px; position:relative; bottom:3px; } /* ==================== HOW-TO STYLES ==================== */ /* How-to homepage --------- */ #Howto img { border:0px; text-decoration:none; } #Howto #category-column { float:left;width:280px; margin:0px; margin-top:35px; font-family:Helvetica, Arial, sans-serif; font-size:12px; } #Howto #category-column dl { background-color:#e6e6e6; border:1px solid #c1c1c1; padding:6px 6px 6px 6px; margin:5px 0px 15px 0px; } #Howto #category-column dt { text-align:center; margin:8px 0px 8px 0px; } #Howto #category-column dd { margin:0px; padding:9px; background-color:#FFFFFF; border:1px solid #bfbfbf; margin:0px; height:145px; } /**/ #Howto .createHowto{ margin:1px 0 15px 0; } #Howto .createHowto img{ border:0px; text-decoration:none; } #Howto .column1{ padding-left:0px; padding-right:8px; } #Howto .column2{ padding-right:0px; } /**/ #Howto .categoryTitle { color:#761617; font:bold 18px Helvetica, sans-serif; } #Howto .categoryTitle a { color:#761617; text-decoration:none; } #Howto .categoryTitle a:hover { color:#761617; text-decoration:underline; } #Howto .howtoTitle { color:#761617; font:bold 14px Tahoma, Helvetica, sans-serif; } #Howto .howtoTitle a { color:#761617; text-decoration:none; } #Howto .howtoTitle a:hover { color:#761617; text-decoration:underline; } #Howto #category-column dl dd p.howtoText { margin:5px 0px 0px 0px; padding:0; color:#333; font:11px Tahoma, Helvetica, sans-serif; line-height:16px; } #Howto #howtoPosted, #howtoComments, #howtoRating { font:12px Helvetica, sans-serif; font-weight:700; color:#434343;} #Howto #howtoComments span, #howtoRating span { font-weight:100; } #Howto #howtoPosted { float:left; width:50%; margin-top:10px; } #Howto #howtoComments { float:left; width:50%; margin-top:10px; } #Howto #howtoRating table { margin-top:0px; padding-top:0px; font-size:12px; } #Howto #howtoRating img { position:relative; top:2px; } /**/ #content #Howto p.howtoP { padding:13px 0 0 0; width:270px; } /* Tab Content --------- */ #tabs #data div table.howtoListing { height:100%; margin:0px; } #tabs #data div table.howtoListing tr { vertical-align:top; } #tabs #data div table.howtoListing tr td { width:33%; border-right:1px solid #dddddd; padding:10px 14px 20px 14px; text-align:left; } #tabs #data div table.howtoListing tr td h3 { margin:0px; padding:0 0 10px 0; font-size:14px; font-weight:700; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; } #tabs #data div table.howtoListing tr td h3 a { font-size:14px; font-weight:700; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#761617; } #tabs #data div table.howtoListing tr td h3 a:hover { text-decoration:underline; } #tabs #data div table.howtoListing tr td span { display:block; } #tabs #data div table.howtoListing tr td span.authorInfo { line-height:14px; } #tabs #data div table.howtoListing tr td span.authorInfo a { float:left; border:1px solid #761617; margin-right:5px; } #tabs #data div table.howtoListing tr td span.authorInfo a img {text-decoration:none; border:0px; } #tabs #data div table.howtoListing tr td p { padding:0px 0 20px 0; } #tabs #data div table.howtoListing tr td span.readMore { text-align:right; } #tabs #data div table.howtoListing tr td span.readMore a { color:#761617; text-decoration:none; } #tabs #data div table.howtoListing tr td span.readMore a:hover { text-decoration:underline; } /**/ #tabs #data div span.howtoBottom { display:block; text-align:right; background-image:url(/assets/images/dashboard-stretch_30x40.gif); background-position:0 1px; background-repeat:repeat-x; border-top:1px solid #cccccc; padding:10px 15px 0 0; } #tabs #data div span.howtoBottom img { border:0px; text-decoration:none; } /**/ #content #Howto #tabs #data div table.howtoListing tr td span.authorInfo a img { margin-bottom:0px; } #content #Howto #tabs #data div table.howtoListing tr td span.authorInfo a { padding-bottom:0px; } /* ==================== EVENTS STYLES ==================== */ /* Meetup homepage --------- */ #meetup #eventsSearch{ border:1px solid #999; background-color:#eee; margin:0px; margin-top:10px; margin-bottom:30px; } #meetup #eventsSearch span{ border:1px solid #FFFFFF; padding:8px; display:block; height:30px } #meetup #eventsSearch img{ border:0px; text-decoration:none; float:left;} #meetup #browseBy{ float:left; text-align:right; padding-left:10px; width:360px; font:14px Helvetica, sans-serif; font-weight:700; color:#434343; padding-top:5px; } #meetup #browseBy select{ border:1px solid #ddd; width:100px; font-size:11px; } #meetup #browseBy input.btnGo {position:relative; top:5px; left:3px; } /**/ #meetup #nextPrev { font:12px Helvetica, sans-serif; padding:0px; margin: 0px; float:left; width:285px; padding-bottom:10px;} #meetup #nextPrev a{ color:#761617; text-decoration:none; } #meetup #nextPrev a:hover{ color:#761617; text-decoration:underline; } #meetup #nextPrev span { margin-right:5px; } #meetup #results{ float:left; font:12px Helvetica, sans-serif; text-align:right; width:285px; padding-bottom:10px;} /**/ #meetup #eventArchive { margin:0px; margin-top:0px; margin-bottom:10px; padding:10px; border:1px solid #999; background:#eee; } #meetup #eventArchive div.event { float:left; width:536px; margin:0px 0px 5px 0px; padding:5px; border:1px solid #ddd; background:#fff; } #meetup #eventCalendar { background-image:url(/assets/images/icon-calendar.gif); background-repeat:no-repeat; width:64px; height:64px; float:left; text-align:center; padding-bottom:2px; padding-right:3px; font-family:Helvetica, sans-serif; margin-right:10px;} #meetup #eventCalendar div.eventMonth { height:16px; color:#FFFFFF; font-size:14px; padding-top:3px;} #meetup #eventCalendar div.eventDay { height:38px; padding-top:7px; font-size:28px;} #meetup #eventContent { float:left; width:445px;} #meetup #eventArchive div.event h4.eventTitle { margin:0 0 5px 0; padding:0; color:#761617; font:bold 16px Tahoma, Helvetica, sans-serif; line-height:20px; } #meetup .eventTitle a { color:#761617; text-decoration:none; } #meetup .eventTitle a:hover { color:#761617; text-decoration:underline; } #meetup #eventArchive div.event p.eventText { margin:0px; padding:0; color:#333; font:11px Tahoma, Helvetica, sans-serif; line-height:16px; } #meetup #eventCat { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; margin:5px 0px 5px 0px; float:left; width:200px; } #meetup #eventCat span { font-weight:100; } #meetup #eventCat a { color:#761617; text-decoration:none; } #meetup #eventCat a:hover { text-decoration:underline; } #meetup #readmore { text-align:right; font:12px Helvetica, sans-serif; padding-right:5px; margin-top:3px; } #meetup #readmore a { color:#761617; text-decoration:none; } #meetup #readmore a:hover { text-decoration:underline; } #meetup #readmore img{ border:0px; text-decoration:none;} /* Meetup Listing Page --------- */ #meetup #eventArchive { margin:10px 0px 30px 0px; padding:10px; border:1px solid #999; background:#eee; } #meetup #eventArchive div.event { float:left; margin:0px 0px 5px 0px; padding:5px; border:1px solid #ddd; background:#fff; } #meetup #eventCalendar { background-image:url(/assets/images/icon-calendar.gif); background-repeat:no-repeat; width:64px; height:64px; float:left; text-align:center; padding-bottom:2px; padding-right:3px; font-family:Helvetica, sans-serif; margin-right:10px;} #meetup #eventCalendar div.eventMonth { height:16px; color:#FFFFFF; font-size:14px; padding-top:3px;} #meetup #eventCalendar div.eventDay { height:38px; padding-top:7px; font-size:28px;} #meetup #eventContent { float:left; width:445px;} #meetup #eventArchive div.event h4.eventTitle { margin:0px; padding:0; color:#761617; font:bold 14px Tahoma, Helvetica, sans-serif; } #meetup #eventArchive div.event p.eventText { margin:0px; padding:0; color:#333; font:11px Tahoma, Helvetica, sans-serif; line-height:16px; } #meetup #eventCat { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; margin:5px 0px 0px 0px; float:left; width:200px; } #meetup #eventCat span { font-weight:100; } #meetup #eventCat a { color:#761617; text-decoration:none; } #meetup #eventCat a:hover { text-decoration:underline; } #meetup #eventSignup { text-align:center; position:relative; top:3px;} #meetup #eventSignup img { border:0px; text-decoration:none;} #meetup .eventTitle { color:#761617; font:bold 14px Helvetica, sans-serif; padding-left:0px; padding-top:30px; } #meetup .eventAddress { font-size:13px; padding:10px 0; color:#333333; } #meetup #eventOthers { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; margin:5px 0px 0px 0px; width:525px; text-align:center; } #meetup #eventOthers div { float:left; text-align:center; margin:0px 4px 0px 3px; width:95px; } #meetup #eventOthers img { border:0px; text-decoration:none; margin-bottom:3px; } /**/ #meetup div.map { margin:0px 0 0 0; padding:1px; width:566px; margin:0px; border:1px solid #999999; background-color:#FFFFFF; } #meetup div.map a { display:block; background-color:#eeeeee; text-align:right; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3px 5px; border-top:1px solid #FFFFFF; text-decoration:none; color:#761617; } #meetup div.map a:hover { background-color:#761617; color:#FFFFFF; } /* ==================== REFERRAL MAIN PAGE STYLES ==================== */ /* Referral main search listing page --------- */ #referral .referralsContent { width:230px; float:left; padding:0 25px 0 0; } /**/ #referral #searchBox { width:290px; margin:10px 0 10px 0; padding:10px; border:1px solid #999; background:#eee; float:left; } #referral #searchBox div.searchBoxContent { margin:0px; padding:10px; border:1px solid #ddd; background:#fff; } #referral .searchTitle { color:#761617; font:bold 18px Helvetica, sans-serif; } #referral .searchOptions { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; text-align:right;} #referral #searchBox input, #searchBox select{ border:1px solid #ddd; } #referral #searchBox table{ margin:10px 00px 10px 00px;} #referral #searchBox table td{ padding-bottom:5px; } #referral #searchBox table td.formEx { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; } /**/ #referral #subCatBox { width:545px; margin:20px 0 10px 0; padding:10px; border:1px solid #999; background:#eee; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; } #referral #subCatBox div.subCatBoxContent { margin:0px; padding:10px; border:1px solid #ddd; background:#fff; } #referral #subCatBox div h3.subCatTitle { color:#761617; font:bold 18px Helvetica, sans-serif; margin:0px; padding:0px; } #referral #subCatBox div span.subCatBoxColL { margin:0px; padding:0 10px 0 0; width:240px; float:left; border-right:1px solid #dddddd; } #referral #subCatBox div span.subCatBoxColR { margin:0px; padding:0 10px; width:240px; float:left; } #referral #subCatBox div span.subCatBoxColL ul, #subCatBox div span.subCatBoxColR ul { margin:0px; padding:10px 0 10px 30px; } #referral #subCatBox div span.subCatBoxColL ul li, #subCatBox div span.subCatBoxColR ul li { margin:0px; padding:0 0 10px 0; } #referral #subCatBox div span.subCatBoxColL ul li a, #subCatBox div span.subCatBoxColR ul li a { color:#333333; text-decoration:none; } #referral #subCatBox div span.subCatBoxColL ul li a:hover, #subCatBox div span.subCatBoxColR ul li a:hover { color:#761617; text-decoration:underline; } /**/ #referral div#menuSubCat select { width:152px; } /* ==================== REFERRAL DETAILS STYLES ==================== */ /* Referral details Page --------- */ #referral #profileColumn1{ padding:15px 0 0 0; margin-right:15px; float:left; width:250px; font-family:Helvetica, Arial, sans-serif; font-size:12px; } #referral #profileColumn1 dl { background-color:#e6e6e6; border:1px solid #c1c1c1; padding:6px 6px 0px 6px; margin:5px 0px 15px 0px; } #referral #profileColumn1 dd { margin:0px; padding:9px; background-color:#FFFFFF; border:1px solid #bfbfbf; margin:2px 0px 5px 0px; } #referral #profileColumn1 dd table { margin-top:0px; } #referral #profileColumn1 dd table tr {vertical-align:top;} #referral .profileCat { font:12px Helvetica, sans-serif; color:#666666; margin:5px 0px 5px 0px;} #referral .profileEntry { color:#761617; padding-left:5px; padding-bottom:8px; } #referral .profileEntry a { color:#761617; text-decoration:none; } #referral .profileEntry a:hover { color:#761617; text-decoration:underline; } #referral #profileImg { margin-bottom:15px; } #referral #profileImg img.articlePhoto { max-width:246px; float:none; margin:0px; } /**/ #referral #profileColumn2 { padding:15px 0 0 0; float:left; width:300px;} #referral #profileColumn2 p { margin:5px 0px 0px 0px; padding:0px;} #referral .profileTitle { color:#761617; font:bold 14px Helvetica, sans-serif; } /**/ #referral #profileComments { margin:5px 0px 0px 0px; padding:10px; border:1px solid #999; background:#eee; } #referral #profileComments div.comment { float:left; margin:0px; padding:5px; border:1px solid #ddd; background:#fff; } #referral #commentPhoto { float:left; margin:0px; padding:0px; width:80px; margin-right:5px; } #referral #commentPhoto img { border:1px solid #761617; max-width:80px; } #referral #commentContent { float:left; width:180px; } #referral #commentAuthor a { color:#761617; font:bold 12px Helvetica, sans-serif; text-decoration:none; } #referral #commentAuthor a:hover {color:#761617; font:bold 12px Helvetica, sans-serif; margin-bottom:3px; text-decoration:underline; } #referral #commentDate { color:#666666; font:12px Helvetica, sans-serif; margin-top:3px; } #referral #commentContent p.commentText { line-height:15px;} /**/ #referral #addCommentLink a.addAComment { background:transparent url(/assets/images/addAComment.gif) no-repeat scroll left center; color:#761617; display:block; font-family:Tahoma,tahoma,arial,sans-serif; font-size:11px; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:0 0 5px 0; padding:5px 0pt 5px 30px; } /* ==================== FEATURED MEMBERS ==================== */ /* Featured Members Homepage --------- */ .memResults { width:145px; float:left; } /**/ #featMem #memArchive { margin:0px; margin-top:0px; margin-bottom:10px; padding:10px; border:1px solid #999; background:#eee; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333333; } #featMem #memArchive div.member { float:left; width:536px; margin:0px 0px 5px 0px; padding:5px; border:1px solid #ddd; background:#fff; } #featMem #memArchive div.member div.memPhoto { width:153px; padding:5px; float:left; } #featMem #memArchive div.member div.memInfo { width:355px; float:left; padding:0 0 0 15px; font-size:13px; } #featMem #memArchive div.member div.memInfo h2 { margin:0px; padding:0 0 5px 0; } #featMem #memArchive div.member div.memInfo h2 a { text-decoration:none; color:#761617; font-size:24px; font-weight:100; } #featMem #memArchive div.member div.memInfo h2 a:hover { text-decoration:underline; } /**/ #featMem #memArchive div.member div.memInfo table#icons { width:355px; } #featMem #memArchive div.member div.memInfo table#icons tr td { padding:10px 0 5px 0; width:152px; } #featMem #memArchive div.member div.memInfo table#icons tr td a { color:#333333; font-weight:100; font-size:13px; background-position:top left; background-repeat:no-repeat; padding:3px 0 3px 25px; height:20px; color:#333333; text-decoration:none; } #featMem #memArchive div.member div.memInfo table#icons tr td a:hover { text-decoration:underline; } /**/ .btn_articles { background-image:url(/assets/images/icon-articles_14x19.gif); } .btn_howto { background-image:url(/assets/images/icon-howto_14x19.gif); } .btn_website { background-image:url(/assets/images/icon-web_16x17.gif); } /* ==================== MEMBER LETTERS HOMEPAGE ==================== */ #lettersArchive { margin:0px; margin-top:0px; margin-bottom:10px; padding:10px; border:1px solid #999; background:#eee; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333333; } #lettersArchive div.letters { float:left; width:526px; margin:0px 0px 5px 0px; padding:10px; border:1px solid #ddd; background:#fff; font-size:13px; color:#333333; } #lettersArchive div.letters h2 { margin:0px; padding:0px; } #lettersArchive div.letters h2 a { color:#761617; font-size:20px; font-weight:100; text-decoration:none; } #lettersArchive div.letters h2 a:hover { text-decoration:underline; } #lettersArchive div.letters a { color:#761617; } #lettersArchive div.letters table { width:526px; } #lettersArchive div.letters table tr td { width:33%; font-weight:100; font-size:13px; padding:5px 0; } /**/ #content #letterAdvice p { width:240px; float:left; padding:0 10px 0 0; } #letterAdvice div.btn-letter { width:318px; float:left; } #letterAdvice div.btn-letter a img { border:0px; text-decoration:none; position:relative; bottom:25px; } /* Member letters Details page --------- */ #content #lettersPage h3 { font-size:24px; font-weight:100; padding:20px 0 0 0; } #content #lettersPage div.quoteBottom { background-image:url(/assets/images/icon-quoteBottom_32x26.gif); background-position:bottom right; background-repeat:no-repeat; } #content #lettersPage div.quoteBottom div.quoteTop { background-image:url(/assets/images/icon-quoteTop_32x26.gif); background-position:top left; background-repeat:no-repeat; } #content #lettersPage div.quoteBottom div.quoteTop p { font-style:italic; color:#666666; padding:0 38px; } /* ==================== 10 MINUTES, 12 QUESTIONS HOMEPAGE ==================== */ #ff { background-image:url(/assets/images/ff-helmet_173x145.jpg); background-position:right top; background-repeat:no-repeat; padding:15px 200px 5px 0; font-size:13px; color:#333333; height:145px; } #ff div.btn-letter { width:318px; float:left; } /**/ #ffSchedule tr { vertical-align:top; } #ffSchedule tr td { padding:10px 0 20px 0; } #ffSchedule table.ffWeeks { width:160px; } #ffSchedule table.ffWeeks tr td { padding:5px 2px; } #ffSchedule table.ffWeeks tr td a { color:#333333; font-size:14px; font-weight:100; text-decoration:none; } #ffSchedule table.ffWeeks tr td a:hover { color:#761617; text-decoration:underline; } #ffSchedule table.ffWeeks tr td a.ffActive { color:#761617; font-weight:700; } #ffSchedule table.ffWeeks tr td a.btnInactive { color:#999999; } #ffSchedule table.ffWeeks tr td a.btnInactive:hover { text-decoration:none; cursor:default; } #ffSchedule dl.ffListing { margin:0px; padding:0px; font-size:14px; font-weight:100; color:#333333; width:405px; visibility:hidden; position:absolute; } #ffSchedule dl.ffListing dt { border:1px solid #dddddd; padding:10px; font-size:18px; font-weight:100; background-image:url(/assets/images/ff-fade_30x39.gif); background-repeat:repeat-x; } #ffSchedule dl.ffListing dd { margin:0px; padding:10px 10px 10px 38px; border:1px solid #dddddd; border-top:0px; background-image:url(/assets/images/icon-ffArrow_7x8.gif); background-position:20px 15px; background-repeat:no-repeat; color:#666666; font-size:13px; } #ffSchedule dl.ffListing dd strong { font-weight:100; font-size:14px; color:#333333; } #ffSchedule dl.ffListing dd span { color:#761617; font-size:18px; } /**/ #content div.ffc { border:1px solid #dddddd; width:260px; background-image:url(/assets/images/ff-fade_40x50.gif); background-repeat:repeat-x; margin:6px 0; padding:8px; float:left; } #content div.ffcRight { position:relative; left:13px; } #content div.ffc div.ffcImg { width:80px; margin:0 8px 0 0; text-align:center; float:left; overflow:hidden; } #content div.ffc h2 { margin:0px; } #content div.ffc h2 a { color:#761617; text-decoration:none; font-size:15px; } #content div.ffc span a { font-size:13px; text-decoration:none; color:#333333; } #content div.ffc a:hover { text-decoration:underline; } /* ==================== 10 MINUTES, 12 QUESTIONS HOMEPAGE ==================== */ #interviewArchive { margin:0px; margin-top:0px; margin-bottom:10px; padding:10px; border:1px solid #999; background:#eee; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333333; } #interviewArchive div.interviewListing { float:left; width:526px; margin:0px 0px 5px 0px; padding:10px; border:1px solid #ddd; background:#fff; font-size:13px; color:#333333; } #interviewArchive div.interviewListing h2 { margin:0px; padding:0px; } #interviewArchive div.interviewListing h2 a { color:#761617; font-size:20px; font-weight:100; text-decoration:none; } #interviewArchive div.interviewListing h2 a:hover { text-decoration:underline; } #interviewArchive div.interviewListing a { color:#761617; } #interviewArchive div.interviewListing div.interviewPhoto { width:140px; float:left; padding:10px 10px 0 0; } #interviewArchive div.interviewListing div.interviewContent { width:375px; float:left; padding:10px 0 0 0; } #interviewArchive div.interviewListing table { width:375px; } #interviewArchive div.interviewListing table tr td { width:50%; font-weight:100; font-size:13px; padding:3px 0; } #interviewArchive div.interviewListing table tr td table.interviewRating { width:auto; margin:0px; padding:0px; } #interviewArchive div.interviewListing table tr td table.interviewRating tr td { width:auto; padding:0px;} /**/ #interview { background-image:url(/assets/images/img-jesse_316x223.jpg); background-position:right; background-repeat:no-repeat; padding:15px 320px 5px 0; font-size:13px; color:#333333; height:223px; } #interview div.btn-letter { width:318px; float:left; } /**/ #interviewPage { padding:20px 0 20px 0; } /* ==================== ARCHIVE STYLES ==================== */ #nextPrev { float:left; width:420px; font-size:13px; color:#333333; } #results{ float:left; font:12px Helvetica, sans-serif; text-align:right; } #RSS { background-image:url(/assets/images/icon-rss_14x14.gif); background-repeat:no-repeat; color:#761617; font-size:12px; font-weight:700; padding:0 0 0 18px;text-decoration:none; height:14px; width:80px; display:block; float:left; position:relative; top:7px; } #RSS:hover { text-decoration:underline; } .blockAd { text-align:center; } #nextPrev a.ditto_page { margin:0 5px; } #nextPrev span.ditto_currentpage { margin:0 5px; } /* how to archive listing --------- */ #archiveHow #nextPrev { font:12px Helvetica, sans-serif; margin-left:20px; padding:10px 0 0 0; } #archiveHow #nextPrev a{ color:#761617; text-decoration:none; } #archiveHow #nextPrev a:hover{ color:#761617; text-decoration:underline; } /**/ #archiveHow #listingArchive { margin:10px auto 10px auto; width:520px; padding:10px; border:1px solid #999; background:#eee; } #archiveHow #listingArchive div.listing { float:left; width:500px; margin:0px 0px 5px 0px; padding:5px; border:1px solid #ddd; background:#fff; } #archiveHow #listingInfo { float:left; width:400px; } #archiveHow #listingPhoto {float:left; width:80px; margin:5px 10px 0px 5px; padding:0px; } #archiveHow #listingPhoto img { border:1px solid #761617; } #archiveHow #listingArchive div.listing h4.listingTitle { margin:5px 0 0 0; padding:0; color:#761617; font:bold 16px Tahoma, Helvetica, sans-serif; line-height:20px; } #archiveHow .listingTitle a { color:#761617; text-decoration:none; } #archiveHow .listingTitle a:hover { color:#761617; text-decoration:underline; } #archiveHow #listingArchive div.listing p.listingText { margin:0px 0px; padding:0 10px 10px 10px; color:#333; font:11px Tahoma, Helvetica, sans-serif; line-height:16px; } #archiveHow #listingPosted, #listingComments, #listingRating, #listingAuthor, #listingDifficulty{ float:left; font:12px Helvetica, sans-serif; font-weight:700; color:#434343; margin-bottom:5px; } #archiveHow #listingComments span, #listingRating span, #listingDifficulty span{ font-weight:100; } #archiveHow #listingAuthor{ width:200px; margin-top:5px; padding-right:10px; } #archiveHow #listingPosted{ width:160px; margin-top:5px; } #archiveHow #listingDifficulty{ width:200px; padding-right:10px; } #archiveHow #listingComments{ width:160px;} #archiveHow #listingRating{ position:relative; bottom:5px;} #archiveHow #listingRating img{ position:relative; top:2px; } /* article archive listing --------- */ #archiveArticle #nextPrev { font:12px Helvetica, sans-serif; margin-left:20px; padding:10px 0 0 0; } #archiveArticle #nextPrev a{ color:#761617; text-decoration:none; } #archiveArticle #nextPrev a:hover{ color:#761617; text-decoration:underline; } #archiveArticle #nextPrev span { margin-right:5px; } /**/ #archiveArticle #articleArchArchive { margin:10px auto 10px auto; width:520px; padding:10px; border:1px solid #999; background:#eee; } #archiveArticle #articleArchArchive div.articleArch { float:left; width:500px; margin:0px 0px 5px 0px; padding:5px; border:1px solid #ddd; background:#fff; } #archiveArticle #articleArchInfo { float:left; width:400px; margin:0px; } #archiveArticle #articleArchPhoto {float:left; width:80px; margin:5px 10px 0px 5px; padding:0px; } #archiveArticle #articleArchPhoto img { border:1px solid #761617; } #archiveArticle #articleArchArchive div.articleArch h4.articleArchTitle { margin:5px 0 0 0; padding:0; color:#761617; font:bold 16px Tahoma, Helvetica, sans-serif; line-height:20px; } #archiveArticle .articleArchTitle a { color:#761617; text-decoration:none; } #archiveArticle .articleArchTitle a:hover { color:#761617; text-decoration:underline; } #archiveArticle #articleArchArchive div.articleArch p.articleArchText { margin:0px 0px; padding:0 10px 10px 10px; color:#333; font:11px Tahoma, Helvetica, sans-serif; line-height:16px; } #archiveArticle #articleArchPosted, #articleArchComments, #articleArchRating, #articleArchAuthor, #articleArchRating { float:left; font:12px Helvetica, sans-serif; font-weight:700; color:#434343; margin-bottom:5px; } #archiveArticle #articleArchComments span, #archiveArticle #articleArchRating span { font-weight:100; } #archiveArticle #articleArchAuthor{ width:160px; margin-top:5px; } #archiveArticle #articleArchPosted{ width:170px; margin-top:5px; } #archiveArticle #articleArchComments{ width:160px;} #archiveArticle #articleArchRating { position:relative; bottom:5px;} #archiveArticle #articleArchRating img { position:relative; top:3px;} /* Referral archive listing --------- */ #archiveReferral #nextPrev { font:12px Helvetica, sans-serif; padding-left:0px; margin-left:15px; float:left; width:265px; padding-bottom:10px; padding-top:10px; } #archiveReferral #nextPrev a{ color:#761617; text-decoration:none; } #archiveReferral #nextPrev a:hover{ color:#761617; text-decoration:underline; } #archiveReferral #nextPrev { margin-right:5px; } #archiveReferral #results{ float:left; font:12px Helvetica, sans-serif; text-align:right; width:265px; padding-bottom:10px; } /**/ #archiveReferral #referralArchive { margin:10px auto 10px auto; width:520px; padding:10px; border:1px solid #999; background:#eee; } #archiveReferral #referralArchive div.referral { float:left; width:500px; margin:0px 0px 5px 0px; padding:5px; border:1px solid #ddd; background:#fff; } #archiveReferral #referralInfo { float:left; width:380px; } #archiveReferral #referralPhoto {float:left; width:100px; margin:5px 10px 0px 5px; padding:0px; } #archiveReferral #referralPhoto img { border:1px solid #761617; } #archiveReferral #referralArchive div.referral h4.referralTitle { margin:5px 0 0 0; padding:0; color:#761617; font:bold 16px Tahoma, Helvetica, sans-serif; line-height:20px; } #archiveReferral .referralTitle a { color:#761617; text-decoration:none; } #archiveReferral .referralTitle a:hover { color:#761617; text-decoration:underline; } #archiveReferral #referralArchive div.referral p.referralText { margin:0px 0px; padding:0 10px 10px 0; color:#333; font:11px Tahoma, Helvetica, sans-serif; line-height:16px; } #archiveReferral #referralJob, #referralCategory { width:350px; font:12px Helvetica, sans-serif; font-weight:700; color:#434343; margin-bottom:2px; margin-top:3px; } #archiveReferral #referralCategory a { color:#761617; font-weight:100; text-decoration:none; } #archiveReferral #referralCategory a:hover { color:#761617; text-decoration:underline; } /**/ #archiveReferral #readmore { text-align:right; color:#761617; font:12px Helvetica, sans-serif; margin-top:3px;} #archiveReferral #readmore a { color:#761617; text-decoration:none;} #archiveReferral #readmore a:hover { color:#761617; text-decoration:underline;} /* ==================== COMPANY STORE STYLES ==================== */ /* Company Store Product Listing --------- */ #store #storeBox { width:545px; margin:10px 0 10px 0; padding:10px; border:1px solid #999; background:#eee; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; } #store #storeBox div.storeBoxContent{ margin:0px; padding:10px; border:1px solid #ddd; background:#fff; } #store #storeBox div.storeBoxContent div.storeListing a img.storeListingImg { width:135px; float:left; border:0px; text-decoration:none; } #store #storeBox div.storeBoxContent div.storeListing div.storeListingContent { width:375px; float:left; padding:10px 0 0 10px; } #store #storeBox div.storeBoxContent div.storeListing div.storeListingContent h3 { margin:0px; padding:0px; font-weight:700; font-size:18px; } #store #storeBox div.storeBoxContent div.storeListing div.storeListingContent h3 a { text-decoration:none; color:#761617; } #store #storeBox div.storeBoxContent div.storeListing div.storeListingContent h3 a:hover { text-decoration:underline; } #store #storeBox div.storeBoxContent div.storeListing div.storeListingContent h4 { margin:0px; padding:5px 0 0 0; font-weight:700; font-size:12px; } #store #storeBox div.storeBoxContent div.storeListing div.storeListingContent h4 span { color:#761617;} #store #storeBox div.storeBoxContent div.storeListing div.storeListingContent p { margin:0px; padding:6px 0; line-height:16px; } #store #storeBox div.storeBoxContent div.storeListing div.storeListingContent a img { border:0px; text-decoration:none; } #store #storeBox div.storeBoxContent div.divider-dotted { background-image:url(/assets/images/div-dotted_51x1.gif); background-repeat:repeat-x; background-position:center; line-height:1px; font-size:1px; height:1px; padding:8px 0; } /* Company Store Product Detail Listing --------- */ #store div.img_lg { width:380px; float:left; padding-top:20px; } #store div.listingContent { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; width:180px; float:left; padding-top:20px; } #store div.listingContent h4 { margin:0px; padding:5px 0 5px 0; font-weight:700; font-size:12px; } #store div.listingContent span.addcart input { border:0px; } #store div.listingContent span { color:#761617;} #store div.listingContent p { margin:0px; padding:6px 0; line-height:14px; } #store div.listingContent a img { border:0px; text-decoration:none; } #store div.listingContent input.btnAdd { margin-top:10px; } /* Company Store Product Checkout --------- */ #store table.grid { margin:20px 0; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:12px; border:0px; } #store table.grid tr { vertical-align:middle; border:0px; } #store table.grid tr td.gridHeader { background-color:#8a231e; border:0px; padding:6px; font-size:13px; color:#FFFFFF; } #store table.grid tr td.gridItem { padding:5px; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background-color:#eeeeee; line-height:14px; } #store table.grid tr td.gridItem strong { font-size:13px; color:#761617;} #store table.grid tr td.gridAltItem { padding:5px; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background-color:#FFFFFF; } #store table.grid tr td.gridAltItem strong { font-size:13px; color:#761617; } #store form { margin-bottom:20px; } /* ==================== MEMBER LOGIN PAGE ==================== */ /* Login Box --------- */ #login { border:1px solid #999999; background-color:#eeeeee; width:470px; padding:10px; margin:0 auto 15px auto; } #login div.loginBox { border:1px solid #dddddd; 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:#666666; } #login div.loginBox form table tr td a:hover { color:#761617; } #login div.loginBox form table tr td a.btnForgot { background-image:url(/assets/images/icon-key_16x16.gif); } #login div.loginBox form table tr td a.btnNoEmail { background-image:url(/assets/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; color:#666666; font-weight:100; } #login div.loginBox div.loginNotMember a:hover { color:#761617; } #login div.loginBox div.loginNotMember a.btnSignup { background-image:url(/assets/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; } /* Old Login Box --------- #login #loginBox { width:350px; margin:10px auto 10px auto; padding:10px; border:1px solid #999; background:#eee; } #login #loginBox div{ margin:0px; padding:10px; border:1px solid #ddd; background:#fff; } #login #loginBox span.loginTitle { color:#761617; font:bold 18px Helvetica, sans-serif; } #login #loginBox td.loginOptions { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; text-align:right; } #login #loginBox td.bold { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; } #login #loginBox td.bold a{ font:12px Helvetica, sans-serif; font-weight:700; color:#761617; text-decoration:none; } #login #loginBox td.bold a:hover {text-decoration:underline; } #login #loginBox input, #searchBox select{ border:1px solid #ddd; } #login #loginBox table{ margin:10px 30px 10px 30px;} #login #loginBox table td{ padding-bottom:5px; } #login #loginBox table td input#chkbox { border:0px; } /* ==================== SIGN UP PAGE ==================== */ /* Sign up Form Box --------- */ #signup #loginBox { width:260px; float:left; padding:10px 0 0 0; margin-top:20px; } #signup #loginBox span.loginTitle { color:#761617; font:bold 18px Helvetica, sans-serif; } #signup #loginBox span.loginTitle2 { color:#761617; font:bold 13px Helvetica, sans-serif; } #signup #loginBox td { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; } #signup #loginBox td.bold { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; } #signup #loginBox td.bold a{ font:12px Helvetica, sans-serif; font-weight:700; color:#761617; text-decoration:none; } #signup #loginBox td.bold a:hover {text-decoration:underline; } #signup #loginBox input, #searchBox select{ border:1px solid #ddd; } #signup #loginBox table{ margin:10px 60px 10px 10px;} #signup #loginBox table td{ padding-bottom:15px; } #signup #loginBox table td fieldset { border:0px; } #signup #loginBox table td span { font-weight:100; font-size:11px;} #signup #loginBox table td h6 { margin:0px; padding:0px; display:inline; font:12px Helvetica, sans-serif; font-weight:700; color:#761617; } /**/ #signup span.loginTitle { color:#761617; font:bold 30px Helvetica, sans-serif; } #signup span.loginTitle2 { color:#761617; font:bold 13px Helvetica, sans-serif; } #signup td { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; } #signup td.bold { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; } #signup td.bold a{ font:12px Helvetica, sans-serif; font-weight:700; color:#761617; text-decoration:none; } #signup td.bold a:hover {text-decoration:underline; } #signup input, #searchBox select{ border:1px solid #ddd; } #signup table { margin-top:10px; } #signup table tr td table { width:270px; margin-right:10px; } #signup table td{ padding-bottom:15px; } #signup table td fieldset { border:0px; } #signup table td span { font-weight:100; font-size:11px;} /**/ #signup .steps { margin:0px; padding:0px; list-style:none; width:548px; height:90px; } #signup .steps li { margin:0px; padding:0px; float:left; } #signup .steps li img { border:0px; text-decoration:none; } /* ==================== STAFF PAGE ==================== */ /* Staff --------- */ #staff { font-size:13px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333333; } #staff img { border:0px; text-decoration:none; } #staff div.staffImg { width:255px; text-align:center; float:left; padding:40px 0 20px 0; } #staff div.staffImg img { margin:0 0 10px 0; } #staff div.staffDesc { width:280px; float:left; padding:50px 0 20px 20px; } #staff div.staffDesc strong { padding-bottom:5px; display:block; } /* ==================== HELP CENTER PAGES ==================== */ /* Help Center --------- */ #content #help h2 { color:#666666; font-size:18px; font-weight:100; margin:10px 0pt 0pt; padding:0px; } #content #help h2 a { color:#761617; } #content #help div.helpImg { border-top:1px dotted #dddddd; border-bottom:1px dotted #dddddd; padding:7px 0; margin:20px 0; } #content #help div.helpSection { float:left; width:170px; font-size:13px; color:#333333; line-height:20px; } #content #help div.helpSection strong { font-weight:100; font-size:18px; color:#761617; display:block; padding:0 0 10px 0; } #content #help div.helpSection a { color:#761617; } /* faq --------- */ #faq { margin:0px; padding:0px; } #faq dt { padding:15px 0 0px 0; margin:20px 0 0 0; font-size:14px; font-weight:700; color:#333333; border-top:1px dotted #dddddd; } #faq dd { margin:10px 0; padding:0 0 0 13px; font-size:13px; color:#666666; background-image:url(../assets/images/footer-bullet_4x4.gif); background-repeat:no-repeat; background-position:0 6px; } #faq dd a { color:#666666; text-decoration:none; } #faq dd a:hover { color:#333333; text-decoration:underline; } #faq dd a h2 { color:#666666; font-weight:100; font-size:18px; border-top:1px dotted #dddddd; padding:10px 0 0 0; } #faq dd a:hover h2 { text-decoration:underline; color:#333333; } #faq dd div.divHidden { background-color:#fafafa; border:1px solid #dddddd; margin:10px 0 0 0; padding:5px 10px; color:#000000; } #faq dd div.divHidden img { float:right; margin:10px 10px 10px 20px; } #faq dd div.divHidden div.clear { clear:right; } /* Contact --------- */ #content #contact h2 { color:#666666; font-size:18px; font-weight:100; margin:10px 0pt 0pt; padding:0px; } #content #contact h2 a { color:#761617; } #content #contact form { margin:0px; padding:20px 0 40px 0; } #content #contact form table tr { vertical-align:top; } #content #contact form table tr td { padding:6px 0 6px 0; font-weight:100; font-size:13px; } #content #contact form table tr td.label { padding:10px 8px 0 0; text-align:right; font-size:13px; font-weight:100; width:150px; } #content #contact form table tr td input { font-size:12px; padding:1px 3px; margin:0 5px 0 0; border:2px solid; border-top-color:#848484; border-left-color:#848484; border-bottom-color:#fafafa; border-right-color:#fafafa; } #content #contact form table tr td textarea { width:250px; height:80px; } #content #contact form table tr td select { font-size:12px; padding:1px 0; margin:0 5px 0 0; } #content #contact form table tr td span { display:block; color:#999999; font-size:12px; font-weight:100; padding:3px 0 0 0; } #content #contact form table tr td input.btnSubmit { border:0px; position:relative; right:8px; } /* ==================== ABOUT US PAGES ==================== */ /* Media Center --------- */ #content #mediaCenter h2 { font-size:16px; color:#333333; font-weight:700; border-bottom:1px dotted #dddddd; padding:20px 0 10px 0; } #content #mediaCenter div.newsListing { border-bottom:1px dotted #dddddd; padding:10px 0; } #content #mediaCenter div.newsListing div.newsListingContent { width:480px; float:left; font-size:13px; color:#333333; } #content #mediaCenter div.newsListing div.newsListingContent h3 { margin:0px; } #content #mediaCenter div.newsListing div.newsListingContent h3 a { margin:0px; font-size:13px; color:#761617; text-decoration:none; } #content #mediaCenter div.newsListing div.newsListingContent h3 a:hover { text-decoration:underline; } #content #mediaCenter div.newsListing div.newsListingContent a { color:#333333; font-size:12px; } #content #mediaCenter div.newsListing div.newsListingDate { width:90px; float:left; text-align:right; font-size:13px; font-weight:700; color:#333333; } #content #mediaCenter div.newsListing div.newsListingDate img { position:relative; top:3px; right:3px; } /* Advertisers --------- */ #content #advertisers h2 { color:#666666; font-size:18px; font-weight:100; margin:10px 0pt 0pt; padding:0px; } #content #advertisers div.advertisersContent { background-image:url(/assets/images/advertisers-img_286x245.jpg); background-repeat:no-repeat; padding:50px 0 0 270px; margin:20px 0 20px 0; } #content #advertisers div.advertisersBlock { background-color:#666666; padding:10px; color:#FFFFFF; border:1px solid #FFFFFF; } #content #advertisers div.advertisersBlock h3 { margin:0px; color:#FFFFFF; font-size:20px; font-weight:100; } #content #advertisers div.advertisersBlock ul { margin:10px 0; padding:0 0 0 25px; color:#FFFFFF; } #content #advertisers div.advertisersBlock ul li { margin:8px 0; color:#FFFFFF; } /* Useful links --------- */ #content div.usefulLinks { padding:0 0 50px 10px; } #content div.usefulLinks a { color:#761617; font-size:14px; } /**/ #listingArchive { margin: 10px 20px 10px 20px; width: 520px; padding: 10px; border: 1px solid #999; background: #eee;} #listingArchive div.listing { float: left; width: 500px; margin: 0px 0px 5px 0px; padding: 5px; border: 1px solid #ddd; background: #fff;} #listingInfo { float: left; width: 380px;} #listingPhoto { float: left; width: 100px; margin: 5px 10px 0px 5px; padding: 0px;} #listingPhoto img { border: 1px solid #761617;} #listingArchive div.listing h4.listingTitle { margin: 5px 0 0 0; padding: 0; color: #761617; font: bold 16px Tahoma, tahoma,arial,sans-serif; line-height: 20px;} .listingTitle a { color: #761617; text-decoration: none;} .listingTitle a:hover { color: #761617; text-decoration: underline;} #listingArchive div.listing p.listingText { margin: 0px 0px; padding: 0; color: #333; font: 11px Tahoma, tahoma,arial,sans-serif; line-height: 16px;} #listingPosted, #listingComments, #listingRating, #listingAuthor, #listingDifficulty { float: left; font: 12px tahoma,arial,sans-serif; font-weight: 700; color: #434343; margin-bottom: 5px;} #listingComments span, #listingRating span, #listingDifficulty span { font-weight: 100;} #listingAuthor { width: 160px; margin-top: 5px;} #listingPosted { width: 170px; margin-top: 5px;} #listingDifficulty { width: 160px;} #listingComments { width: 160px;} #listingRating { position: relative; bottom: 5px;} #listingRating img { position: relative; top: 2px;} /**/ /* CREATE EVENT FORM */ #createEventBox { width: 450px; margin: 10px auto 10px auto; padding: 10px; border: 1px solid #999; background: #eee; font: 12px tahoma,arial,sans-serif;} #createEvent div { margin: 0px; padding: 10px; border: 1px solid #ddd; background: #fff;} #createEvent span.createEventTitle { color: #761617; font: bold 18px tahoma,arial,sans-serif;} #createEvent td.createEventOptions { font: 12px tahoma,arial,sans-serif; font-weight: 700; color: #434343; text-align: right;} #createEvent td.bold { font: 12px tahoma,arial,sans-serif; font-weight: 700; color: #434343;} #createEvent td.bold a { font: 12px tahoma,arial,sans-serif; font-weight: 700; color: #761617; text-decoration: none;} #createEvent td.bold a:hover { text-decoration: underline;} #createEvent input, #searchBox select { border: 1px solid #ddd;} #createEvent table { margin: 10px 60px 10px 30px;} #createEvent table td { padding-bottom: 5px;} /* Edits */ #shoppingcartdiv { float: left;} /* My Comment */ /**/ #content .ajaxSearch_resultsInfo { color:#333333; font-family:tahoma,arial,sans-serif; font-size:24px; margin:0px; padding:20px 0 10px 0; } #content .ajaxSearch_resultsInfo span { font-weight:700; color:#761617; font-size:28px; } #content .ajaxSearch_paging { font-family:Helvetica, Arial, sans-serif; font-size:12px; } #content .ajaxSearch_paging a { color:#761617; text-decoration:none; } #content .ajaxSearch_paging a:hover { text-decoration:underline; } /**/ #ajaxSearch_resultListContainer { padding:10px 0 0 0; margin:15px 0; color:#333333; font-family:Tahoma,Helvetica,sans-serif; font-size:11px; line-height:15px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; } #ajaxSearch_resultListContainer a { color:#761617; font-family:Tahoma,Helvetica,sans-serif; font-size:16px; font-weight:700; text-decoration:none; } #ajaxSearch_resultListContainer a:hover { text-decoration:underline; } #ajaxSearch_resultListContainer .ajaxSearch_extract p { margin:0px; padding:5px 0 30px 0; } /* SIGNUP */ #content span.loginTitle { color:#761617; font:bold 30px Helvetica, sans-serif; } #content span.loginTitle2 { color:#761617; font:bold 13px Helvetica, sans-serif; } #content td { font:11px Helvetica, sans-serif; font-weight:700; color:#434343; } #content td.bold { font:12px Helvetica, sans-serif; font-weight:700; color:#434343; } #content td.bold a{ font:12px Helvetica, sans-serif; font-weight:700; color:#761617; text-decoration:none; } #content td.bold a:hover {text-decoration:underline; } #content input, #searchBox select{ border:1px solid #ddd; } #cancelBox { width:450px; margin:10px auto 10px 40px; padding:10px; border:1px solid #999; background:#eee; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; } #cancelBox form { margin:0px; padding:0px; } #cancelBox div.cancelBoxContent{ margin:0px; padding:10px; border:1px solid #ddd; background:#fff; } #cancelBox div.cancelBoxContent h3 { margin:0px; padding:0px; font-weight:100; font-size:18px; } #cancelBox div.cancelBoxContent div.divider-dotted { background-image:url(../assets/images/div-dotted_51x1.gif); background-repeat:repeat-x; background-position:center; line-height:1px; font-size:1px; height:1px; padding:8px 0; } #cancelBox div.cancelBoxContent p { font-size:12px; margin:0px; } #cancelBox div.cancelBoxContent div.cancelConfirm { text-align:center; } #cancelBox div.cancelBoxContent div.cancelConfirm input.inputPass { margin:10px 0;} .red-bold, .red-bold a { display: block; color: #761617; font-weight: 700; font-size: 12px; text-decoration: none;} .red-bold a:hover { display: block; color: #761617; font-weight: 700; font-size: 12px; text-decoration: underline;} .red, .red a { color: #761617; text-decoration: none;} .red a:hover { color: #761617; text-decoration: underline;} /* ==================== OLD STYLES ==================== */ /* Old Homepage --------- */ #content div.home { padding:0 15px; } #content h1.letterFromFounder { float: left; width: 243px; height: 24px; margin: 20px 30px 0 28px; padding: 0; color: #7c7c7c; font: 12px tahoma,arial,sans-serif; background: url(/assets/images/letterFromFounder.gif) top left no-repeat;} #content h1.letterFromFounder span { visibility: hidden;} #content h1 { margin-top: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; color: #761617; font: 28px tahoma,arial,sans-serif;} #content h1.articleIntro { color:#666666; font-size:11px; margin:0px; padding:0 0 15px 0; } #content h2 { margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0; color: #333; font: bold 14px tahoma,arial,sans-serif;} #content h3 { margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0; color: #761617; font: bold 14px tahoma,arial,sans-serif;} #content p { margin-top: 10px; margin-bottom: 0px; margin-left: 0px; padding: 0; color: #333; font: 12px tahoma,arial,sans-serif; line-height: 20px;} /*#content ul { margin: 10px 30px 0 50px; padding: 0; list-style: square;}*/ #content ul li { margin: 0 5px 5px; padding: 0; color: #333; font: 12px tahoma,arial,sans-serif;} #content ul li a { text-decoration: underline; color: #03c;} #content img.sign { float: left; margin: 0 0 0 20px; padding: 0; border: 0;} /* Bread Crumbs --------- */ .memberNav { margin: 10px 40px; padding: 0; color: #333; font: 12px Tahoma, tahoma,arial,sans-serif;} .memberNav a:link, .memberNav a:visited { text-decoration: underline; color: #111;} .memberNav a:hover { color: #761617;} /**/ #breadcrumb { margin: 0px; margin-top: 10px; margin-bottom: 10px; padding: 0; color: #333; font: 12px Tahoma, tahoma,arial,sans-serif;} #breadcrumb a:link, #breadcrumb a:visited { text-decoration: underline; color: #111;} #breadcrumb a:hover { color: #761617;} /* Footer --------- #ftr { float: left; width: 1000px; margin: 0; padding: 6px 0; background: #7c7c7c; border-top: 1px solid #fff;} #ftr ul { float: left; width: 1000px; margin: 0; padding: 0; list-style: none; text-align: center;} #ftr ul li { display: inline; margin: 0; padding:0 10px; font: 11px Helvetica, Arial, sans-serif; color: #fff; text-align: center;} #ftr ul li a:link, #ftr ul li a:visited { text-decoration: none; color: #fff;} #ftr ul li a:hover { text-decoration: underline; color: #fff;} */ /* Module Links --------- */ .ns_content_container { margin-top: 0; margin-right: 0; width: 200px; height: 847px; border-top-style: none; border-bottom-style: none;} .ns_content_title { text-align: left; font-size: 14px; line-height: 28px; font-family: arial,sans-serif; font-weight: bold; color: #ffffff; width: 199px; height: 30px; background-color: #424242; margin-bottom: 5px;} .ns_content_body { line-height: 16px; //line-height: 17px; float: left; text-align: left; margin-right: auto; width: 199px; height: 847px;} #lbx .ns_content_body a { text-decoration: none; color: #761617; padding-left: 5px; margin-bottom: 3px;} #lbx .ns_content_body a:hover { text-decoration: underline; } .ns_content_link { text-decoration: none; font-size: 12px; font-family: tahoma,arial,sans-serif; color: #761617;}