/* INCLUDE STYLESHEETS --------------------------------------------------------------------- */ @import "calendar.css"; @import "forums.css"; @import "ie6.css"; @import "ie7.css"; @import "calendar_date_select/default.css"; /* HEADINGS --------------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { color: #444444; font-weight: normal; } h1 { clear: both; padding: 0; font-size: 18px; color: #393939; } h2 { clear: both; margin: 5px 0 5px 0; padding: 0; font-size: 15px; color: #747474; font-weight: bold; } h3 { margin: 5px 0 5px 0; font-size: 14px; color: #747474; } #sidebar h4 { font: bold 12px sans-serif; border-bottom: 1px dotted #999999; padding: 0; display: block; margin: 10px 0 7px 0; } /* LAYOUT MAIN --------------------------------------------------------------------- */ * { margin: 0; padding: 0; } body { background: url(/background.png); background-position: center; color: #444444; font: 13px sans-serif,"Lucida Grande","Lucida Sans Unicode",Verdana; } #wrapper-header { padding: 0; background: transparent url(images/bg-wrapper-header.png) repeat-x; width: 100%; height: 219px; margin: 0 auto; } #header { padding: 0; background: transparent url(images/bg-header.png); width: 997px; height: 219px; margin: 0 auto; font: 13px Tahoma; } #wrapper { width: 997px; margin: 0 auto; } #full-width { width: 977px; margin: 10px 0 10px 0; padding: 0; } #content { width: 673px; float: left; margin: 10px 0 10px 0; padding: 0; } #content .start { margin: 0; padding: 14px 0px 7px 28px; background: url("images/bg-content-box-start.png"); color: #fff; height: 21px; font: lighter 16px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; } #content .start h2 { color: #eee; } #content .box { padding: 15px 28px 3px 28px; background: url("images/bg-content-box.png"); } #content .end { background: url("images/bg-content-box-end.png"); height: 23px; margin: 0 0 10px 0; } #content.full { width: 997px; float: left; } #content.full .start { background: url("images/bg-content-full-box-start.png") !important; } #content.full .box { background: url("images/bg-content-full-box.png"); } #content.full .end { background: url("images/bg-content-full-box-end.png"); } /*#content .html_block { padding: 15px 28px 3px 28px; background: url("images/bg-content-box.png"); } #content .html_block:first-child { margin-top: 5px; }*/ #sidebar { width: 293px; float: right; margin: 10px 0 20px 0; } #sidebar .start { background: url("images/bg-sidebar-box-start.png"); padding: 14px 0px 6px 20px; height: 20px; color: #fff; font: lighter 16px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; } #sidebar .start h2 { color: #eee; } #sidebar .start h3 { color: #eee; } #sidebar .box { padding: 15px 20px 0px 20px; background: url("images/bg-sidebar-box.png"); } #sidebar .box h2 { margin-bottom: 15px; } #sidebar .box h3 { margin-bottom: 15px; } #sidebar .end { background: url("images/bg-sidebar-box-end.png"); height: 23px; margin: 0 0 10px 0; } /* NAVIGATION --------------------------------------------------------------------- */ #header > .menu > ul { float: left; line-height: normal; padding: 0px 20px 0 20px; list-style: none; height: 33px; width: 957px; margin-top: 6px; font-size: 14px; } #header > .menu li { display: inline; margin: 0; padding: 0; } #header > .menu li a { float: left; margin: 0 12px 0 0; padding: 0 0 0 5px; text-decoration: none; } #header > .menu li a span { float: left; display: block; padding: 11px 10px 9px 6px; margin: 0; color: #aaaaaa; } #header > .menu li a span {float:none;} /* IE FIX */ #header > .menu li a:hover span { color: #FFFFFF; } #header > .menu li.on > a, #menu li.depth-1.open > a { background: url("images/tab-left-active.gif") no-repeat left top; } #header > .menu li.on > a span, #menu li.depth-1.open > a span { background: url("images/tab-right-active.gif") no-repeat right top; color: #232323; font-weight: bold; } #header > .menu li.on > a:hover span, #menu li.depth-1.open > a:hover span { color: #232323; } #header > .menu > ul .right a { float: right; margin: 0 0 0 12px; padding: 0 0 0 5px; text-decoration: none; } #header > .menu > ul .right a span { display: block; padding: 11px 10px 9px 6px; margin: 0; } #header > .menu > ul .right.active a { background: url("images/tab-left-active.gif") no-repeat left top; } #header > .menu > ul .right.active a span { background: url("images/tab-right-active.gif") no-repeat right top; color: #232323; } /* SUBNAVIGATION --------------------------------------------------------------------- */ .sub_menu ul { padding: 5px 20px 5px 31px; list-style: none; margin: 0; height: 25px; font-size: 14px; } .sub_menu li { display: inline; margin: 0; padding: 0; } .sub_menu li a { float: left; margin: 0 25px 0 0px; padding: 5px 0px 5px 0px; text-decoration: none; color: #444444; } .sub_menu li a:hover { text-decoration: underline; } .sub_menu li.on a { padding: 5px 0px 10px 0px; background: transparent url("images/arrow.gif") center 21px no-repeat; color: #444444; } .sub_menu li.on a:hover { text-decoration: none; } .sub_menu #menu, .sub_menu #right_menu { float: left; } /* SUPPORT NAVIGATION --------------------------------------------------------------------- */ #nav_supp { float: right; text-align: center; margin-top: 40px; margin-right: 35px; color: #eee; font-size: 14px; } #nav_supp input#search { width: 110px; font-size: 14px; margin-right: 5px; } #nav_supp a { color: #e11; } #nav_supp a:hover { color: #1e69f1;} /* FLASH MESSAGES --------------------------------------------------------------------- */ #error { padding: 1em; margin-top: 1em; margin-bottom: 0; margin-left: 0.5em; margin-right: 0.5em; background-color: #ff4040; font-family: Verdana,Sans-Serif; color: #fff; } #notice { padding: 1em; margin-top: 1em; margin-bottom: 0; margin-left: 0.5em; margin-right: 0.5em; background-color: #30c030; font-family: Verdana,Sans-Serif; color: #fff; } /* ERROR MESSAGES --------------------------------------------------------------------- */ .error_message { display: block; color: #ff4040; } #errorExplanation { width: 400px; border: 2px solid #ff4040; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; } #errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #ff4040; color: #fff; } #errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; } #errorExplanation ul li { font-size: 12px; list-style: square; } .formError { display: block; color: #ff4040; } /* MISC --------------------------------------------------------------------- */ ul { margin: 0; padding: 0; list-style: none; } p { margin: 0 0 13px 0; } #sidebar strong {height: 1%;} #sidebar p { margin: 0; height: 1%; text-align: justify; } #content p { line-height: 1.4; text-align: justify; } #content ul, #content ol { margin: 0 0 13px 25px; } #content ul li, #content ol li{ margin-bottom: 3px; } #sidebar ul li { margin: 0; padding: 0 0 6px 0; list-style: none; font-size: 13px !important; } #sidebar ul li.sponsor { list-style-type: none; padding-left: 20px; margin-left: 0; } #sidebar ul.standard { list-style: square; } #sidebar ul.standard li { list-style: square; margin-left: 15px; padding: 0 0 10px 0; font-size: 13px !important; } .clearboth { clear: both; height: 0%; overflow: hidden; border:0; background: transparent; } #flashcontent { padding: 3px; height: 200px; background: #000; margin-bottom: 10px; margin: 5px 4px 13px 4px; } #search { float: left; width: 190px; } #donate { float: left; width: 160px; } hr { margin-top: 10px; margin-bottom: 10px; } .hidden { display: none; } .note { display: block; padding-top: -10px; font-size: 12px; font-style: italic; color: #1E69f1; } /* TABLES --------------------------------------------------------------------- */ tr.odd { background: #fff; } tr.even { background: #ddf; } td { margin: 0; padding: 0; } td.xx-small input[type="text"] { width: 25px; } td.x-small input[type="text"] { width: 50px; } td.small input[type="text"] { width: 70px; } td.medium input[type="text"] { width: 120px; } td.large input[type="text"] { width: 150px; } #updates table, #approvals table { margin-left: 15px; } #updates table td, #approvals table td { padding-left: 5px; padding-right: 5px; } table.report td { clear: both; padding-left: 5px; padding-right: 5px; } table.subscriptions { text-align: center; margin: auto; padding-top: 20px; padding-bottom: 20px; } table.subscriptions th { font-size: 120%; padding-bottom: 20px; } table.subscriptions td { border: 0; margin: 0; padding-left: 40px; padding-right: 40px; padding-top: 20px; padding-bottom: 20px; } table.subscriptions td.paypal { border-left: 1px solid #aaa; } /* LINKS --------------------------------------------------------------------- */ a { color: #1E69f1; text-decoration: none; } a:hover { color: #a5352d; } h3 a:hover { color: #f33231; } #content .start a { color: #393939; } a img { border: none; } a#logo { float: left; margin-top: 15px; margin-left: 30px; margin-right: 51px; width: 142px; height: 125px; background:url(/site_logo.png) no-repeat; display:inline; text-indent:-9999px; } a.new { float: right; } p.owner_options, p.admin_options { float: right; } #slideshow1 { float: left; width: 500px; height: 119px; margin-top: 16px; margin-left: -3px; } /* FORMS --------------------------------------------------------------------- */ select { border-style: solid; border-width: 1px 1px 1px 1px; border-color: #999 #ddd #ddd #999; font: 13px Tahoma, Arial, sans-serif; padding: 3px; } #theform table { background: #fff; border-spacing: 0px; margin: 0 0 10px 0; } #theform tbody td { padding: 6px 0 6px 6px; border-bottom: 1px solid #F3F3F3; border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; background: #FFFFFF; } #theform tbody td.left { border-right: 0px; border-left: 1px solid #EBEBEB; background: #F9F9F9; font-weight: bold; font-size: 12px; padding: 7px; width: 220px; } #theform tbody td.top { border-top: 1px solid #EBEBEB; } #theform input { padding: 5px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #999 #ddd #ddd #999; font: 13px; font-weight: bold; } #theform input.long { width: 300px; } #theform textarea { width: 680px; height: 300px; padding: 5px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #999 #ddd #ddd #999; font: 13px Tahoma, Arial, sans-serif; font-weight: bold; } #theform .button { color: #7A7A7A; background: #EEEEEE !important; font-weight: bold; border: 1px solid #D7D7D7 !important; padding: 3px 10px 3px 10px; cursor: pointer; font-size: 13px; } #sidebar input { padding: 5px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #999 #ddd #ddd #999; font: 12px Tahoma, Arial, sans-serif; font-weight: bold; } #sidebar textarea { width: 240px; height: 100px; padding: 5px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #999 #ddd #ddd #999; font: 13px Tahoma, Arial, sans-serif; font-weight: bold; } fieldset { padding: 20px; width: 573px; margin-bottom: 20px; } legend { font-size: 18px; } label { display: block; } span.required { color: red; font-size: 16px; margin-left: 5px; } textarea { width: 613px; } input[type="checkbox"] { width: 30px; padding: 0; float: left; } input[type="text"], input[type="password"] { width: 300px; } form > div { margin-left: 20px; } .business_category, .google_group td { margin-top: 5px; margin-bottom: 5px; } form table { border-spacing: 5px 5px; } form th { padding-left: 60px; padding-right: 60px; } form table#subscribers th#name { width: 150px; } form table#subscribers th#business { width: 150px; } /* LATEST NEWSITEM --------------------------------------------------------------------- */ #latest-news .meta { padding: 13px 0 0 0; border-top: #eee 1px dotted; font-size: 11px; } #latest-news .newscomments { padding: 2px 0px 2px 20px; background: url("images/icons/comments.png") no-repeat left center; } #latest-news .newsviews { padding: 2px 0px 2px 20px; background: transparent url("images/icons/magnifier.png") no-repeat left center; margin: 0 0 0 15px; } #latest-news .newsdate { padding: 2px 0px 2px 20px; background: transparent url("images/icons/time.png") no-repeat left center; margin: 0 0 0 15px; } #latest-news .author { padding: 2px 0px 2px 20px; background: transparent url("images/icons/user.png") no-repeat left center; margin: 0 0 0 15px; } /* LATEST HEADLINES, FORUMTHREADS... --------------------------------------------------------------------- */ ul#latest-headlines-nav { margin: 0; padding: 14px 0px 0px 28px; background: url("images/bg-content-latest.png"); color: #393939; height: 28px; height: 28px; } ul#latest-headlines-nav li { float: left; text-align: center; list-style: none; } ul#latest-headlines-nav li a { display: block; padding: 7px 8px; color: #7E7E7E; font-weight: bold; margin: 0 6px 0px 0; font-size: 11px; } ul#latest-headlines-nav li a:hover { color: #444444; } ul#latest-headlines-nav li a:focus { outline: 0; } ul#latest-headlines-nav li a.selected { background: #FFFFFF; border: #ecebeb 1px solid; border-bottom: 0; margin: 0 6px -1px 0; color: #444444; position: relative; /* IE FIX */ } #latest-headlines table td { padding: 9px 5px; } #latest-headlines table tr { background: #FFFFFF; } #latest-headlines table tr.even { background: #f7f7f7; } #latest-headlines table td.middle { padding: 0 0 0 25px; background: url(images/icons/time.png) no-repeat 7px 8px; } #latest-headlines table td.last { padding: 0 0 0 25px; background: url(images/icons/comments.png) no-repeat 7px 8px; } /* POLL --------------------------------------------------------------------- */ #poll { font-size: 12px; } #poll p { padding: 3px 3px 0px 0px; } #poll strong { display: block; margin: 0 0 10px 0; } #poll span { padding: 3px; line-height: 1.6; font-size: 12px; } #poll input { float: left; } #poll .poll_choice_bg { background: #F7F7F7; padding: 0; margin: 0 0 10px 0; height: 8px; } #poll .poll_choice_bg div { background: #141313 url(images/bg-poll.gif) 0px 0px repeat-x; height: 8px; font-size: 5px; } /* FLASH NOTICES --------------------------------------------------------------------- */ #flash_notice, #flash_error { padding: 5px 8px; margin: 10px 0; } #flash_notice { background-color: #CFC; border: solid 1px #6C6; } #flash_error { background-color: #FCC; border: solid 1px #C66; } /* ERROR MESSAGES --------------------------------------------------------------------- */ .fieldWithErrors { display: inline; } #errorExplanation { width: 400px; border: 2px solid #CF0000; padding: 0px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; } #errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: 0; background-color: #c00; color: #fff; } #errorExplanation p { color: #333; margin-bottom: 0; padding: 8px; } #errorExplanation ul { margin: 2px 24px; } #errorExplanation ul li { font-size: 12px; list-style: disc; } /* BREADCRUMBS --------------------------------------------------------------------- */ ul.breadcrumbs { display: none; clear: both; } ul.breadcrumbs li { border: solid 1px red; float: left; margin-left: 5px; } ul.breadcrumbs li.first { display: none; } /* ALPHABETIC INDEX --------------------------------------------------------------------- */ ul.alphabet { margin-top: 20px; padding-bottom: 20px; } ul.alphabet li { float: left; margin-left: 10px; } /* NEWS --------------------------------------------------------------------- */ .latest_news { font-size: 16px; display: block; margin-bottom: 10px; margin-top: 20px; } .news-item-browser { padding-top: 10px; } .news-item { padding-bottom: 10px;} .news-item p { margin: 0; } b.month { font-size: 14px; display: block; padding-top: 10px; } span.release-date { display: none; } ul.alphabet { margin-top: 20px; padding-bottom: 20px; } ul.alphabet li { float: left; margin-left: 10px; } /* FOOTER --------------------------------------------------------------------- */ #footer { clear: both; width: 100%; background: #030303; } #footer-content { width: 997px; height: 50px; margin: 0 auto; color: #aaa; padding-top: 20px; padding-bottom: 20px; } #footer-copyright { float: left; } #footer-credits { float: right; } /* BUSINESS LIST --------------------------------------------------------------------- */ ul.business_list { margin-top: 20px; padding-bottom: 20px; } li.business { float: left; padding: 20px; margin-left: 20px; margin-bottom: 20px; width: 225px; height: 120px; border: solid 1px gray; text-align: center; } li.business .name { display: block; } div.category_list h2 { clear: both; padding-top: 20px; padding-bottom: 20px; margin-left: 20px; } /* EVENT LIST --------------------------------------------------------------------- */ span.event_link { float: left; } span.date { float: right; } /* BUSINESS PROFILE --------------------------------------------------------------------- */ #company_logo { float: left; margin-top: 10px; border: 1px solid #ddd; } #company_name { float: left; margin-left: 40px; margin-top: 10px; } #company_info { clear: both; padding-top: 20px; } #location { float: left; } #contact_info { float: right; } #contact_info p { margin: 0; } #description { clear: both; } #ad_info { clear: both; } #search_results h2 { clear: both; padding-bottom: 15px; padding-top: 15px; } p#end { clear: both; } .conjunction { margin-left: 50px; } /* BUSINESS SPOTLIGHT --------------------------------------------------------------------- */ #slider ul, #slider li { margin: 0; padding: 0; list-style: none; } #slider, #slider li { width: 253px; height: 360px; overflow: hidden; } span#prevBtn{} span#nextBtn{} .spotlight { text-align: center; padding-left: 10px; padding-right: 10px; } /* EASY SLIDER --------------------------------------------------------------------- */ #prevBtn, #nextBtn, #slider1next, #slider1prev { display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; } #nextBtn, #slider1next { left:696px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display:block; position:relative; width:30px; height:77px; background:url(images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a { background:url(images/btn_next.gif) no-repeat 0 0; } /* numeric controls */ ol#controls { margin:0; margin-right:-5px; padding:0; height:28px; } ol#controls li { margin:0 5px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a { float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#CAE0f1; color:#555; padding:0 5px; text-decoration:none; } ol#controls li.current a { background:#1E69f1; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; } /* BUSINESS CATEGORIES --------------------------------------------------------------------- */ .category_name { clear: both; margin-top: 20px; font-weight: bold; }