/* Basic Typography & Colors -------------------------------------------------------------- */ /* Add general site styling here for typography and background */ body { font-size: 75%; /* also set in fusion_starter.info: settings[base-font-size] = font-size-12 */ } h1 { font-family:Helvetica, Arial, sans-serif; } h2 { font-family:Helvetica, Arial, sans-serif; font-size:37px; font-weight:normal; } h3 { font-family:Helvetica, Arial, sans-serif; margin-top:10px; } h4 { } h5 { } h6 { } p { font-family:Arial, Helvetica, sans-serif; line-height:170%; } /* Default link styles - separate a:visited for a different visited link style */ a, a:link, a:visited { color:#517b3c; } a.button, a.button:link, a.button:visited, form input.form-submit { color:#FFF; border:none; } /* Hover/active link styles. Don't forget :focus for accessibility */ a:hover, a:focus, a:active { } /* Specific Typography -------------------------------------------------------------- */ #site-name { font-size: 300%; font-weight: normal; line-height: 150%; margin: 0; } /* HTML Elements -------------------------------------------------------------- */ body { background:url('img/bg_gray.jpg') top center repeat-y, url('img/bg.jpg') top center repeat #4d4d4d; } #content { padding:25px 20px 25px 25px; } #content .inner { margin:0; } #content-tabs { margin-bottom:0; margin-top:15px; } #content-tabs ul.tabs { margin:0 15px; } #content-tabs ul.tabs li a { border:0; font-weight:bold; } blockquote { font-weight:bold; color:#517b3c; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0; } /* Site Info -------------------------------------------------------------- */ /* Wrapper around logo, site name, and slogan */ .header-site-info span { display: block; } table { border-color:#DDD; } tbody { border-color:#DDD; } td { border:1px solid #DDD; font-size:11px; } tr { } th { background:#327534; color:#FFF; border-bottom:0; padding:5px; } .tablescroll { overflow:scroll; height:350px; border:1px solid #DDD; width:98.8%; } .tablehead { background-color:#517b3c; color:#FFF; } .tablebody { border-right:1px solid #DDD; border-bottom:1px solid #DDD; } .leftcolumn { border-right:1px solid #DDD; border-bottom:1px solid #DDD; border-left:1px solid #DDD;} .tablex { color:#517b3c; } /* Add float here to put logo and site name side by side, also add margins as needed */ #logo { width:50%; float:left; margin:30px 0 0 10px; position:relative; } #block-search-form { width:50%; float:right; text-align:right; margin:40px 0 0; } .member-role #block-search-form { margin-top:5px; } #block-search-form .form-text { background:url('img/input_bg.jpg') bottom center repeat-x #FFF; border-radius:6px; -webkit-border-radius:6px; border:0; padding:8px 10px; width:150px; } #block-search-form #edit-submit { background:#517b3c; border:0; padding:8px 15px; font-size:12px; color:#fff; border-radius:6px; -webkit-border-radius:6px; } #block-search-form #edit-submit:hover { background:#3b5f2a; } #block-search-form .inner { margin-right:0; } #slideshow { width:1170px; position:relative; } #block-views-home_image-block_1 { width:1170px; position:absolute; z-index:1; } #block-views-slideshow-block { width:1170px; position:absolute; z-index:0; } #block-views-home_image-block_1 .gutter, #block-views-slideshow-block .gutter { margin:0; } .view-documents-of-interest .views-row img { display:none; } #block-block-1 { background:#517b3c; color:#FFF; margin:0; border-radius:6px; -webkit-border-radius:6px; width:100%; } #block-block-1 .inner { padding:1px 15px; } #block-block-1 .button { background:url('img/input_bg.jpg') bottom center repeat-x #FFF; color:#517b3c; margin-top:20px; } #block-block-2 { color:#FFF; width:100%; margin:15px 0 40px 0; } #block-block-3 { width:65%; margin:30px 0; position:relative; z-index:3; } #block-block-3 p { color:#393636; margin-bottom:25px; } #block-block-4, #block-block-6 { width:50%; } #block-block-6 { text-align:right; } #block-block-4 strong, #block-block-6 strong { color:#FFF; } #block-block-4, #block-block-4 a, #block-block-6, #block-block-6 a { color:#cbcbcb; font-size:11px; } #block-block-5 { width:1170px; height:735px; margin:0; position:absolute; background:url('img/bg_fade.png') bottom center repeat-x; z-index:3; } #block-block-7 { margin-bottom:0; } #block-block-12 { width:50%; float:right; text-align:right; margin:20px 0 0; } #block-views-home_image-block { width:195px; height:235px; padding:0 20px 0 0; margin-bottom:0; } #block-views-slag_type-block { width:100%; } #block-views-general_information-block .views-field-field-document { float:left; border:1px solid #DDD; margin-right:15px; } #block-views-general_information-block .general-information { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; } #block-views-general_information-block .general-information.views-row-last { border-bottom:0; } #block-views-general_information-block li { list-style:none; text-indent:15px; } #block-views-technical_bulletins-block .views-field-field-document-pdf-w-title { float:left; border:1px solid #DDD; margin-right:15px; } #block-views-technical_bulletins-block .technical-bulletin { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; } #block-views-technical_bulletins-block .technical-bulletin.views-row-last { border-bottom:0; } #block-views-environmental_information-block .views-field-field-document-pdf-w-title { float:left; border:1px solid #DDD; margin-right:15px; } #block-views-environmental_information-block .environmental-information { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; } #block-views-environmental_information-block .environmental-information.views-row-last { border-bottom:0; } .view-success-stories .views-field-field-document-pdf-w-title { float:left; border:1px solid #DDD; margin-right:15px; } .view-success-stories .success-story { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; } .view-success-stories .success-story.views-row-last { border-bottom:0; } #block-views-newsletter-block .views-field-field-document-pdf-w-title { float:left; border:1px solid #DDD; margin-right:15px; } #block-views-newsletter-block .newsletter { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; } #block-views-newsletter-block .newsletter.views-row-last { border-bottom:0; } #block-views-slag_type-block img { float:left; margin:0 15px 15px 0; } #block-views-slag_type-block h4 { color:#517b3c; } #block-views-slag_type-block .field-content { font-size:12px; } #block-views-slag_type-block .views-row { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #DDD; } .page-member-area .member-document { margin-left:10px; } .view-slag-industry .views-row { clear:left; padding-bottom:23px; border-bottom:1px solid #EEE; } .view-slag-industry .views-row img { position:relative; top:15px; margin-right:15px; } #block-views-technical_bulletins-block { width:100%; } #site-name a:link, #site-name a:visited, #site-name a:hover, #site-name a:active { } .button, form input.form-submit { background:#517b3c; padding:8px 10px; color:#FFF; border-radius:4px; -webkit-border-radius:4px; } .button:hover, form input.form-submit:hover { background:#3b5f2a; } .document_number { width:85px; float:left; } #page { position:relative; z-index:3; } .page-inner { border: 0; margin-bottom: 0; padding: 0; } #main { position:relative; clear:both; z-index:3; } .one-sidebar #main { background:#FFF; border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; } .one-sidebar #content-inner, .one-sidebar #node-5, .one-sidebar #block-system-main { margin:0; width:465px; } .not-front.one-sidebar #content { width:inherit; } .not-front.one-sidebar #block-system-main { width:650px; } .front #block-system-main h2 { font-size:30px; margin-top:12px; } .front #block-system-main p { margin-bottom:20px; } .front #block-system-main img { float:left; margin:0 20px 0 0; border-radius:4px; -webkit-border-radius:4px; } .front #sidebar-second { width:215px; margin:25px 25px 0 0; } .not-front #sidebar-second { background:#EEE; margin:25px 25px 25px 0; } .not-front #sidebar-second img { width:100%; height:auto; } .not-front.one-sidebar #content-group { width:695px; } .not-front #block-system-main { margin-bottom:0; } .not-front #block-system-main > .inner { margin:0; } #sidebar-second .block { margin-bottom:0; } #sidebar-second .block .gutter { margin:20px; } #sidebar-second p { font-size:11px; } #sidebar-second a { text-decoration:underline; } h1.title { color:#000; font-size:35px; font-weight:normal; margin-top:90px; margin-bottom:25px; text-shadow:0 0 15px #FFF; } .front h1.title { color:#737373; font-weight:bold; font-size:15px; background:url('img/menu_bg.jpg') bottom center repeat-x #fff; padding:15px 35px; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; margin:0; } #breadcrumbs { margin-bottom:0; } #breadcrumbs-inner { background:url('img/menu_bg.jpg') bottom center repeat-x #fff; padding:15px 35px; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; margin:0; } #breadcrumbs .breadcrumb { padding-bottom:0; } #breadcrumbs .breadcrumb a { color:#517b3c; font-weight:bold; } #content-inner { margin-bottom:0; } #content-content { width:650px; } #content-group { background:#FFF; border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; } div.node { margin-bottom:0; } #header-group { position:relative; z-index:10; } #page-title { width:960px; margin:0 auto; clear:both; } #page-breadcrumbs { width:960px; margin:0 auto; clear:both; } .front #page-breadcrumbs { display:none; } .page-member-companies h3 { padding-top:10px; border-top:1px dashed #DDD; } .faq-question-answer { border-bottom:1px solid #DDD; padding-bottom:4px; } .no-sidebars #content { width:915px; } #main-menu { clear:both; position:relative; z-index:3; } #main-menu .block-menu { margin-top:10px; } #block-system-main-menu { background:url('img/menu_bg.jpg') bottom center repeat-x #FFF; border-radius:6px; -webkit-border-radius:6px; width:770px; } #block-system-main-menu .gutter { margin:0; } #block-system-main-menu ul.menu { } #block-system-main-menu ul.menu li { position:relative; } #block-system-main-menu ul.menu li a { text-transform:uppercase; padding:15px 20px; color:#000; } #block-system-main-menu ul.menu li.first a { border-radius:6px 0 0 6px; } #block-system-main-menu ul.menu li a:hover, #block-system-main-menu ul.menu li a.active { background:url('img/menu_bg_hover.jpg') bottom center repeat-x #517b3c; color:#FFF; } #block-system-main-menu ul.menu ul { position:absolute; top:49px; left:-1px; min-width:250px; border:1px solid #ccc; border-top:none; background:url('img/menu_bg.jpg') bottom center repeat-x #FFF; border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; box-shadow:0 3px 20px #BBB; -webkit-box-shadow:0 3px 20px #BBB; z-index:-1; padding:10px 0; } #block-system-main-menu ul.menu ul li { float:none; } #block-system-main-menu ul.menu ul li a { padding:7px 20px; } #block-system-main-menu ul.menu ul li.first a { border-radius:inherit; -webkit-border-radius:inherit; } #block-menu-menu-members-only { background:url('img/menu_bg_hover.jpg') bottom center repeat-x #FFF; border-radius:6px; -webkit-border-radius:6px; width:180px; float:right; text-align:center; } #block-menu-menu-members-only .gutter { margin:0; } #block-menu-menu-members-only a#logout, #block-menu-menu-members-only a#members-only, .logged-in #block-menu-menu-members-only a#login { display:none; } #block-menu-menu-members-only a#logout, .logged-in #block-menu-menu-members-only a#members-only { display:block; } #block-menu-menu-members-only ul.menu { } #block-menu-menu-members-only ul.menu li { position:relative; } #block-menu-menu-members-only ul.menu li a { text-transform:uppercase; padding:15px 35px; color:#FFF; } #block-menu-menu-members-only ul.menu li.first a { border-radius:6px 0 0 6px; } #block-menu-menu-members-only ul.menu li a:hover, #block-menu-menu-members-only ul.menu li a.active { background:url('img/menu_bg_hover.jpg') bottom center repeat-x #517b3c; color:#FFF; } #block-menu-menu-members-only ul.menu ul li a:hover, #block-menu-menu-members-only ul.menu ul li a.active { border-radius:inherit; background:url('img/menu_bg_hover.jpg') bottom center repeat-x #517b3c; color:#FFF; } #block-menu-menu-members-only ul.menu ul { position:absolute; top:49px; right:-5px; min-width:225px; border:1px solid #ccc; border-top:none; background:url('img/menu_bg.jpg') bottom center repeat-x #FFF; border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; box-shadow:0 3px 20px #BBB; -webkit-box-shadow:0 3px 20px #BBB; z-index:-1; padding:10px 0; } #block-menu-menu-members-only ul.menu ul li { float:none; } #block-menu-menu-members-only ul.menu ul li a { color:#000; padding:7px 20px; } #block-menu-menu-members-only ul.menu ul li.first a { border-radius:inherit; -webkit-border-radius:inherit; } #block-menu-menu-members-only ul.menu ul li.last a { border-radius:inherit; -webkit-border-radius:inherit; } .webform-container-inline label { width:175px; float:left; } #webform-component-memberships- { margin:0; padding:20px; background:#EEE; font-size:11px; } #webform-component-memberships- p { width:100%; } #webform-component-memberships- p:first-child { margin-top:0; } #webform-component-memberships- p:last-child { margin-bottom:0; } .node-webform .form-text { padding:4px; width:445px; } .main-menu-inner ul.sf-menu li li { background-color: #fff; } .form-item .form-radio, .form-item .form-checkbox { background: none; border: none !important; } /*! * jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin * * Copyright (c) 2011 Mark Malek * http://fixedheadertable.com * * Licensed under MIT * http://www.opensource.org/licenses/mit-license.php * * http://docs.jquery.com/Plugins/Authoring * jQuery authoring guidelines * * Launch : October 2009 * Version : 1.3 * Released: May 9th, 2011 * * * all CSS sizing (width,height) is done in pixels (px) */ /* @group Reset */ .fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody, .fht-table tr, .fht-table th, .fht-table td { /* position */ margin: 0; /* size */ padding:5px; /* text */ font-size: 100%; font: inherit; vertical-align: top; } .fht-table th { vertical-align:bottom; font-weight:bold; } .fht-table { /* appearance */ border-collapse: collapse; border-spacing: 0; border-right:1px solid #DDD; border-bottom:1px solid #DDD; } /* @end */ /* @group Content */ .fht-table-wrapper, .fht-table-wrapper .fht-thead, .fht-table-wrapper .fht-tfoot, .fht-table-wrapper .fht-fixed-column .fht-tbody, .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { /* appearance */ overflow: hidden; /* position */ position: relative; } .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { /* appearance */ overflow: auto; } .fht-table-wrapper .fht-table .fht-cell { /* appearance */ overflow: hidden; /* size */ height: 1px; } .fht-table-wrapper .fht-fixed-column, .fht-table-wrapper .fht-fixed-body { /* position */ top: 0; left: 0; position: absolute; } .fht-table-wrapper .fht-fixed-column { /* position */ z-index: 1; } .fht-table-wrapper { border-bottom:1px solid #DDD; } .views_slideshow_active_teaser { display: none; } .views_slideshow_div_breakout_teaser { display: none; } /* @end */