/* Prodigo Solutions Created by SpinWeb [Tony Williams] */ body#public { font: 12px/17px Arial,sans-serif; color: #504d44; text-align: left; background: #fff url(/graphics/images/background.gif) repeat-x 0 0; } a { color: #009bc9; text-decoration: none; cursor: pointer; } a:hover, a p:hover { text-decoration: underline; } a img { display: block; border: 0; } .ar { display: block; text-align: right; } .ac { display: block; text-align: center; } .al { display: block; text-align: left; } .cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } .fr { float: right; display: inline; } .fl { float: left; display: inline; } .hidden { display: none; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .shell { margin: 0 auto; width: 986px; } #page { background: url(/graphics/images/background-graphic.gif) no-repeat center 1px; } p {margin-bottom: 18px;} h2, .heading { font-size: 20px; } h3, .sub-heading { font-size: 14px; font-weight: bold;} small { font-size: 10px; } #main .box ul, #main .box ol {margin: 15px 0 15px 50px;} hr {height: 1px; background: #efefef; color #efefef; border: 0; margin: 15px 0;} .faq hr {margin: 0;} table {float: left; width: 100%;} /* Header */ #header { height: 101px; overflow:hidden;} h1#logo { float: left; display: inline; height: 76px; width: 238px; margin: 8px 0 0 0; } h1#logo a { display: block; height: 76px; background: url(/graphics/images/logo.gif); } #navigation { float: left; width:732px; display: inline; height: 36px; background: url(/graphics/images/nav-bg.gif) repeat-x 0 0; margin: 37px 0 0 0; padding: 0 0 0 16px; position:relative; z-index:10; white-space:nowrap; } #navigation ul { list-style: none outside; height: 36px; float:left; } #navigation ul li { float: left; display: inline; height: 36px; background: url(/graphics/images/nav-border.gif) no-repeat right 0; line-height: 36px; font-size: 13px; } #navigation ul li a { float: left; display: inline; padding: 0 9px; color: #def0f9; margin-right: 2px; } #navigation ul li a:hover, #navigation ul li a.current { background: url(/graphics/images/nav-hover.gif) repeat-x 0 0; text-decoration: none;} #navigation ul li.last { background: none; } #navigation ul li ul, .footerNav li ul {display: none;} #navigation ul li {margin: 0;} #search { float: right; display: inline; margin: 7px 0 0 0; width: 241px; } #search .field { float: left; display: inline; height: 22px; width: 172px; background: url(/graphics/images/search-field.gif) no-repeat 0 0; } #search .field input { margin: 3px 0 0 30px; border: 0; background: none; width: 135px; } #search .button { float: left; display: inline; margin: 1px 0 0 6px; height: 22px; width: 63px; background: url(/graphics/images/button-search.gif) no-repeat 0 0; cursor: pointer; border: 0; } #top-banner { height: 216px; background: #fff; margin-bottom: 10px; } /* Sidebar */ #sidebar { float: left; display: inline; width: 255px; } #sidebar .box { background: url(/graphics/images/sidebar-box-bg.gif) repeat-y 0 0; margin-bottom: 10px; } #sidebar .box-bottom { background: url(/graphics/images/sidebar-box-bottom.gif) no-repeat 0 bottom; } #sidebar .box-top { background: url(/graphics/images/sidebar-box-top.gif) no-repeat 0 top; padding: 12px 13px 3px 15px; height: 100%; } #newsletter { background: url(/graphics/images/icon-newsletter.gif) no-repeat 0 0; padding-left: 70px; height: 100%; } #newsletter h2 { font-size: 20px; color: #504d44; font-weight: normal; margin-bottom: 10px; } #newsletter .field { height: 22px; width: 155px; background: url(/graphics/images/newsletter-field.gif) no-repeat 0 0; margin: 0 0 10px 0; } #newsletter .field input { font: 12px Arial, sans-serif; color: #504d44; border: 0; background: none; margin: 4px 0 0 10px; width: 135px; } #newsletter .button { float: right; display: inline; height: 19px; width: 36px; background: url(/graphics/images/button-go.gif) no-repeat 0 0; border: 0; cursor: pointer; margin: 0 0 15px 8px; } .product-ad { height: 83px; width: 243px; background: url(/graphics/images/partner-program.gif); margin-bottom: 10px; padding: 15px 0 0 10px; } .product-ad h2 { font: 18px "Futura", "Myriad Pro", "Trebuchet MS", Arial, serif; color: #009bc9; } .product-ad a { color: #009bc9; } #seminars { padding-left: 80px; background: url(/graphics/images/icon-seminars.gif) no-repeat 0 0; } #seminars h2 { font: 18px "Futura", "Myriad Pro", "Trebuchet MS", Arial, serif; padding: 15px 0 0 0; } #seminars p { padding: 0 15px 21px 0; margin: 0; } #seminars p a { font: 18px "Futura", "Myriad Pro", "Trebuchet MS", Arial, serif; color: #009bc9; background: url(/graphics/images/icon-blue-pointer.gif) no-repeat right 10px; padding-right: 13px; } #sidebar .box2-top { background: url(/graphics/images/box2-bg.gif) repeat-x 0 0; padding: 0 0 0 20px; } #sidebar .box2-top h2 { font-size: 20px; font-weight: normal; line-height: 34px; margin-bottom: 20px; } #follow a { float: left; display: inline; margin-right: 15px; } #upcoming-events li, #recent-news li { list-style: none outside; padding-bottom: 15px; } #upcoming-events h3, .event h3, .recent-news h3, #recent-news h3 {font-weight: normal;} #menu { padding-bottom: 10px; } #menu ul li { list-style: none outside; height: 24px; width: 254px; border-bottom: 1px solid #42b5d7; } #menu ul li a { display: block; height: 24px; line-height: 24px; color: #fff; width: 217px; background: #009bc9 url(/graphics/images/menu-bg.gif) no-repeat 0 0; padding-left: 37px; } #menu ul li a:hover, #menu ul li a.current { background-position: 0 bottom; background-color: #1c263f; text-decoration: none; } /* Main */ #main { float: right; display: inline; width: 725px; } #widecolumn { float: left; display: inline; width: 454px; } #main h2, #main h1 { font-size: 20px; line-height: 20px; font-weight: normal; margin-bottom: 20px; width: 100%; } #main .box { background: url(/graphics/images/main-bg.png) repeat-x 0 0; margin-bottom: 5px; height: 100%; padding: 9px 18px; } .interior #main .box {min-height: 650px;} #welcome { padding: 15px; } #widecolumn .events { margin-top: 10px; } #widecolumn .event small { display: block; } #shortcolumn { float: right; display: inline; width: 261px; } #shortcolumn a.rss { position: absolute; height: 24px; width: 67px; background: url(/graphics/images/icon-rss.gif) no-repeat 0 0; margin: -3px 0 0 170px; } #shortcolumn .recent-news { list-style: none outside; } #shortcolumn .recent-news h3 { margin-bottom: 2px; } #shortcolumn .recent-news p { padding: 5px 0 15px; } #main .box ul.recent-news {margin: 0;} #main .box ul.recent-news li {margin-bottom: 15px;} #main .bg { background: url(/graphics/images/graphic2.gif) no-repeat 0 0; } #main .bg .box p { } #flash { background: url(graphics/top-banner.jpg) no-repeat 0 0; width: 986px; height: 216px; } /* Footer */ #footer { height: 120px; margin: 25px 0 0 0; padding: 25px 0 0 0; background: #489cb4; color: #def0f9; } #partners { padding-bottom: 60px; } #partners p { font-size: 11px; padding: 10px 0; color: #1c263f; margin-bottom: 0;} #partners a { float: left; display: inline; margin-right: 20px; } #footer .side-left { float: left; display: inline; width: 600px; } #footer .side-left ul { position: relative; left: -10px; } #footer .side-left li { list-style: none outside; float: left; display: inline; background: url(/graphics/images/footer-nav-border.gif) no-repeat right bottom; height: 13px; padding: 0 10px; line-height: 13px; } #footer .side-left li.last { background: none; } #footer .side-left li a { color: #def0f9; } #footer a {color: #fff;} #footer .side-left p { padding-top: 15px;} #footer .side-right { float: right; display: inline; width: 200px; } #footer .side-right a { float: right; display: inline; margin-left: 10px; } #menu-bg { background:url(/graphics/images/nav-bg.gif) repeat-x 0 0; position:absolute; right:0; width:50%; height:36px; top:37px;} /* ---------------Freedom Stylesheet--------------- */ READ THIS FIRST Freedom Ecosystem sharing allows for styles to be attached to modules as they are shared. This is done by open/close comment tags for of each module blocks. Retain the comment blocks if you want your styles to be included if/when the module is shared over the Ecosystem. /* End Comments */ /* ---------------Global Styles--------------- */ .left { border: 1px solid #555; float: left; margin: 0 10px 10px 0; } .right { border: 1px solid #555; float: right; margin: 0 0 10px 10px; } h1, .heading { } h2, .sub-heading { } /* End Global Styles */ /* ---------------General Module Styles--------------- */ .errorMessage{ font-weight:bold; color:#f00; } /* End General Module Styles */ /* Pagination */ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; } .pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; } .pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; } .pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; } /* End Pagination */ /* Send Page Styles */ .sendpage { clear:both; } .sendpageBody div, .sendpageBody td { padding: 2px 0px; } /* End Send Page Styles */ /* ModuleBegin::gendocs */ .webpageWrapper { } /* ModuleEnd::gendocs */ /* ModuleBegin::news */ .newsWrapper { } #main .box .newsWrapper .newsList, .newsWrapper .newsList { margin: 0; list-style: none; } .newsWrapper .newsList li { margin: 0 0 18px 0; } .meta, .blogPosted { color: #777; font-size: smaller; margin-bottom: 0;} .newsWrapper .blurb { } .newsWrapper .content { } .newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; } /* ModuleEnd::news */ /* ModuleBegin::events */ /* --------------- Events Lister ----------------- */ .eventsWrapper { } #main .box .eventsWrapper .eventList, .eventsWrapper .eventList { margin: 0; list-style: none; } .eventsWrapper .eventList li { margin: 0 0 18px 0; } .eventDate { color: #777; font-size: smaller; } .eventTime { color: #777; font-size: smaller; } .eventsWrapper .eventList li h2 { color: #333; } .eventsWrapper .eventList li h3 { color: #000; } .eventBlurb { } /* --------------- Events Detail ----------------- */ .eventLocation, .eventRSVP, .eventTicketWrapper { } .eventLocation { } .eventLocationMap { } .eventLocationAddress { } .eventLocationDriving { } .eventContact { } .eventPhone { } .eventEmail { } .eventRSVP { } .eventTicketWrapper { } .eventTicket { } .eventBody { } /* ModuleEnd::events */ /* ModuleBegin::faq */ .faqWrapper { } .faqWrapper dd { margin: 0;} .faqQ,.faqA { font-family:Georgia,serif; font-size:300%; line-height: 35px; } .faqWrapper dd a.top {float:right;} #main .box .faq ul {background: #efefef; border: 1px solid #555; width: 95%; margin: 0; padding: 15px 0 15px 5%; float: left; margin-bottom: 15px; } #main .box .faq ul p {margin: 0;} /* ModuleEnd::faq */ /* ModuleBegin::jobs */ .jobsListWrapper div {background: #efefef; border: 1px solid #555; padding:2%; width: 96%; } .jobsListWrapper div label {margin-left: 25px; font-weight: bold;} .jobsListWrapper div input {position: absolute; margin: 1px 0 0 25px;} .jobsDetailWrapper { } .jobsDetailWrapper span { display: block; } .jobsDetailWrapper span.itemLabel { display: inline; } .jobsJobCode { } .jobsCategory { } .jobsLocation { } .jobsKeywords { } .jobsDescription { } /* ModuleEnd::jobs */ /* ModuleBegin::newsfeed */ .newsfeedListWrapper { } .newsfeedNumber { } .newsfeedTitle { } .newsfeedSource { } .newsfeedDetailWrapper { } .newsfeedDetailWrapper .newsItem {border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:10px;} .newsfeedDetailWrapper .newsItem img {margin:0 10px 0 0;} .newsfeedDetailWrapper .newsItem span {display:block;} .newsfeedDetailWrapper .newsItem .newsListHeadline {font-size:120%;} .newsfeedDetailWrapper .newsItem .newsListPublishline {font-size:90%;} /* ModuleEnd::newsfeed */ /* ModuleBegin::blog */ .blogArchiveMonth { padding-left:10px; } .blogArchiveYear { font-weight: bold; } .blogDate { width: 96%; padding: 5px 2%; font-weight: bold; background-color: #eeeeee; float: left; border-bottom: 1px solid #555; margin-bottom: 20px; } .blogDividerComments { height: 1px; background-color:#cccccc; } .blogDividerTop { height: 1px; background-color:#cccccc; } .blogEntry { padding-top: 5px; } .blogEntryFooter { padding-bottom: 10px; } .blogFooter { height: 1px; background-color:#cccccc; } .blogTitle { color: #000066; font-weight: bold; padding-top: 10px; } /* ModuleEnd::blog */ /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; } .membershipLoginWrapper { } .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .memberUser { } .memberPassword { } .memberRemember { } .memberForgot { } .memberSubmit { } /* ModuleEnd::membership */ .formButtons a { margin: 10px 0; padding: 10px; border: 1px solid #ccc; float: left; } .formButtons a:hover { margin: 10px 0; padding: 10px; border: 1px solid #ccc; background: #009bc9; color: #fff; text-decoration: none; } form div.formtext, form div.formtextRequired { clear: both; float: left; margin: 0 8px 0 0; text-align: right; width: 13em; } #form td {padding-bottom: 4px;} .formtextRequired, .formTextRequired { font-weight: bold; } textarea { width: 500px; } input[type=submit] {margin-bottom: 20px;} span input { display: inline; } /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */ /* ModuleBegin::podcast */ .podcastChannelWrapper { } .itemList .podcastNumber, .itemList .podcastTitle { display: inline; } .podcastListWrapper { } .podcastDetailWrapper span { display: block; } .podcastDetailWrapper span.itemLabel { display: inline; } .podcastImage { float: left; margin: 0px 10px 10px 0px; } .podcastImage img { padding: 5px; border: 1px solid #ccc; } .podcastSubtitle { } .podcastAuthor { } .podcastDescription { } .podcastPublish { } .podcastLink { } .podcastLanguage { } .podcastCopyright { } .podcastCategory { } .podcastDuration { } .podcastExplicit { } /* ModuleEnd::podcast */ /* ModuleBegin::ticket */ .ticketListWrapper { } .ticketDetailWrapper { } .ticketFeatureWrapper { } /* ModuleEnd::ticket */ /* ModuleBegin::commerce */ .shoppingAlert { color: red; } .shoppingBody { font-size: 8pt; } .shoppingCartEvenRow { background-color: #ffffff; color:#002d62; } .shoppingCartOddRow { background-color: #ebebeb; color:#002d62; } .shoppingCartTableHeader { background-color: #1e263e; color: #ffffff; font-size: 8pt; font-weight: bold; padding: 5px;} .shoppingCartTableHeader td {padding: 5px;} .shoppingForm { font-size: 8pt; color:#002d62; } .shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; } .shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; } .shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; } .shoppingHeading { color:#002d62; } .shoppingInStock { } .shoppingItemHeading { } .shoppingOutOfStock { color: #dd0000; } .shoppingLowStock { } .shoppingTable { background-color: #e8e8e8; color:#002d62; } .shoppingTableBorder { background-color: #ffffff; } .shoppingFormRequired { width: 1%; } /* ModuleEnd::commerce */ /* Shopping Cart ========================================*/ .addThisWrapper { margin-top: 25px;} /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow { background-color: #fff; border: 3px solid ccc; color: #333; display: none; left: 50%; margin-left: -200px; position: fixed; text-align: left; top: 17%; width: 400px; } .jqmConfirmTitle { background: #ddd; padding: 5px; text-align: right; } .jqmWindow .webpageWrapper { padding: 12px; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (