@charset "utf-8"; @media all { /* BODY: =body ----------------------------------------------- */ body { color: #282828; margin: 0; padding: 0; background: #500050; text-align: center; } body, input, textarea, select { font: 12px/16px Arial, Helvetica, sans-serif; } /* LINKS AND IMAGES: =links ----------------------------------------------- */ a img { border: none; } a:link {color:#9c340a;} a:visited { color: #944b2d; } a:hover { color: #d26514; } p.more { float: left; width: 100%; } a.gobutton { background-image: url("/images/gobutton-left.gif"); background-position: top left; background-repeat: no-repeat; height: 26px; float: left; display: block; color: #edf87d; font-weight: bold; font-size: 11px; text-decoration: none; padding-left: 12px; cursor: pointer; } a.gobutton:hover { color: #fff; } a.gobutton span { display: block; background-image: url("/images/gobutton-right.gif"); background-position: top right; background-repeat: no-repeat; padding: 6px 12px 6px 0px; line-height: 14px; height: 14px; } button { border: 0; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0 0 0 10px; padding: 0 12px 0 0; text-align: center; } button span { color: #edf87d; position: relative; display: block; white-space: nowrap; padding: 0 0 0 12px; } #intro a.gobutton { background-image: url("/images/gobutton-left-intro.gif"); } #intro a.gobutton span { background-image: url("/images/gobutton-right-intro.gif"); } /* icons */ .icon-sm { background-position: top left; background-repeat: no-repeat; padding-left: 18px; } h1.icon { background-position: top left; background-repeat: no-repeat; padding-left: 75px; padding-top: 15px; padding-bottom: 30px; } .car-lg { background-image: url("/images/icons/lg/car.gif"); } .com-lg { background-image: url("/images/icons/lg/com.gif"); } .dc-lg { background-image: url("/images/icons/lg/dc.gif"); } .dcc-lg { background-image: url("/images/icons/lg/dcc.gif"); } .dvd-lg { background-image: url("/images/icons/lg/dvd.gif"); } .dvr-lg { background-image: url("/images/icons/lg/dvr.gif"); } .em-lg { background-image: url("/images/icons/lg/em.gif"); } .fs-lg { background-image: url("/images/icons/lg/fs.gif"); } .ga-lg { background-image: url("/images/icons/lg/ga.gif"); } .gen-lg { background-image: url("/images/icons/lg/gen.gif"); } .gps-lg { background-image: url("/images/icons/lg/gps.gif"); } .gs-lg { background-image: url("/images/icons/lg/gs.gif"); } .hd-lg { background-image: url("/images/icons/lg/hd.gif"); } .hn-lg { background-image: url("/images/icons/lg/hn.gif"); } .im-lg { background-image: url("/images/icons/lg/im.gif"); } .int-lg { background-image: url("/images/icons/lg/int.gif"); } .lap-lg { background-image: url("/images/icons/lg/lap.gif"); } .mon-lg { background-image: url("/images/icons/lg/mon.gif"); } .mp-lg { background-image: url("/images/icons/lg/mp.gif"); } .mp3-lg { background-image: url("/images/icons/lg/mp3.gif"); } .pmd-lg { background-image: url("/images/icons/lg/pmd.gif"); } .pr-lg { background-image: url("/images/icons/lg/pr.gif"); } .sc-lg { background-image: url("/images/icons/lg/sc.gif"); } .sw-lg { background-image: url("/images/icons/lg/sw.gif"); } .tm-lg { background-image: url("/images/icons/lg/tm.gif"); } .tv-lg { background-image: url("/images/icons/lg/tv.gif"); } .fsl-lg { background-image: url("/images/icons/lg/fsl.gif"); } .car-sm { background-image: url("/images/icons/sm/car.gif"); } .com-sm { background-image: url("/images/icons/sm/com.gif"); } .dc-sm { background-image: url("/images/icons/sm/dc.gif"); } .dcc-sm { background-image: url("/images/icons/sm/dcc.gif"); } .dvd-sm { background-image: url("/images/icons/sm/dvd.gif"); } .dvr-sm { background-image: url("/images/icons/sm/dvr.gif"); } .em-sm { background-image: url("/images/icons/sm/em.gif"); } .fs-sm { background-image: url("/images/icons/sm/fs.gif"); } .ga-sm { background-image: url("/images/icons/sm/ga.gif"); } .gen-sm { background-image: url("/images/icons/sm/gen.gif"); } .gps-sm { background-image: url("/images/icons/sm/gps.gif"); } .gs-sm { background-image: url("/images/icons/sm/gs.gif"); } .hd-sm { background-image: url("/images/icons/sm/hd.gif"); } .hn-sm { background-image: url("/images/icons/sm/hn.gif"); } .im-sm { background-image: url("/images/icons/sm/im.gif"); } .int-sm { background-image: url("/images/icons/sm/int.gif"); } .lap-sm { background-image: url("/images/icons/sm/lap.gif"); } .mon-sm { background-image: url("/images/icons/sm/mon.gif"); } .mp-sm { background-image: url("/images/icons/sm/mp.gif"); } .mp3-sm { background-image: url("/images/icons/sm/mp3.gif"); } .pmd-sm { background-image: url("/images/icons/sm/pmd.gif"); } .pr-sm { background-image: url("/images/icons/sm/pr.gif"); } .sc-sm { background-image: url("/images/icons/sm/sc.gif"); } .sw-sm { background-image: url("/images/icons/sm/sw.gif"); } .tm-sm { background-image: url("/images/icons/sm/tm.gif"); } .tv-sm { background-image: url("/images/icons/sm/tv.gif"); } .fs-sm { background-image: url("/images/icons/sm/fs.gif"); } /* images */ #content img { padding: 4px; border: 1px solid #cfcfcf; } #adblock img, #googleads img, #content img.noborder { border: none; padding: 0; } .article img { float: right; margin: 0 0 12px 12px; } /* TYPOGRAPHY: =typography ----------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0 0 4px 0; padding: 0; } h1 { margin-bottom: 6px; } h2 + h3 { margin-top: 1em; } h3 { font-size: 15px; font-weight: bold; } h4 { font-size: 13px; font-weight: bold; } p, form, table, blockquote { margin: 0 0 18px 0; padding: 0; } p.caption { color: #5c5c5c; font: 100% Georgia, "Times New Roman", Times, serif; font-style: italic; } .bartitle { clear: both; background: #000 url("/images/bartitle-ur.gif") top right no-repeat; color: #000; height: 29px; margin-bottom: 15px; padding-right: 11px; } #localnav .bartitle { margin-bottom: 9px; } .bartitle h2 { text-indent: -999em; background-position: top left; background-repeat: no-repeat; height: 29px; } .bartitle .home-welcome { background-image: url("/images/title-home-welcome.gif"); } .bartitle .home-featured { background-image: url("/images/title-home-featured.gif"); } .bartitle .home-recently { background-image: url("/images/title-home-recently.gif"); } .bartitle .home-blog { background-image: url("/images/title-home-blog.gif"); } .bartitle .home-courses { background-image: url("/images/title-home-courses.gif"); } .bartitle .home-meet { background-image: url("/images/title-home-meet.gif"); } .bartitle .home-poll { background-image: url("/images/title-home-poll.gif"); } .bartitle .archives { background-image: url("/images/title-archives.gif"); } .bartitle .bbt { background-image: url("/images/title-bbt.gif"); } .bartitle .bc { background-image: url("/images/title-bc.gif"); } .bartitle .coaching { background-image: url("/images/title-coaching.gif"); } .bartitle .syq { background-image: url("/images/title-syq.gif"); } .bartitle .mpp { background-image: url("/images/title-mpp.gif"); } .bartitle .os { background-image: url("/images/title-os.gif"); } .bartitle .rp { background-image: url("/images/title-rp.gif"); } .bartitle .npr { background-image: url("/images/title-npr.gif"); } /* search results */ .bartitle .articles { background-image: url("/images/title-articles.gif"); } .bartitle .av { background-image: url("/images/title-av.gif"); } .bartitle .blog, .bartitle .whatsnoo { background-image: url("/images/title-blog.gif"); } .bartitle .faqs { background-image: url("/images/title-faqs.gif"); } .bartitle .gcn { background-image: url("/images/title-gcn.gif"); } .bartitle .glossary { background-image: url("/images/title-glossary.gif"); } .bartitle .testimonials { background-image: url("/images/title-testimonials.gif"); } .bartitle .events { background-image: url("/images/title-events.gif"); } .bartitle .press { background-image: url("/images/title-press.gif"); } .article p, .article blockquote { line-height: 20px; } /* LAYOUT: =layout ----------------------------------------------- */ #wrapper { width: 100%; float: left; background: #fff url("/images/header.gif") top left repeat-x; padding-bottom: 12px; } .container { width: 942px; text-align: left; margin: 0 auto; padding: 0 11px; } #content { clear: both; float: left; width: 100%; margin-bottom: 9px; } body.home #content { margin-bottom: 0px; } .left { float: left; } .right { float: right; } .col-wrapper { clear: both; float: left; width: 100%; } /* homepage */ body.home #leftcols { float: left; width: 642px; } /* 11 cols */ body.home #primary { float: left; width: 402px; } /* 7 cols */ body.home #secondary{ float: right; width: 222px; } /* 4 cols */ body.home #tertiary { float: right; width: 283px; } /* 5 cols */ /* interior template */ #maincols { /*float: left;*/ float: right; width: 799px; } #primary { float: left; width: 582px; } /* 10 cols */ #primary2 { float: left; width: 462px; } /* 8cols */ #secondary2 { float: right; width: 319px; } #localnav { float: right; width: 199px; } #adblock { /*float: right; width: 125px;*/ float: left; width: 142px; } /* HEADER: =header ----------------------------------------------- */ #header { float: left; width: 100%; margin-bottom: 9px; } #header #logo { float: left; margin-top: 29px; } ul#courtesynav { list-style: none; background: url("/images/courtesynav.gif") top left no-repeat; float: right; width: 102px; height: 60px; margin: 29px 18px 0 0; padding: 0; } ul#courtesynav li { width: 102px; text-indent: -999em; margin: 0; padding: 0; } ul#courtesynav li a { display: block; outline: none; background: url("/images/courtesynav.gif") top left no-repeat; text-decoration: none; width: 102px; height: 20px; } ul#courtesynav li.about a { background-position: 0px 0px; } ul#courtesynav li.about a:hover, ul#courtesynav li.about a.selected { background-position: -102px 0px; } ul#courtesynav li.faqs a { background-position: 0px -20px; } ul#courtesynav li.faqs a:hover, ul#courtesynav li.faqs a.selected { background-position: -102px -20px; } ul#courtesynav li.contact a { background-position: 0px -40px; } ul#courtesynav li.contact a:hover, ul#courtesynav li.contact a.selected { background-position: -102px -40px; } form#searchbox { float: right; margin: 56px 0 0 0; padding: 2px; width: 279px; height: 25px; background: url("/images/searchbg.gif") top left no-repeat; } form#searchbox input.text { background: #ffffff; border: none; margin: 5px 0 0 10px; padding: 0; width: 190px; font-size: 11px; color: #555555; } form#searchbox input.text:hover, form#searchbox input.text:focus { color: #000; } form#searchbox input.submit { position: relative; top: -4px; } /* GLOBAl NAVIGATION: =gnav ----------------------------------------------- */ #globalnav { clear: both; float: left; width: 100%; margin-top: 5px /*!important*/; *margin-top: 9px; } #globalnav ul { list-style: none; float: left; display: inline; background: url("/images/globalnav.gif") top left no-repeat; margin: 0; padding: 0; width: 800px; height: 58px; } #globalnav ul li { float: left; text-indent: -999em; margin: 0; padding: 0; } #globalnav ul li a { outline: none; background: url("/images/globalnav.gif") top left no-repeat; text-decoration: none; border: none; display: block; height: 58px; text-decoration: none; overflow: hidden; } #globalnav ul li.home a { background-position: 0px 0px; width: 86px; } #globalnav ul li.home a:hover { background-position: 0px -58px; } #globalnav ul li.home a.selected { background-position: 0px -116px; } #globalnav ul li.services a { background-position: -86px 0px; width: 88px; } #globalnav ul li.services a:hover { background-position: -86px -58px; } #globalnav ul li.services a.selected { background-position: -86px -116px; } #globalnav ul li.articles a { background-position: -174px 0px; width: 88px; } #globalnav ul li.articles a:hover { background-position: -174px -58px; } #globalnav ul li.articles a.selected { background-position: -174px -116px; } #globalnav ul li.blog a { background-position: -262px 0px; width: 88px; } #globalnav ul li.blog a:hover { background-position: -262px -58px; } #globalnav ul li.blog a.selected { background-position: -262px -116px; } #globalnav ul li.av a { background-position: -350px 0px; width: 131px; } #globalnav ul li.av a:hover { background-position: -350px -58px; } #globalnav ul li.av a.selected { background-position: -350px -116px; } #globalnav ul li.glossary a { background-position: -481px 0px; width: 88px; } #globalnav ul li.glossary a:hover { background-position: -481px -58px; } #globalnav ul li.glossary a.selected { background-position: -481px -116px; } #globalnav ul li.courses a { background-position: -569px 0px; width: 145px; } #globalnav ul li.courses a:hover { background-position: -569px -58px; } #globalnav ul li.courses a.selected { background-position: -569px -116px; } #globalnav ul li.store a { background-position: -714px 0px; width: 63px; } #globalnav ul li.store a:hover { background-position: -714px -58px; } #globalnav ul li.store a.selected { background-position: -714px -116px; } /* LOCAL NAVIGATION: =lnav ----------------------------------------------- */ div.paginator { clear: both; float: left; width: 100%; background: #cdeba3 url("/images/greenbox-top.gif") top left no-repeat; margin-bottom: 12px; } div.paginator div { float: left; width: 100%; background: url("/images/greenbox-bottom.gif") bottom left no-repeat; height: 36px; } div.paginator h2 { float: left; line-height: 36px; width: 400px; margin: 0 0 0 12px; } #primary2 div.paginator { background: #cdeba3 url("/images/greenbox-top2.gif") top left no-repeat; } #primary2 div.paginator h2 { width: 280px; } #primary2 div.paginator div { background: url("/images/greenbox-bottom2.gif") bottom left no-repeat; } div.paginator p { float: right; margin: 5px 8px 0 0; } div.paginator p a { margin-left: 4px; } div.paginator a.gobutton { background-image: url("/images/gobutton-left-paginator.gif"); } div.paginator a.gobutton span { background-image: url("/images/gobutton-right-paginator.gif"); } ul.counter { list-style: none; margin-left: 0; padding: 0; } ul.counter li { margin: 0 0 3px 0; } ul.counter li a { color: #727272; text-decoration: none; } ul.counter li a span { color:#9c340a; text-decoration: underline; } ul.counter li a:hover, ul.counter li a:hover span { color: #d26514; } ul.counter li.hidden { display: none; } ul.counter li#topics_less { display: none; } ul.counter li.switcher a { color: #838383; font-size: 11px; display: block; height: 19px; line-height: 18px; background-color: #ededed; background-image: url("/images/topicswitcher.gif"); background-position: 0px 0px; background-repeat: no-repeat; margin-top: 12px; padding-left: 23px; text-transform: lowercase; width: 176px; } ul.counter li.switcher a:hover { color: #666; background-color: #dedede; background-position: 0px -19px; } ul.counter li.switcher a.less { background-position: 0px -38px; } ul.counter li.switcher a.less:hover { background-position: 0px -57px; } ul.pagenav { list-style: none; margin-left: 0; padding: 0; } ul.pagenav li { margin-bottom: 3px; } ul.pagenav li a { background: url("/images/pagenav-arrow.gif") 0px 0px no-repeat; padding-left: 12px; } ul.pagenav li.selected a, ul.pagenav li.selected a:hover { color: #000; font-weight: bold; cursor: default; background: url("/images/pagenav-arrow.gif") 0px -20px no-repeat; } /* BREADCRUMBS: =breadcrumbs ----------------------------------------------- */ #breadcrumb { font-size: 11px; float: left; width: 100%; margin-bottom: 9px; border-bottom: 2px solid #d4e0c1; } #breadcrumb .yah { float: left; display: block; text-indent: -999em; background: url("/images/yah.gif") center left no-repeat; width: 86px; height: 19px; } #breadcrumb a { background: url("/images/breadcrumb-arrow.gif") center right no-repeat; margin-right: 3px; padding-right: 12px; } #breadcrumb .slash { display: none; } /* LISTS: =lists ----------------------------------------------- */ ul { margin: 0 0 1.5em 0; padding: 0 0 0 20px; } ol { margin: 0 0 1.5em 0; padding: 0; } li { margin: 0 0 .5em 0; padding: 0; } dl { margin: 0 0 1.5em 0; padding: 0; } dt { margin: 0 0 .25em 0; padding: 0; } dd { margin-left: 0; } dl.recently dt { background: url("/images/star-20.gif") top left no-repeat; margin: 0; padding: 0px 0px 3px 28px; } dl.recently span { font-weight: bold; } dl.recently dd { margin: -2px 0 12px 0; padding-left: 28px; } ul.linklist { list-style: none; margin-left: 0; padding-left: 0; } ul.linklist li { background: url("/images/star-12.gif") top left no-repeat; line-height: 14px; padding-left: 18px; } body.home ul.linklist li { font-size: 11px; } dl.events dt { background: url("/images/datesm-top.gif") top left no-repeat; float: left; line-height: 12px; text-transform: uppercase; font-weight: bold; width: 44px; text-align: center; color: #fff; } dl.events dt span.date { display: block; background: url("/images/datesm-bottom.gif") bottom left no-repeat; padding: 5px; width: 34px; } dl.events dt span.dayofweek { font-weight: normal; font-size: 10px; } dl.events dd { margin: 0 0 15px 53px; } dl.events dd span { display: block; } dl.events dd span.time { font-weight: bold; color: #727272; } dl.events dd span.link { font-weight: bold; } dl.events dd span.loc1, dl.events dd span.loc2 { font-size: 11px; } dl.events.list span.time { margin-bottom: 3px; } dl.events.list span.sm { font-size: 12px; margin: 7px 0; } dl.events.list span.sm span { margin: 0 0 0 60px; } dl.events.list span.sm span a { padding-bottom: 5px; } dl.events dt.video { background-image: url("/images/datesm-top-video.gif"); } dl.events dt.video span.av { background-image: url("/images/datesm-bottom-video.gif"); } dl.events dt span.av { display: block; background: url("/images/datesm-bottom.gif") bottom left no-repeat; padding: 14px 0; } dl.events dt span.single {display: block; background: url("/images/datesm-bottom.gif") bottom left no-repeat; padding: 5px 0; } dl.events dd span.duration { font-weight: bold; color: #727272; } dl.events dd div.desc { margin: 10px 0; } #articleslist, #serviceslist { float: left; width: 100%; } #articleslist div, #serviceslist div { clear: left; float: left; width: 100%; padding: 0 0 12px 0; } #articleslist img, #serviceslist img { float: left; } #articleslist h2, #serviceslist h2 { font-size: 15px; margin-bottom: 9px; } #articleslist div.text, #serviceslist div.text { line-height: 18px; clear: none; float: right; width: 435px; } #serviceslist div.text { width: 402px; } #serviceslist a.gobutton { margin-top: 6px; } #articleslist a.continue { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } #primary ol { margin-left: 35px; } /* FORMS: =forms ----------------------------------------------- */ form { margin: 0 0 1.5em 0; padding: 0 0 0 2px; } form label { margin: 0 0 .25em 0; padding:0 ; } form input.text, form textarea { } form input.submit { } form p { margin: 0 0 1em 0; } form .recaptcha { margin: 0 0 1em 0; } /*button.submit { cursor: pointer; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; background: url("/images/submitbutton-right.gif") top right no-repeat; color: #edf87d; margin-left: 12px; border: none; padding: 0 12px 0 0; } button.submit:hover { color: #fff; } button.submit span { position: relative; display: block; white-space: nowrap; padding: 0 0 0 12px; height: 26px; line-height: 26px; background: url("/images/submitbutton-left.gif") top left no-repeat; }*/ button { border: 0; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0 0 0 10px; padding: 0 12px 0 0; text-align: center; } button span { color: #edf87d; position: relative; display: block; white-space: nowrap; padding: 0 0 0 12px; } button.submitBtn { background: url("/images/submitbutton-right.gif") right no-repeat; } button.submitBtn span { height: 26px; line-height: 26px; background:url( "/images/submitbutton-left.gif") left no-repeat; } button.submitBtn:hover span { color: #fff; } form input.error, form textarea.error { border: 2px solid #843700 !important; } form label.error { color: #843700; } div.errors { background: #843700; color: #ffffff; text-align: center; padding: 10px 10px; margin: 0 12px 18px 12px; } div.errors p { margin: 0 0 0 0; } /* TABLES: =tables ----------------------------------------------- */ table { margin: 0 0 1.5em 0; } table.accessibility td, table.accessibility th { vertical-align: top; background: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; } table.accessibility tbody tr.stripe td, table.accessibility tbody tr.stripe th { background: #efefef; } table.accessibility thead tr th { background: #fff; } table.accessibility tbody tr td, table.accessibility tbody tr th { background: #fafafa; } /* HOMEPAGE: =home ----------------------------------------------- */ #intro { background: url("/images/bg-intro.jpg") top left no-repeat; margin-bottom: 9px; width: 964px; height: 283px; position: relative; left: -11px; } #intro p.introtext { color: #3a5d08; line-height: 14px; width: 219px; position: absolute; left: 451px; top: 39px; margin: 0; } #intro #tip { position: absolute; left: 711px; top: 80px; width: 218px; height: 186px; overflow: hidden; color: #2f2f2f; font-size: 11px; line-height: 14px; } #intro #tip h3 { font: 17px/18px normal Georgia, "Times New Roman", Times, serif; color: #9a0ba3; font-style: normal/*italic*/; } #intro #topics { list-style: none; float: left; position: absolute; left: 178px; top: 83px; width: 478px; } #intro #topics li { float: left; width: 154px; height: 70px; margin: 0 5px 4px 0; padding: 0; } #intro #topics li a { color: #edf87d; font-weight: bold; text-decoration: none; display: block; width: 88px; height: 45px; line-height: 14px; padding: 25px 5px 0px 61px; background-position: top left; background-repeat: no-repeat; } #intro #topics li a:hover { background-position: 0px -70px; color: #fff; } #intro #topics li.computers a { background-image: url("/images/intro-computers.jpg"); } #intro #topics li.digitalcameras a { background-image: url("/images/intro-digitalcameras.jpg"); } #intro #topics li.television a { background-image: url("/images/intro-television.jpg"); } #intro #topics li.internet a { background-image: url("/images/intro-internet.jpg"); } #intro #topics li.phones a { background-image: url("/images/intro-phones.jpg"); } #intro #topics li.ipods a { background-image: url("/images/intro-ipods.jpg"); } #intro #topics li.digitalcameras a, #intro #topics li.television a, #intro #topics li.phones a, #intro #topics li.ipods a { padding-top: 19px; height: 51px; } #intro p.moretopics { position: absolute; right: 295px; top: 236px; } .announce { background: #feffdd; padding: 6px 11px; font-size; 13px; border: 1px solid #e5ed8e; width: 918px; /*position: absolute; left: 84px; top: 471px;*/ margin: 0 0 10px 0; } .announce a { color: #b1430e; } .featuredcontent { float: left; width: 100%; margin-bottom: 6px; } .featuredcontent div { clear: both; float: left; width: 100%; margin-bottom: 12px; } .featuredcontent div h3 { font-size: 13px; } .featuredcontent div.firstitem h3 { font-size: 15px; line-height: 18px; } .featuredcontent div a.continue { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } .featuredcontent div p { margin-bottom: 0; } .featuredcontent div div.img { clear: none; float: left; margin: 0; width: 135px; } .featuredcontent div div.img img { border: 1px solid #cfcfcf; margin: 0; padding: 2px; } .featuredcontent div div.text { clear: none; float: right; width: 254px; margin: 0; } .patricimg { float: right; width: 127px; position: relative; left: 10px; } .patricimg span { color: #517420; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 14px; width: 80px; margin-left: 10px; margin-top: -17px; } #poll ul { list-style: none; margin-left: -20px; } #poll li { line-height: -2px; } #poll li span.votes { font-size: 10px; font-style: italic; } .lg-poll form, .lg-poll input, .lg-poll label { padding: 0; margin: 0; } .lg-poll input { float: left; width: 12px; } .lg-poll label { display: block; margin-left: 18px; } .lg-poll form p { clear: both; margin: 0 0 7px; } .lg-poll form p.more { margin: 18px 0; } .lg-poll p.question { font-weight: bold; font-size: 14px; } .lg-poll input.submit { float: none; width: auto; } .lg-poll #loading { background: #edf87d; padding: 3px 6px; } div.lg-poll-results { width: 283px; margin-bottom: 30px; } div.lg-poll-results ul, div.lg-poll-results li { font-size: 10px; margin: 0; padding: 0; margin-left: 0 !important; list-style-type: none; position: relative; margin: 0 0 2px 0; cursor: help; } div.lg-poll-results li.total { margin-left: 100px !important; } div.lg-poll-results .answer { width: 95px; } div.lg-poll-results .answer-total-votes { width: 45px; } div.lg-poll-results .bar { border: 1px solid #ffffff; padding: 2px; margin: 0 50px 0 100px; } div.lg-poll-results .percentage { height: 100%; } div.lg-poll-results .percentage span { display: block; padding: 0 0 0 5px; } div.lg-poll-results .answer { position: absolute; top: 0; left: 0px; text-align: right; padding-right: 5px;} div.lg-poll-results .answer-total-votes { position: absolute; top: 0; right: 0px; padding-left: 5px; } div.lg-poll-results .answer, div.lg-poll-results .answer-total-votes { display: block; padding: 3px 0; overflow: hidden; } /* INTERIOR PAGES: =interior ----------------------------------------------- */ /* articles and blog */ .meta { list-style: none; padding: 0; } .meta li { margin: 0 0 3px 0; } .meta strong.topics { margin-right: 3px; } .relatedarticles, .relateddefinitions, .mrnoobiesays { float: left; width: 100%; background: url("/images/comment-top.gif") top left no-repeat; padding-top: 12px; } .relatearticles div { background: url("/images/comments-bubbles.gif") top left no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; padding: 10px 0 15px 56px; } .relatedarticles div, .relateddefinitions div, .mrnoobiesays div { float: left; background: url("/images/comment-mid.gif") top left repeat-y; padding: 0px 12px 0px 12px; width: 558px; } .relatedarticles-bottom, .mrnoobiesays-bottom { width: 100%; clear: both; background: url("/images/comment-bottom.gif") bottom left no-repeat; height: 9px; } .relatedarticles h2 { text-indent: -999em; height: 11px; width: 109px; background: url("/images/title-related.gif") top left no-repeat; margin: 0 0 9px 0; padding: 0; } .relateddefinitions h2 { font-size: 14px; margin: 0 0 9px 0; padding: 0 } .relatedarticles ul, .relateddefinitions ul { margin: 0; padding: 0; list-style: none; } .relatedarticles ul li, .relateddefinitions ul li { float: left; width: 182px; height: 6em; margin: 0; padding: 0 4px 0 0; } .relateddefinitions ul li { height: auto; line-height: 18px; } .relatedarticles ul li a, .relateddefinitions ul li a { font-weight: bold; } .relatedarticles ul li span { display: block; font-size: 11px; color: #596b3f; } .mrnoobiesays { margin: 18px 0 0; } .mrnoobiesays-bottom { margin: 0 0 18px 0; } .text h2 { line-height: 20px; margin-bottom: 8px; } /* services */ h2.checkout { text-indent: -999em; width: 175px; height: 9px; background: url("/images/title-ycd.gif") top left no-repeat; margin: 0 0 15px 0; } h2.rsscheckout { text-indent: -999em; width: 175px; height: 11px; background: url("/images/title-wir.gif") top left no-repeat; margin: 0 0 15px 0; } div.callout.glossary h2 { width: 175px; height: 25px; margin: 0 0 15px 0; } div.callout { float: left; width: 100%; background: url("/images/greenbox-mid-mid.gif") top left repeat-y; } div.callout div { float: left; width: 175px; background: url("/images/greenbox-mid-top.gif") top left no-repeat; padding: 12px 12px 0px 12px; } div.callout-bottom { clear: both; background: url("/images/greenbox-mid-bottom.gif") bottom left no-repeat; height: 12px; } ul.checkout { float: left; list-style: none; margin: 0; padding: 0; width: 100%; } ul.checkout li { background: url("/images/check.gif") top left no-repeat; padding-left: 25px; } /* comments */ .article #comments { margin-bottom: 20px; } #comments h2 { background:transparent url(/images/comments-bubbles.gif) no-repeat scroll left top; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-weight:normal; padding:10px 0pt 15px 56px; line-height: 23px; } #comments ul { float: left; width: 100%; list-style: none; margin: 0 0 9px 0; padding: 0; } #comments ul li { float: left; width: 100%; clear: both; background: url("/images/comment-mid.gif") top left repeat-y; margin-bottom: 6px; padding: 0; } #comments ul li .meta { float: left; width: 100%; background: url("/images/comment-top.gif") top left no-repeat; margin-bottom: 3px; padding-top: 12px; } #comments ul li .meta .number { color: #748758; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; float: left; width: 60px; } #comments ul li .meta p { font-weight: bold; margin: 0; float: left; width: 300px; } #comments ul li .meta h5 { font-size: 12px; font-weight: normal; float: right; text-align: right; margin-right: 12px; width: 200px; } #comments ul li .meta h5 a { text-decoration: none; color: #778c57; } #comments ul li .meta h5 a:hover { color: #47572f; } #comments ul li .comment-text { float: left; width: 510px; clear: left; background: url("/images/comment-bottom.gif") bottom left no-repeat; padding: 0 12px 9px 60px; } #comments ul li .comment-text p { margin-bottom: .6em; } #comments div.mrnoobiesays h2 { background:transparent url("http://local.noobieinc.com/images/title-mrns.gif") no-repeat scroll left top; height: 14px; margin:0pt 0pt 9px; padding:0pt; text-indent:-999em; width: 120px; } .mrnoobiesays img { margin: 0 12px 0; } .formbox { clear: both; background: url("/images/bluebox-mid.gif") top left repeat-y; } .formbox-top { background: url("/images/bluebox-top.gif") top left no-repeat; height: 13px; } #comments .formbox h2 { background: url("/images/bluebox-top.gif") top left no-repeat; margin-bottom: 6px; padding-bottom: 6px; padding-left: 12px; } #comments .formbox p.note { font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 12px 0; padding: 0 12px; } .formbox form { margin: 0; padding: 0; } .formbox form p, .formbox form .recaptcha { margin: 0; padding: 0 12px 12px 12px; } .formbox-bottom { background: url("/images/bluebox-bottom.gif") top left no-repeat; height: 13px; } .formbox label { display: block; font-weight: bold; margin: 0 0 3px 0; } .formbox label .required { font-weight: normal; color: #567280; } .formbox input.text { width: 298px; border: 1px solid #aaaaaa; padding: 5px 3px; } .formbox textarea { height: 130px; width: 550px; border: 1px solid #aaaaaa; padding: 5px 3px; } #secondary2 .formbox { background: url("/images/bluebox-mid2.gif") top left repeat-y; } #secondary2 .formbox-top { background: url("/images/bluebox-top2.gif") top left no-repeat; } #secondary2 .formbox-bottom { background: url("/images/bluebox-bottom2.gif") top left no-repeat; } #secondary2 .formbox input.text, #secondary2 .formbox textarea { width: 286px; } /* faqs */ #faqfilter { margin: 0 0 12px 0; float: left; width: 100%: } #faqfilter h2 { float: left; text-indent: -999em; width: 123px; height: 25px; background: url("/images/title-fbc.gif") 0px 5px no-repeat; } #faqfilter form { float: right; width: 320px; margin: 0; } #faqfilter form input, #searchresultsform select { font-size: 13px; } /* search results */ ul.searchresults { clear: both; list-style: none; margin: 0 0 12px 0; padding: 0; } ul.searchresults li { background: url("/images/star-12.gif") 0px 3px no-repeat; padding-left: 19px; } ul.searchresults li a { font-weight: bold; } ul.searchresults li span.date { color: #596b3f; font-size: 11px; } p.searchmore a { margin-left: 3px; } #searchresultsform { margin: 0 0 12px 0; float: left; width: 100%: } #searchresultsform h2 { float: left; text-indent: -999em; width: 48px; height: 20px; background: url("/images/title-search.gif") 0px 7px no-repeat; } #searchresultsform form { float: right; width: 732px; margin: 0; } #searchresultsform form input, #searchresultsform select { font-size: 13px; } #quicklinks { margin: 0 0 12px 0; clear: both; float: left; width: 100%; } #quicklinks h2 { float: left; text-indent: -999em; width: 99px; height: 20px; background: url("/images/title-quicklinks.gif") 0px 3px no-repeat; } #quicklinks ul { list-style: none; float: left; margin-right: 230px; padding: 0; width: 450px; } #quicklinks li { white-space: nowrap; float: left; height: 1.4em; width: 200px; margin: 0; padding: 0; font-weight: bold; } /* testimonials */ div.testimonial { float: left; margin: 0 0 1.5em 60px; width: 462px; } div.testimonial img { float: left; } div.testimonial div { float: right; width: 332px; } div.testimonial h3 { color: #7f2a80; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } div.testimonial p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #797474; margin: 0 0 6px 0; } div.testimonial p.source { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-style: normal; } /* topics */ ul.topicslist { font-size: 14px; font-weight: bold; list-style: none; padding: 0; } ul.topicslist li { float: left; width: 240px; height: 7em; } ul.topicslist li a { display: block; background-position: top left; background-repeat: no-repeat; padding: 22px 0px 30px 75px; } /* av */ div.av { margin: 25px 0 0 0; } span.duration { font-weight: bold; color: #727272; } /* glossary */ div#glossaryIndex { margin: 20px 0; clear: left; text-align: left; font-size: 16px; font-weight: bold; line-height: 19px;} #glossaryIndex span { padding: 0 2px; } dl#glossary dd { margin-bottom: 30px; } /*rss*/ ul.rsslist { list-style: none; margin-left: 0; padding-left: 0; } ul.rsslist li { background: url("/images/rss_small.gif") top left no-repeat; line-height: 25px; padding-left: 28px; } /* FOOTER: =footer ----------------------------------------------- */ #footer { float: left; width: 100%; clear: both; padding-bottom: 12px; } #footer #foot-columns-wrapper { float: left; width: 100%; background: url("/images/footer-columns-top.gif") top left no-repeat; margin-bottom: 14px; padding-top: 36px; } #footer #foot-columns { float: left; width: 100%; background: url("/images/footer-columns-bottom.gif") bottom left no-repeat; padding-bottom: 40px; } #footer #foot-columns h2 { height: 24px; text-indent: -999em; background-position: top left; background-repeat: no-repeat; margin: 0; padding: 0; } #footer #foot-columns p { font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 12px; } #footer #foot-columns a { color: #e1a5e1; } #footer #foot-columns a:hover { color: #fff; } #footer #foot-columns div { float: left; margin-right: 18px; padding: 0 11px; } #footer #foot-columns #foot-subscribe { width: 140px; } #footer #foot-columns #foot-subscribe h2 { background-image: url("/images/title-foot-subscribe.gif"); } #footer #foot-columns #foot-subscribe p { font-size: 11px; } #footer #foot-columns #foot-subscribe p.rss { margin-bottom: 0; } #footer #foot-columns #foot-subscribe p.rss a { background: url("/images/rss.gif") top left no-repeat; padding: 0 0 14px 43px; display: block; font-weight: bold; font-size: 13px; } #footer #foot-columns #foot-about { width: 320px; } #footer #foot-columns #foot-about h2 { background-image: url("/images/title-foot-about.gif"); } #footer #foot-columns #foot-mail { width: 380px; margin: 0; } #footer #foot-columns #foot-mail h2 { background-image: url("/images/title-foot-mail.gif"); } #footer #foot-columns #foot-mail p { width: 264px; margin-bottom: 12px; } #icpsignup { float: left; width: 314px; height: 28px; margin: 0; } #icpsignup input.text { float: left; background: url("/images/bg-subscribe-field.gif") top left repeat-x; border: none; color: #4a4a4a; font-weight: bold; margin-top: 2px; padding: 6px 10px; width: 211px; height: 27px; } #icpsignup input.text:hover, #icpsignup input.text:focus { color: #000; } #icpsignup input.submit { float: right; } #footer #foot-info { clear: both; float: left; width: 100%; margin-bottom: 16px; } #footer #foot-info ul { list-style: none; float: left; margin: 0; padding: 0; width: 551px; } #footer #foot-info li { border-right: 1px solid #792779; float: left; padding: 0 8px 0 8px; } #footer #foot-info li.first { padding-left: 0; } #footer #foot-info li.last { border: none; } #footer #foot-info li a { color: #caf2b4; font-weight: bold; text-decoration: none; } #footer #foot-info li a:hover { color: #fff; } #footer #foot-info p.credits { float: right; text-align: right; width: 391px; font-size: 11px; color: #923f92; } #footer #foot-info p.credits span.copyright { color: #e49c2e; } #footer #foot-info p.credits a { color: #923f92; } #footer #foot-info p.credits a:hover { color: #fff; } #footer #foot-info p.credits a.invis, #footer #foot-info p.credits a.invis:hover { color: #923f92; text-decoration: none; cursor: default; } #footer #foot-info p.disclaimer { float: left; text-align: left; width: 100%; font-size: 11px; color: #e49c2e; } /* ADVERTISING: =ads ----------------------------------------------- */ .bluads-outer { clear: both; background: #d7ebf5 url("/images/bluads-top.gif") top left no-repeat; padding-top: 11px; } .bluads { background: url("/images/bluads-bottom.gif") bottom left no-repeat; padding: 0px 11px 11px 11px; } .bluads .Ad a { text-decoration: none; } .bluads .Ad span { padding: 2px 0;} .bluads .Ad .title { font-size: 12px; color: #1c5f73; text-decoration:underline; } .bluads .Ad .baseurl { color: #9b330a; font-size: 11px; } .bluads .Ad .copy { color: #60888c; font-size: 11px; } .bluads .Ad .smallurl { font-size: 11px; color: #9b330a;} .adsbygoogle { text-align: right; } #googleads { clear: both; float: left; width: 100%; margin-bottom: 9px; } #googleads ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0; } #googleads ul li { float:left; line-height: 13px; margin: 0; padding: 0; overflow:hidden; width:220px; } #googleads .Ad a { text-decoration: none; } #googleads .Ad .title { font-size: 12px; color: #1c5f73; text-decoration: underline; } #googleads .Ad .baseurl { color: #9b330a; font-size: 11px; } #googleads .Ad .copy { color: #acbec0; font-size: 11px; } #googleads .Ad .smallurl { font-size: 11px; color: #9b330a;} #googleads .adsbygoogle { margin-right: 25px; } #googleads div.inner { margin: 0 auto; width: 728px; height: 90px; } #adblock ul { list-style: none; margin: 0; padding: 0; } #adblock ul li { margin-bottom: 9px; } /* SIFR: =sifr ----------------------------------------------- */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-active #content h1 { visibility: hidden; line-height: 28px; font-size: 30px; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element. */ .sIFR-replaced > div { display: none !important; } /* MISC: =misc ----------------------------------------------- */ .nobot { margin-bottom: 0; } .clearboth { clear: both; } .nowrap { white-space: nowrap; } .skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; } .nowrap { white-space: nowrap; } /* * "How To Clear Floats Without Structural Markup" - * http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End Holly Hack */ } /* MYTABLE: =mytable ----------------------------------------------- */ #mytable table { width: 100%; padding: 0; margin: 0; } #mytable caption { padding: 0 0 5px 0; width: 100%; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: right; } #mytable th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; padding: 6px 6px 6px 12px; background: #CAE8EA url(/images/bg_header.jpg) no-repeat; } #mytable th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; } #mytable td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; } #mytable td.alt { background: #F5FAFA; color: #797268; } #mytable th.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(/images/bullet1.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #mytable th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(/images/bullet2.gif) no-repeat; font: bold 10px Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268; } }