/* ---------------------------------------------------------- RFA CSS Managed by: Blue State Digital Last Update: January 2010 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) Green: #498408 ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF url(/page/-/rfa-association-site/img/main-bg-tile.jpg); } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { font-family: Arial, Helvetica, sans-serif; background: #FFF url(/page/-/rfa-association-site/img/main-bg-tile.jpg); } .base h2 { font-size: 1.56em; color: #444; font-weight: bold; margin: 20px 0 10px; border-bottom: 1px solid #d4d4d4; } h2 a { color: #444; text-decoration: none; } .base h3 { font-weight: bold; color: #333333; margin-bottom: 10px; } .base p { font-size: 0.81em; line-height: 140%; margin-bottom: 10px; } .base td { padding: 3px; } a { color: #498408; text-decoration: none; } a:hover, a:link:hover, a:visited:hover { text-decoration: underline; } blockquote { color: #999; font-size: 0.88em; padding-left: 15px; border-left: 1px solid #666; margin: 10px 0; line-height: 1.45em;} .base ul, ol { font-size: 0.81em; line-height: 140%; margin-bottom: 10px; } .base ul li {background-image: url(/page/-/rfa-association-site/img/content/green-disc-bullet.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px; list-style-type: none; } .base ol { list-style-type: decimal; } .base ul li, .base ol li { } .base li ol, .base li ul { font-size: 0.9em; margin: 10px 0 10px 15px; } .base ul li a { list-style-image: none; background-image: none;} /* 03 =LAYOUT ---------------------------------------------------------- */ #full-wrapper { background-image: url(/page/-/rfa-association-site/img/main-bg.jpg); background-repeat: repeat-x; background-position: 0 -2px; min-height: 100%;} .content-wrapper { width: 960px; margin: 0 auto; min-height: 100%; } #logo { margin: 10px 10px 25px 0; display: ; } /* Header */ #header { background: #fff url(/page/-/rfa-association-site/img/header/header-bg-long.jpg) repeat-x center bottom; height: 110px;} #member-login { width: 430px; font-size: 0.81em; font-weight: bold; color: #498408; background-color: #ecfdda; border: 1px solid #dbdbdb; padding: 15px 10px 10px 10px; position: relative; left: 510px; top: -90px; font-size: 1em; margin-bottom: 20px; height: 38px; } #member-login-in { width: 430px; font-size: 0.81em; font-weight: bold; color: #498408; background-color: #ecfdda; border: 1px solid #dbdbdb; padding: 10px; position: relative; left: 510px; top: -90px; font-size: 1em; margin-bottom: 50px; } #member-login p { font-size: 0.75em; display: inline; float: left; } #member-login p a { font-weight: normal; font-size: 0.95em; margin-left: 25px; margin-top: 2px; display: block;} #member-login-title { margin-left: 25px; } #member-yet { float: right; width: 200px; margin-right: 1em; } #member-yet p { float: left; margin-left: 30px; } #member-yet .button { display: inline; float: right; } #quicksignup { float: right; width: 299px; margin-bottom: 5px; margin-right: 1em; margin-top: -14px; } #quicksignup input { float: right; margin-left: 3px; } #quicksignup .button { float: right; margin-left: 3px; position: absolute; top: 5px; left: 184px; } #quicksignup .button:hover { background-color: #eb8d02; cursor: hand; } #quicksignup fieldset input.input { width: 110px; font-family: Georgia, Times, serif; font-size: 1.2em; padding: 0.1em; font-weight: normal; color: #444; margin-right: 1px; } #quicksignup fieldset { font-size: 0.75em; font-weight: normal; float: left; } #quicksignup input.input { width: 100px; float: left; margin-right: 5px; font-size: 1.2em;padding: 3px; } .sign-up-button a { padding: 0; width: 20px; } /* Navigation */ #navigation .sf-menu { padding: 0px; margin-left: 8px; position: absolute; z-index: 99; top: 79px; background-image: none; min-width: 951px;} #navigation ul.sf-menu li a, #navigation .sf-menu li.last a:hover { color: #333; text-decoration: none; display: inline; font-weight: bold; font-size: 1em; padding: 7px 34px 8px 18px; margin: 0 0px; color: #fff; float: left; } #navigation ul.sf-menu li a { background-image: url(/page/-/rfa-association-site/img/header/navigation-bg-green.png); border-right: 6px solid #fff; } #navigation ul.sf-menu li a:active { background-color: #000; color: #000; } #navigation ul li#about-us { margin-left: -7px; } /* Secondary */ #navigation ul.sf-menu li a:hover { color: #fff; text-decoration: none; background: url(/page/-/rfa-association-site/img/header/nav-last-bg.jpg) repeat-x; } #navigation ul.sf-menu ul { background: url(/page/-/rfa-association-site/img/main-bg.jpg) repeat-x scroll 20% 30%; border-bottom: 2px solid #2e2e2e; padding: 0; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 3px 25px rgba(0,0,0, 0.4); -moz-box-shadow: 0px 1px 5px rgba(0,0,0, 0.4); width: 170px; -webkit-border-radius: 0; padding: 0; border-right: none; position: absolute; z-index: 99; } #navigation ul.sf-menu li ul li a { border: 0; } #navigation ul.sf-menu ul li a { background-image: none; background: none; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #333; font-size: 0.8em; margin: 0; overflow: hidden; display: block; width: 119px; } #navigation ul.sf-menu ul li a:hover, #navigation .sf-menu li.last ul li a:hover { background: none; background-color: #047cb7; display: block; overflow: hidden; font-size: 0.8em; font-weight: normal; } #navigation .sf-menu em, h2 em { font-family: Georgia, Times, serif; font-style: normal; font-weight: normal; } #navigation .sf-menu li.last a { border: 0; background: url(/page/-/rfa-association-site/img/header/nav-last-bg.jpg) repeat-x; width: 120px; } #navigation .sf-menu li.last ul a:hover { margin-left: 0px; } #member-center ul li.sfHover ul.secondary li a:hover { width: 120px; } /* Tertiary */ #navigation ul.sf-menu ul li ul li { margin-left: 0px; } #navigation ul.sf-menu ul li ul li a:hover, #navigation .sf-menu li.last ul li a:hover { background-color: #047cb7; width: 118px; } #navigation ul.sf-menu ul li ul li a, #navigation .sf-menu li.last ul li a { background-image: none; background: none; font-size: 0.8em; } #navigation ul.sf-menu ul li ul { margin-left: 0; margin-top: 10px; border-left: 2px solid #2e2e2e; } #navigation ul.sf-menu li ul li > #navigation ul.sf-menu{ background-color: #000; font-size: 3em; } #navigation ul li.sfHover ul.secondary li a.sf-with-ul { color: #333; } #navigation ul li.sfHover ul.secondary li.sfHover a.sf-with-ul { color: #fff; } #navigation ul li.sfHover ul.secondary li a.sf-with-ul { color: #333; } #navigation ul li.sfHover ul.secondary li a.sf-with-ul:hover { color: #fff; } /* Hover States */ body#about-us li#about-us { background: url(/page/-/rfa-association-site/img/header/nav-last-bg.jpg) repeat-x; } /* Content Area */ #content { background-color: #fff; padding: 20px 20px 10px 20px; } /* News Entries */ .news-entry { display: block; float: left; margin-bottom: 20px;} #industry-news div.news-entry { margin-bottom: 0; } .news-entry img { display: inline; margin-right: 10px; float: left; } .news-entry em { font: italic 0.83em Georgia, "Times New Roman", Times, serif; color: #4a4949; display: block; } .news-entry p a { font-size: 1em; font-weight: bold; color: #498408; text-decoration: none; } #home #home-mid-column { width: 320px; float: left; margin-right: 10px; } /* Sidebar */ #sidebar { width: 280px; float: right; } /* Search Form */ #search-RFA { display: block; background-color: #eb8d02; height: 72px; margin-bottom: 10px; margin-top: 10px; padding: 0 10px; } #search-RFA h2 { color: #fff; font-size: 1em; border: 0; padding: 5px 10px 5px 0px; margin: 0; text-transform: uppercase; } #cse-search-box { background-color: #fff; height: 20px; } #cse-search-box input.submit { background: #fff url(/page/-/rfa-association-site/img/content/search-button-bg.jpg) repeat-x; color: #fff; font-weight: bold; padding: 0px 3px; font-size: 0.81em; border: 1px solid #fff; height: 23px; text-transform: uppercase; margin-left: -10px; float: right; display: inline; position: relative; margin-top: -23px; } #cse-search-box input.submit:active { border: 1px solid #fff; } #cse-search-box input.text { background: #fff url(/page/-/rfa-association-site/img/content/search-bg.jpg) no-repeat; padding: 0px 30px 0px 20px; font-family: Georgia, Times, serif; font-size: .9em; font-weight: normal; color: #444; text-transform: none; border: 1px solid #fff; float: left; height: 21px; width: 169px;max-width: 230px; } #cse-search-box input.text:focus { border: 1px solid #fff; outline: none; } ul#crosstabs { font-size: 0.73em; } /* Industry News */ #industry-news span { font-size: 9px; font-weight: normal; padding: 2px 0 10px 10px; float: left; display: inline;;} #industry-news div.button a { margin-top: -49px; font-size: .8em; } #industry-news .news-footer { font-size: 0.75em; float: left; margin: 10px 0; width: 100%;} #industry-news .news-footer p { width: 170px; float: left;} #industry-news .button { float: right; margin: 10px 0; } #go-to { background-color: #0b83bd; color: #fff; padding: 5px 10px 10px 10px; margin-bottom: 10px; } /* #home #go-to { display: none; } */ #go-to h2 { color: #1eb6ff; border-bottom: 1px solid #1eb6ff; margin-top: 0; } #go-to ul li, #go-to ul li a { list-style-image: none; list-style-type: disc; list-style-position: inside; padding-left: 5px; } #go-to ul li a, #go-to ul li a:visited { color: #fff; font-weight: bold; text-decoration: none; font-size: 1.3em; } #go-to ul li a:hover { text-decoration: underline; } /* Promo Links */ #promo-links ul { clear: both; } #promo-links ul li { margin: 5px; display: inline; float: left; background-image: none; padding: 0; } #promo-links ul li img { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 0; margin: 0; background-image: none; padding: 0; } /* Events */ #events a { margin: 20px 0; display: block; } /* Footer */ #footer { background-color: rgb(87,153,12); color: #fff; font-size: 0.75em; text-align: center; padding: 10px; line-height: 140%; height: 50px; } #footer a { color: #fff; } /* MISC Styles */ input.button, .button a { background-color: #6eb220; display: block; font-size: 0.63em;color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: center; padding: 0.4em 0.2em; width: 5em; border: 0; } .button a:hover { text-decoration: none; background-color: #eb8d02; } .sign-up-button a { width: 4.7em; padding: 0.4em 0.1em; } #member-quick-links ul li { margin: 5px 0; } #push { height: 40px; background-color: white; width: 960px; margin: auto; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #hero { height: 294px; width: 920px; background-color: #047cb7; color: #fff; clear: both; position: relative; z-index: 1; overflow: hidden; } #hero .hero-entry { width: 910px; height: 283px; overflow: hidden; margin-left: 10px; margin-top: 10px; } #hero #cycle { width: 900px; display: inline; float: left; } #hero .hero-entry img { display: inline; float: left; } #hero .hero-entry .meta { float: right; display: inline; width: 230px; margin-right: 35px; text-align: left; font-size: 0.9em; } #hero #cycle .meta h1 a { font-family: Georgia, Times, serif; font-size: 2em; text-align: center; margin-bottom: 10px; color: #fff } #hero #cycle .meta h1 { text-align: center; margin: 5px 0 18px;} #hero #cycle .meta p { border-top: 1px solid #0392d9; border-bottom: 1px solid #0392d9; font-size: 0.88em; line-height:1.55em; padding: 10px 0; } #hero #rotator a { color: #01abff; font-size: 1.64em; padding: 8px; text-align: center; font-weight: bold; text-decoration: none; } #hero #rotator h1 a, #hero #rotator h1 a:link, #hero #rotator h1 a:visited { color: #fff; } #hero #rotator a.activeSlide { color: #fff; background-color: #01abff; border: 1px solid #0471a8; padding: 4px 8px; } #hero #rotator{ position: absolute; left: 700px; top: 245px; z-index: 99; display: inline; text-align: center; } /* #hero #cycle { display: inline; position: relative; top: -65px; left: 0px; overflow: hidden; } #hero #cycle .hero-entry { position: relative; z-index: 1; width: 920px; overflow: hidden; height: 292px; } #hero #cycle img { width: 610px; margin: 10px; display: inline; float: left; } #hero #cycle .meta { margin-left: -30px; width: 230px; float: right; margin-right: 40px; margin-top: 20px; } #hero #cycle .meta h1 a { color: #fff; } */ /* #hero #hero-meta li { display: inline; font-size: 1.64em; padding: 4px; margin: 0 10px; font-weight: bold; } #hero #hero-meta ul { margin:10px 0 0 20px } #hero #cycle { display: block; height: 400px; padding: 200px; } */ #home #home-news-center { width: 297px; border-right: #e6e6e6; float: left; margin-right: 10px; } #home-news-center { display: inline; } #home #home-news-center .pic, #news .pic { width: 110px; } #home .news- entry { display: block; float: left; margin: 0px 0; } #home #home-quick-links ul li, #home #home-quick-links ul li a, #home #home-quick-links ul li a:visited { font-weight: bold; color: #498408; list-style-type: disc; list-style-position: outside; line-height: 1.5em; list-style-image: none; background-image: none; text-indent: 0; } #home-quick-links ul li { padding-left: 0em; text-indent: -1.35em; margin-left: 1em; margin-bottom: 8px;} #home-quick-links ul li.first { font-size: 150%; } .video-list .pic { width: 85px; float: left; margin: 10px 21px 0 0; } img#rss { position: relative; left: -120px; margin-top: -30px; float: right; } span.new { color: #eb8d02; } /* 05 =SUBPAGES ---------------------------------------------------------- */ .interior #content #interior-content { width: 550px; float: left; margin-left: 20px; } .interior #content #interior-content h2 { color: #498607; font-size: 1.44em; border: 0; margin: 0 0 10px 0; } .interior #content #interior-content h3, .interior #content #interior-content .entry h2 { color: #0b83bd; font: 1.06em/1.5em Georgia, Times, serif; } .interior #sidebar { margin-top: -15px; } .full-width #content #interior-content { width: 900px; } ul#subnav { border-bottom: 1px solid #d4d4d4; padding-bottom: 10px; } ul#subnav li { display: inline; margin-right: 12px; background-image: none; padding-left: 0; } ul#subnav li a { color: #0b83bd; font: italic 1em Georgia, Times, serif; text-decoration: none; line-height: 1.6em; } ul#subnav li a:hover { text-decoration: underline; } #interior-content .entry { width: 200px; clear: both; border-bottom: 1px solid #ddd; margin: 10px 0;} #interior-content .entry p strong { font-size: 1em; font-weight: bold; color: #498408; text-decoration: none; } #interior-content .entry em { font-family: Georgia, "Times New Roman", Times, serif; color: #4a4949; } #news #interior-content .entry p strong { font-size: 1.5em; font-weight: bold; color: #498408; text-decoration: none; } #interior-content div.news-entry div.news-content p strong { font-size: 1.2em; } #interior-content div.news-entry div.news-content p em { font-size: 1em; } #interior-content .entry em { font-family: Georgia, "Times New Roman", Times, serif; color: #4a4949; } .article-indent { margin-left: 130px; margin-bottom: 10px; display: block; } #article { clear: both; } .image-cap { clear: both; padding-top: 10px; } .paginate { clear: both; } #interior-content.entry em { font: italic 0.75em Georgia, "Times New Roman", Times, serif; color: #4a4949; display: block; } #videos #interior-content em { font: italic 0.83em Georgia, "Times New Roman", Times, serif; color: #4a4949; margin-bottom: 20px; } #videos h3 { display: inline; } #videos object { margin: 20px 0 25px; position: relative; z-index: 1; } #videos .pic { width: 110px; font-size: 1em; } #interior-content ul.video-list .pic { float: left; display: inline-table;} #videos #interior-content ul.video-list .pic {display: block; min-height:160px;} /* Map Styles */ /* img.gmnoprint { background: url(http://chart.apis.google.com/chart?cht=mm&chs=24x24&chco=FFFFFF,c1c100,000000&ext=.png) no-repeat 1px 4px; } */ #map-data tbody tr.odd { background-color: #eff8e6; } #map-data { margin-top: 20px; width: 600px; font-size: 0.78em; } #map-data td, td.jTableText { border: 2px solid #fff; padding: 6px; } #map-data .top { background-color: #047cb7; color: #fff; font-weight: bold; } td.jTableHeader { background-color: #047cb7; color: #fff; padding: 3px; } #il-wrap li a img { display: block; } #map-top h3 { border-bottom: 1px solid #999; } #map-top h4 { font-size: 0.7em; color: #999; } .map-legend p { display: inline; } .map-legend { display: inline; position: relative; top: 10px; } #map-data tbody tr.odd.lump, #map-data tbody tr.even.lump, #table-footer { background: #eee; } #table-footer td strong { display: block; color: #333; font-size: 1.2em;} #table-footer td { color: #333; font-size: 0.8em; } #map-data tbody td.trans { background: #fff; padding: 0; width: 20px;padding-left: 0px; } .aec-feature { display: block; margin-bottom: 1.5em; } .aec-news { margin: 30px 0; } .aec-member-logos { padding-top: 20px; clear: both;} .aec-news { background-color: #ECFDDA; padding: 10px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ /* 07 =UTILITY ---------------------------------------------------------- */ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .floatl-nomargin { float: left; margin: 0; padding: 0; } .floatr-nomargin { float: right; margin: 0; padding: 0; } .clear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } .required { color: red; } .left { float: left; } .right { float: right; } .pic { margin: 0 10px 10px 0; font-size: 0.77em; color: #666666; font-style: italic; } .pic p, .pic p a { margin: 0; color: #494949; text-decoration: none; } .pic img { width: 100%; max-width: 100%; } .pic img a { width: 100%; max-width: 100%; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} .shadow { box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 1px 5px rgba(0,0,0, 0.4); -moz-box-shadow: 0px 1px 5px rgba(0,0,0, 0.4); } *{ margin: 0; } html { height: 100%; } body > #full-wrapper { height: auto; min-height: 100%; } #full-wrapper .content-wrapper { padding-bottom: 30px; height: 100%; min-height: 100%; background-color: #fff; } /* must be same height as the footer */ #content { height: 100%; min-height: 900px; } #footer { position: relative; margin-top: -0px; /* negative value of footer height */ height: 35px; clear:both; } /* Frame Work */ #bsd-framework #interior-content form { font-weight: normal; font-size: 0.8em; } #signup tbody .fieldset .field { font-weight: normal; margin: 10px 0;} #signup input, #signup select { margin: 5px 0 10px 0; } #signup tbody tr td table tbody tr td div.fieldset div.label label.field { margin: 10px 0; } #go-to ul li { list-style-type: disc; list-style-position: inside; padding-left: 5px; background-image: none;} #member-landing #industry-news { width: 270px; float: left; display: block; margin-right: 10px; } #member-quick-links { width: 270px; float: right; display: block; } #member-updates ul div.entry { width: 100%; margin-bottom: 20px; border-bottom: 0; } #member-updates ul div.entry div p { font-size: 1em;margin-bottom: 0;} #member-updates ul .pic { width: 120px; } .blog-entry-full img { float: left; } div.blog-entry-indent { margin-left: 80px; } .blog-entry-full div.pic { width: 65px; float: left; } .blog-entry-full { padding-bottom: 30px; border-bottom: 1px solid #e1e1e1; margin-top: 30px;} #disqus_thread { margin-top: 50px; } p.meta { color: #666; font-size: 0.75em; font-style: normal; } #author-profile { margin-bottom: 15px; } #sharethis { text-align: right; } /* Blog Sidebar */ #sidebar #authors .pic { width: 20px; float: left; display: block; vertical-align: top; } p#see-all { clear: both; margin-top: 20px; } #sidebar #authors #entry { display: block; clear: both; border-bottom: 1px solid #e1e1e1; font-size: 0.9em;} #authors #blog-entry-full div.pic { width: 65px; float: left; } #blog-logo { width: 280px; margin: 25px 0; } #blog-logo img { width: 100%; } #sidebar #entry h4 a { display: block; padding: 10px 0; line-height: 180%; padding-left: 10px; } #sidebar #entry h4 a:hover { background: #f1f1f1; text-decoration: none; } #authors h2 { margin-bottom: 0; } #sidebar #archives ul li { list-style-type: none; } #archives ul li { list-style-type: none; padding: 5px 0; background: 0; } #market-summary { width: 600px; margin-top: 10px; color: #444; } #market-summary p { margin: 0; font-size: 10px; } #market-summary table { background: #ececec; } #market-summary table tr { border-bottom: 1px solid #ededed; padding: 3px 5px; } #market-summary table td { padding: 1px 5px 1px 10px; } #market-summary table tr.headline { background: none; border: 0;} #market-summary table td.title { border: 0; } #market-summary table td.this-week { background: #fcf8f2; } #market-summary table td.week-ago { background: #e6e1da; } #market-summary table td.year-ago { background: #d6d1cb; } #market-summary table td.top { background: #fff; } #market-summary table td.type { font-weight: bold; color: #047cb7; } #home #home-main-content { float: left;