/* NOTE This is the SCREEN stylesheet for the American Hardwood Export Council (AHEC) website classed up ========================================================================*/ /* BODY STYLES */ body {margin:0; padding:0; color:#4C4C4C; font:62.5%/1.2 "Arial",Helvetica,Geneva,Verdana,Arial,sans-serif; background:#FFF url(../images/bgMain.jpg) repeat-x;} img, form {border:0; margin:0; vertical-align:top;} p {padding:0; margin:0 0 16px 0;} h1, h2 {margin:0; padding:0;} h3, h4, h5, h6, strong {margin:0; padding:0; font-size:1em;} fieldset {border:0; margin:0; padding:0;} select, textarea {font:1.1em "Lucida Sans",Geneva,Verdana,Arial,Helvetica,sans-serif; border:0; color:#000;} input[type=text], input[type=password] {font-size:1.1em; border:solid 1px #000; color:#000; height:16px;} input.submitButton {border:0; background:#1878DF; color:#FFF; padding:0 5px 2px; min-height:20px; height:auto !important; height:20px; cursor:pointer;} /* LISTS */ dl, dd {margin:0; padding:0;} ul {margin:0 0 0 15px; padding:0;} ol {margin:0 0 15px 25px; padding-left:0;} ol.alphabetical {list-style:upper-alpha;} ol li {margin:0; margin-bottom:8px;} /* LINKS */ a {color:#1878DF; text-decoration:underline; cursor:pointer;} a:hover {text-decoration:none;} /* CLEARFIX */ div:after {content: ""; display:block; height:0; clear:both; visibility:hidden;} div.clearfix {content: ""; display:block; height:0; clear:both; visibility:hidden;} .clearFloat {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; visibility: hidden;} /* HIDDEN TEXT */ .hidden {position:absolute; left:0px; top:-10000px; width:0px; height:0px; overflow:hidden;} /* ========= IMAGE REPLACEMENT ========= */ /* STANDARD IMAGE REPLACEMENT */ .replace {position:relative; overflow:hidden;} .replace em, .replace a {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;} /* ========= sIFR ========= */ .sIFR-flash {visibility:visible !important; margin:0; padding:0;} .sIFR-replaced, .sIFR-ignore {visibility:visible !important;} .sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;} .sIFR-replaced div.sIFR-fixfocus {margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;} .sIFR-active .routerLight {visibility:hidden; font-family:Arial; line-height:1em; font-size:3.1em;} .sIFR-active .routerMedium {visibility:hidden; font-family:Arial; line-height:1em; font-size:1em; letter-spacing:2px;} .sIFR-active .routerMediumL {visibility:hidden; font-family:Arial; line-height:1em; font-size:1.7em; letter-spacing:2px;} .sIFR-active h2.routerMedium {font-size:1.1em !important;} /* ========= CONTAINERS ========= */ #wrapper {width:940px; margin:0 auto; padding:0 10px; text-align:left; font-size:1.2em; background:#FFF; min-height:100%; height:auto !important; height:100%; position:relative;} #leftNavigation {float:left; width:220px; padding-bottom:200px;} #contentArea {margin:0 0 0 12px; width:700px; float:left; padding-bottom:25px;} /*#topArea {float:left; width:100%; margin-bottom:15px;}*/ #topArea {float:left; width:100%;} .halfWidthContent {float:left; width:460px; list-style:none; margin:0;} .halfWidthRightColumn {float:left; margin:0 0 0 20px;} .twoColumnContainer {padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #FDB3A4; float:left; width:100%;} /*======================================================================== NAVIGATION, TOP AREA & FOOTER =========================================================================*/ /* MAIN LOGO */ /*p#mainLogo {margin: 34px 0 28px 62px; float: left;}*/ p#mainLogo img {margin: 34px 0 28px 0px; padding: 0; float: left;} ul#mainNavigation a:hover {text-decoration:none;} p#mainLogo {margin:0 0 0 62px; padding: 0; float: left;} /* ========= NAVIGATION ========= */ #leftNavigation * {position:relative; z-index:1000;} /* FIRST LEVEL */ ul#mainNavigation {margin:35px 0 0 14px; line-height:1.4em; padding:0; list-style:none; width:201px; overflow:visible; font-size:0.97em; background:url(../images/navigation/seperatorBlue.gif) 10px top no-repeat;} ul#mainNavigation li {margin:0; position:relative; margin-top:-1px; z-index:1; padding-top:4px; float:left; width:100%;} ul#mainNavigation li a {padding:0 22px 4px 22px; text-transform:uppercase; text-decoration:none; font-weight:bold; display:block; position:relative; z-index:0; background:url(../images/navigation/seperatorBlue.gif) 10px bottom no-repeat;} ul#mainNavigation li:hover, ul#mainNavigation li.hover {background:url(../images/navigation/selectedBgDarkBlueTop.gif) 0 top no-repeat;} ul#mainNavigation li:hover a, ul#mainNavigation li.hover a {color:#FFF; background:url(../images/navigation/selectedBgDarkBlueBottom.gif) 0 bottom no-repeat;} ul#mainNavigation li.selected {background:url(../images/navigation/selectedBgDarkBlueTop.gif) 0 top no-repeat;} ul#mainNavigation li.selected a {color:#FFF; background:url(../images/navigation/selectedBgDarkBlueBottom.gif) 0 bottom no-repeat;} /* SECOND LEVEL */ ul#mainNavigation li ul {font-size:inherit; display:none; list-style:none; margin:0; padding:0; position:absolute; left:200px; width:180px; top:1px; z-index:10002;} ul#mainNavigation li ul li:hover.first {padding-top:3px; background:url(../images/navigation/thirdLevelTop.gif) left top no-repeat;} ul#mainNavigation li ul li.first {padding-top: 3px; background:url(../images/navigation/secondLevelTop.gif) left top no-repeat;} ul#mainNavigation li ul li.last {padding-bottom:4px; background:url(../images/navigation/secondLevelBottom.gif) left bottom no-repeat;} ul#mainNavigation li:hover ul, ul#mainNavigation li.hover ul {display:block;} ul#mainNavigation li:hover ul li ul, ul#mainNavigation li.hover ul li ul {display:none;} ul#mainNavigation li ul li a {color:#FFF; text-transform: none; padding:7px 5px 7px 15px; background:none; font-weight:normal; width:157px;} ul#mainNavigation li:hover li, ul#mainNavigation li:hover li a, ul#mainNavigation li.hover li a, ul#mainNavigation li.hover li {background:url(../images/navigation/secondLevelMid.gif) left top repeat-y; color:#FFF;} ul#mainNavigation li ul li a:hover, ul#mainNavigation li ul li.hover a{background:#74AEEC;} /* THIRD LEVEL */ ul#mainNavigation li ul li ul {left:177px; top: 5px; width:180px; z-index:10;} ul#mainNavigation li ul li.first ul {left:177px; top: 1px; width:180px; z-index:10;} ul#mainNavigation li ul li ul li.first {padding-top: 3px; background:url(../images/navigation/thirdLevelTop.gif) left top no-repeat;} ul#mainNavigation li ul li ul li.last {padding-bottom:4px; background:url(../images/navigation/thirdLevelBottom.gif) left bottom no-repeat;} ul#mainNavigation li ul li ul li, ul#mainNavigation li ul li ul li a, ul#mainNavigation li ul li ul li {background:url(../images/navigation/thirdLevelMid.gif) left top repeat-y; color:#FFF;} ul#mainNavigation li ul li:hover ul, ul#mainNavigation li ul li.hover ul {display:block;} ul#mainNavigation li:hover li li, ul#mainNavigation li:hover li li a, ul#mainNavigation li.hover li li a, ul#mainNavigation li.hover li li {background:url(../images/navigation/thirdLevelMid.gif) left top repeat-y; } ul#mainNavigation li ul li ul li a {width:99px; color:#FFF;} ul#mainNavigation li ul li ul li:hover a {color:#00468B; background:none;} /* ========= TOP AREA ========= */ #headerLists { border-bottom:solid 1px #1878DF; float: left; width: 700px;} #topArea a {text-decoration:none;} #topArea a:hover {text-decoration:underline;} /* PROFILE LINKS */ /*#topArea ul#profileLinks {list-style:none; margin:0; padding:6px 6px 4px 6px; overflow:hidden; border-bottom:solid 1px #1878DF;}*/ #topArea ul#profileLinks{list-style: none; margin: 0; padding:6px 0 0px 0px; overflow: hidden; color: #1878DF; width: 464px; float: left;} #topArea ul#profileLinks a {color:#320b04;} * html #topArea ul#profileLinks {overflow:visible; height:1px;} #topArea ul#profileLinks li {float:left; padding-top:5px; min-height:19px; height:auto !important; height:19px;} /*#topArea ul#profileLinks li.region {background: #fff; border: solid 1px #1878DF; border-bottom: 0; color: #1878DF; padding: 5px 8px 1px 7px;}*/ #region { margin: 0; padding: 0; z-index: 999; position: relative;} #region li { float: left;list-style: none;margin: 3px 0 0 0;} #region li a {display: block;background: #fff url(../images/regionDropDown1.gif) top right no-repeat;padding: 0 0 0 7px;height: 30px;line-height: 30px;text-decoration: none;width: 70px;color: #1878DF;white-space: nowrap;border: solid 1px #1878DF;border-bottom: 0;width: 124px;font-weight: 700;} #region li a:hover {background: #1878DF url(../images/regionDropDown1.png) top right no-repeat; text-decoration: none;color: #fff;} #region li ul {margin: 0;padding: 0;position: absolute;visibility: hidden;_top: 34px;_left: -107px;} #region li ul li {float: none; display: inline} #region li ul li a {width: 126px; background: #1878DF; border: none; color: #fff; border: none;} #region li ul li a:hover {background: #082647} /* SIGN IN AREA */ #topArea ul#profileLinks li.signUp {float:right; font-weight:bold; background:url(../images/listDivider.gif) left 7px no-repeat; margin-left:10px; padding-left:10px; } #topArea ul#profileLinks li.signOut {float:right; background:pink; font-weight:bold; background:url(../images/listDivider.gif) right 7px no-repeat; margin-right:10px; padding-right:10px;} #topArea ul#profileLinks li.userEmail {color:#320b04; float:right; display:block; width:340px; text-align: right;} #topArea ul#profileLinks li.userEmail strong {color:#320b04; float:right; display:block; text-align: right;} #topArea ul#profileLinks li.userEmailLogout {float:right; width:auto;} #topArea ul#profileLinks li.userEmailLogout fieldset {margin-top:-3px; width:auto; float:left;} #topArea ul#profileLinks li.userEmail #signInForm {z-index: 9990; float:left; margin-top:-5px; padding: 4px 2px!important; background: #d4e9ff; position: absolute; left: 384px; top: 9px; _top: 7px; width: 340px; _width: 341px;} #topArea ul#profileLinks li.userEmail #signInForm label {margin:0 5px 0 10px; position:relative; top:4px; vertical-align:top;} #topArea ul#profileLinks li.userEmail #signInForm #email, #topArea ul#profileLinks li.userEmail #signInForm #password {width: 72px;} #topArea ul#profileLinks li.userEmail #signInForm .submitButton {margin: 0 0 0 5px;} #loginButton {font-size:11px; padding:2px 0 0 0; margin: 0; text-align:center;} /* styles for when javascript is added */ #topArea ul#profileLinks li.userEmail strong.hover {cursor:pointer; text-decoration:underline;} #topArea ul#profileLinks li.userEmail form.hide {position:absolute; top:-1000px; z-index:100;} #topArea ul#profileLinks li.userEmail form.hide.show {position:relative; top:0; left:0;} /* LANGUAGE */ #topArea ul#profileLinks li.language {float:right; margin-left: 13px;} #topArea ul#profileLinks li.language strong {float:left; color:#4693E5; padding-left:40px; background:url(../images/iconLanguageMap.gif) no-repeat;} #topArea ul#profileLinks li.language ul {float:left; background:#FFF; list-style:none; margin:0;} #topArea ul#profileLinks li.language ul li {float:left; padding-left:10px;} /* styles for when javascript is added */ #topArea ul#profileLinks li.language ul.hide {position:absolute; top:-1000px; z-index:100;} #topArea ul#profileLinks li.language ul.hide li {float:none; padding-top:0;} #topArea ul#profileLinks li.language ul.hide strong {font-weight:normal; cursor:pointer;} #topArea ul#profileLinks li.language ul.hide.show {position:absolute; line-height:1.4em; cursor:pointer; top:26px; left:862px; height:110px; width:68px; background:#FFF; border:solid 1px #1878DF; padding:10px; list-style:none; margin:0;} #topArea ul#profileLinks li.language ul:hover {cursor:pointer;} /* SEARCH FORM */ /*#searchForm {padding:8px 0; float:left; width:100%; border-bottom:solid 1px #1878DF;} #searchForm p {float:left; margin:3px 0 0 5px; display:inline; color:#1878DF;} #searchForm fieldset {float:right;} #searchForm .searchBox {margin-right:5px;}*/ #searchForm {padding:32px 0; float:left; width:182px; margin-left: 24px; display: inline;} #searchForm p {float:left; margin:3px 0 0 5px; display:inline; color:#1878DF;} #searchForm fieldset {float:right;} #searchForm .searchBox {background: #1878DF; border: none; color: #fff; padding: 6px 0 6px 10px; float: left; width: 142px;} input#searchButton {padding: 0; float: left; width: 30px; height: 28px;} /* BREADCRUMB */ /*ul#breadCrumb {list-style:none; float:left; color:#F78B7E; font-size:0.8em; width:100%; margin:0; padding:5px 0; background:url(../images/dottedLineBlue.gif) bottom repeat-x;}*/ ul#breadCrumb {list-style:none; float:left; color:#F78B7E; font-size:0.8em; width:100%; margin:0; padding:5px 0 13px 0; /*background:url(../images/dottedLineBlue.gif) bottom repeat-x;*/} ul#breadCrumb li {float:left; padding-right:5px;} ul#breadCrumb li a {color:#F78B7E;} ul#breadCrumb li.selected a {text-decoration:underline;} ul#breadCrumb li.selected a:hover {text-decoration:none;} /* ========= FOOTER ========= */ ul#footer {list-style:none; width:190px; position:absolute; bottom:20px; left:5px; padding:0 0 15px 0; border-top:solid 5px #D1E4F9; border-bottom:solid 1px #D1E4F9;} ul#footer li {margin:0; padding-top:7px;} ul#footer li a {text-decoration:none; color:#74AEEC; font-size:0.9em;} ul#footer li a:hover {text-decoration:underline;} /*======================================================================== CONTENT =========================================================================*/ /* ========= STYLES USED ACROSS ALL PAGES ========= */ /* FEATURE */ #feature {margin:-28px 0 15px; float:left; width:100%; padding-bottom:2px; border-bottom:solid 1px #FED7D0; position:relative;} #feature .mainImage {float:left; width:458px; border:solid 1px #6E6B5A; margin:0;} #feature .caption {position:absolute; bottom:2px; left:465px; width:234px; margin:0; background:#FED7D0; min-height:70px; height:auto !important; height:70px;} #feature .caption em {font-style:normal; font-size:0.8em; color:#95220D; position:absolute; bottom:0; display:block; padding:8px 5px;} #feature ul.smallFeatures {width:234px; list-style:none; margin:0; float:left; margin:0 0 0 5px;} #feature ul.smallFeatures li {min-height:70px; height:auto !important; height:70px; margin-bottom:2px; position:relative;} #feature ul.smallFeatures li img {float:left;} #feature ul.smallFeatures p {margin:0;} #feature ul.smallFeatures a {display:block; float:left; width:134px; text-decoration:none; font-size:0.8em; color:#FFF; background:#320B04; min-height:70px; height:auto !important; height:70px;} #feature ul.smallFeatures a:hover {background:#FFF; color:#320B04;} #feature ul.smallFeatures span {position:absolute; left:105px; bottom:4px; width:129px;} /* MAIN CONTENT */ /* headings */ h1 {font-size:3.1em; color:#1878DF; padding:0 0 20px; margin-bottom:30px; clear:both; line-height:1em; border-bottom:solid 1px #74AEEC; font-weight:normal;} h1.noBorder {border:0; margin-bottom:0; padding-bottom: 0;} #contentArea h2 {clear: both; font-size:2em; font-weight:normal;} #contentArea h2 a {color:#F93915; text-decoration:none;} #contentArea h3 {color:#1878DF; margin-bottom:7px;} .dottedLine {background:url(../images/dottedLineGreyOnWhite.gif) top repeat-x; margin-top:20px; padding-top:18px; overflow:hidden;} /* text styles */ .introText {font-weight:bold;} .bottomMargin {margin-bottom:15px;} /* links */ #contentArea a {color:#4C4C4C;} a.pdfLink {display:block; float:left; padding:5px 0 0 28px; background:url(../images/iconPDF.gif) left no-repeat;} a.flashPaperLink {display:block; float:left; padding:5px 0 0 27px; background:url(../images/iconFlashpaper.gif) left no-repeat;} a.printLink {margin-top:4px; padding:3px 0 0 24px; margin-left:2px; background:url(../images/iconPrintLink.gif) 0 0 no-repeat;} a.arrowLink {margin-top:4px; padding:2px 0 1px 16px; margin-left:2px; background:url(../images/iconListLink.gif) 0 4px no-repeat;} /* buttons */ .button {overflow:hidden; float:right; margin-right:2px;} .button a {position:relative; overflow:hidden; display:block; width:96px; height:18px;} .button a em {display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:1;} .button a.readOn {margin-top:11px;} .button a.readOn em {background:url(../images/buttonReadOn.gif) 0 0 no-repeat;} .button a.viewMore em {background:url(../images/buttonViewMore.gif) 0 0 no-repeat;} .button a.becomeAnAHECMember, .button a.becomeAnAHECMember em {width:196px; background:url(../images/buttonBecomeAnAHECMember.gif) 0 0 no-repeat;} .button a:hover em {background-position:0 -18px;} /* blue box */ .blueBox {float:left; width:100%; margin-top:11px;} .blueBox .textArea {border:solid 1px #A3C9F2; background:#D1E4F9; padding:6px 9px; color:#0E4886; float:left; width:680px;} .blueBox .introText {padding-right:277px; margin:0 0 1px; padding-bottom:11px; border-bottom:solid 1px #74AEEC; font-weight:normal;} .blueBox fieldset input, .blueBox select {border:0;} /* styles for JQuery tabs plugin */ .ui-tabs-hide {display:none;} .ui-tabs-panel {min-height:132px; height:auto !important; height:132px;} /* pagination lists */ ul.pagination {clear:both;list-style:none; display:block; overflow:hidden; margin:12px 0 4px;} ul.pagination li {float:left; font-size:1.1em; padding-right:5px;} ul.pagination li a {color:#F93915 !important;} /* RIGHT NAVIGATION */ dl.rightNavigation {float:left; width:220px; margin:0 0 0 20px; border-bottom:solid 1px #74AEEC; padding-bottom:15px;} dl.rightNavigation.redBorder {border-color:#FB8873; margin-top:38px;} dl.rightNavigation dd {margin-bottom:3px;} dl.rightNavigation dd a {color:#74AEEC;} dl.rightNavigation dd.redLink a {color:#FB8873;} /* headings */ dl.rightNavigation {margin-top:-25px;} dl.rightNavigation dt {position:relative; overflow:hidden; width:220px; height:30px; border-top:solid 1px #74AEEC; margin:25px 0 15px 0; padding-top:5px;} dl.rightNavigation dt em {display:block; position:absolute; top:0; left:0; z-index:1; width:220px; height:35px;} dl.rightNavigation dt#recentPosts {border-color:#FB8873;} dl.rightNavigation dt#relatedContent {border:none;} dl.rightNavigation dt#recentPosts em {background:url(../images/titleRecentPosts.gif) 0 5px no-repeat;} dl.rightNavigation dt#categories em {background:url(../images/titleCategories.gif) 0 5px no-repeat;} dl.rightNavigation dt#contributors em {background:url(../images/titleContributors.gif) 0 5px no-repeat;} dl.rightNavigation dt#relatedContent em {background:url(../images/titleRelatedContent.gif) 0 5px no-repeat;} /* Search results */ #searchFormLarge {padding:8px 0; float:left; width:100%; border-bottom:solid 1px #1878DF;} #searchFormLarge .searchBox {margin-right:5px;} .sectionResult {clear: both; margin-top: 10px; display:block;} .sectionResult a{color: #4C4C4C; margin: 0; width: 550px;} .searchResultBlock{display: block; margin: 0 0 25px 0;} .searchResultBlock p {clear: both; display:block;} .searchResultBlock h2 a{float: left; width: 650px;} .searchRating{ float: right; font-size: 0.5em; margin: 0.5em 0 0 0; width: 50px; } dl.searchInfo { margin: 0; padding: 0;} .searchInfo dt.searchStat{float: left; margin: 0 0 0 0; padding: 0 .5em 0 .5em; font-weight: bold;} .searchInfo dd.searchData {float: left; margin: 0 0 0 0; padding: 0; } ul.browsebox {clear:both;list-style:none; display:block; overflow:hidden; margin:12px 0 4px;} ul.browsebox li {float:left; font-size:1.1em; padding-right:5px;} ul.browsebox li a {color:#F93915 !important;} /* FORMS */ .errorText {color:#F93915;} .error {color:#F93915; display:block; font-style:normal; font-size:0.9em; margin-top:2px;} sup {font-weight:bold; margin-bottom:-3px;} /* search options form */ form.searchOptions {border:solid 1px #A3C9F2; top:-1px; clear:both; position:relative; margin-bottom:25px; background:#D1E4F9; padding:6px 9px; color:#0E4886;} form.searchOptions legend span {display:block; padding-bottom:6px;} form.searchOptions select, form.searchOptions input {width:150px; margin:3px 8px 0 0; border:solid 1px #FFF;} form.searchOptions label {margin-right:3px;} form.searchOptions input.submitButton {margin-left:8px; width:auto; position:relative;} form.searchOptions .titlesAbove input.submitButton {bottom:-13px;} form.searchOptions p {float:left; margin:0 8px 0 0; position:relative;} form.searchOptions .resultsPerPage {list-style: none; float: right; text-align: right; width: 200px; } form.searchOptions .resultsPerPage li {float:right; padding: 0 0 0 8px;} form.searchOptions .resultsPerPage li ul {clear: both;list-style: none; float:right; margin: 0 0 25px 8px;} /* standard form */ form.standardForm {border:solid 1px #A3C9F2; top:-1px; position:relative; margin-bottom:25px; background:#D1E4F9; padding:10px; color:#0E4886; width:350px; overflow:hidden;} form.standardForm fieldset {float:left; width:100%;} form.standardForm fieldset.dottedLine {background:url(../images/dottedLineDarkBlue.gif) bottom repeat-x; margin:0 0 15px; padding:0;} form.standardForm legend {position:relative; left:-4px; } form.standardForm legend span {display:block; padding-bottom:8px;} form.standardForm textArea {border:0; clear:both; width:350px; margin:-10px 0 15px 0;} form.standardForm label {margin:0 10px 15px 0; display:block; float:left; width:140px; clear:left;} form.standardForm label.hide {margin:0 10px 15px 0; display:block; float:left; width:140px; clear:left;color:#D1E4F9;} form.standardForm select {width:195px; float:left; border:0; margin-bottom:15px;} form.standardForm fieldset input {width:195px; border:0; float:left; margin-bottom:15px;} form.standardForm .halfWidth {width:80px;} form.standardForm .checkbox {width:100%; float:none;} form.standardForm .checkbox input {width:auto; vertical-align:middle; margin-right:5px;} form.standardForm .submitButton {float:right; margin-top:8px;} /* registration form */ form.registrationForm {border:solid 1px #A3C9F2; top:-1px; position:relative; margin-bottom:25px; background:#D1E4F9; padding:10px; color:#0E4886; width:350px; overflow:hidden;} form.registrationForm fieldset {float:left; width:100%;} form.registrationForm fieldset.dottedLine {background:url(../images/dottedLineDarkBlue.gif) bottom repeat-x; margin:0 0 15px; padding:0;} form.registrationForm legend {position:relative; left:-4px; } form.registrationForm legend span {display:block; padding-bottom:8px;} form.registrationForm textArea {border:0; clear:both; width:350px; margin:-10px 0 15px 0;} form.registrationForm p {margin:0 10px 15px 0; display:block; float:left; width:260px; clear:left;} form.registrationForm label {margin:0 10px 15px 0; display:block; float:left; width:140px; clear:left;} form.registrationForm label.hide {margin:0 10px 15px 0; display:block; float:left; width:140px; clear:left;color:#D1E4F9;} form.registrationForm label.wide {margin:0 10px 15px 0; display:block; float:left; width:100%; clear:left;} form.registrationForm select {width:195px; float:left; border:0; margin-bottom:15px;} form.registrationForm .nonFloat {width:80px; float: none; border:0; margin: 0;} form.registrationForm fieldset input {width:195px; border:0; float:left; margin-bottom:15px;} form.registrationForm .halfWidth {width:80px;} form.registrationForm .checkbox {width:100%; float:none;} form.registrationForm .checkbox input {width:auto; vertical-align:middle; margin-right:5px;} form.registrationForm .submitButton {float:right; margin: 0 3px 0 0; width: 140px; clear: none;} /* TEXT w IMAGE */ div.csc-textpic-imagewrap{ clear: both; display: block; padding: 0; margin: 0; } div.csc-textpic-imagerow{ display: block; clear: both; padding-top: 10px; } dl.csc-textpic-image{ display: inline; float: left; } dl.csc-textpic-firstcol{ padding-right: 10px; } dl.csc-textpic-lastcol{ padding-left: 10px; } /* PROMOS */ /* single image promo */ .singleImagePromo li {border:0; float:left; margin:0; width:220px; margin-right:20px;} .singleImagePromo a {text-decoration:none; font-size:0.9em;} .singleImagePromo p.image {float:left; z-index:0; position:relative;} .singleImagePromo p.image em {display:block; z-index:1; position:absolute; bottom:0; left:0; float:left; min-height:30px; height:auto !important; height:30px; width:220px; font-style:normal; font-size:0.9em; background:url(../images/promoTitleBrownOverlay.png);} .singleImagePromo p.image em span {position:absolute; z-index:2; left:5px; bottom:5px; color:#FFF;} .singleImagePromo .textArea {margin-left:240px; padding-right:105px; border-bottom:solid 1px #FDB3A4;} .singleImagePromo h4 {margin-bottom:4px;} .singleImagePromo h4 a {font-size:2em !important; padding-right:2px; font-style:italic; color:#F93915 !important; text-decoration:none; font-weight:normal; line-height:1em;} .singleImagePromo h4 a:hover {color:#FFF !important; background:#F93915;} /* black background promo */ .blackBackgroundPromo {margin:0 -22px 0 0; float:left; list-style:none;} .blackBackgroundPromo li {border:0; float:left; margin:0; width:220px; margin-right:20px;} .blackBackgroundPromo li img {border:solid 1px #74AEEC;} .blackBackgroundPromo li a {display:block; color:#0E4886 !important; text-decoration:none; font-size:0.9em; background:#D1E4F9; padding:9px 11px 11px; min-height:85px; height:85px;} .blackBackgroundPromo li a strong {color:#0E4886; font-size:1.3em;} .blackBackgroundPromo li a:hover {background:#320B04; color:#FFF !important;} .blackBackgroundPromo li a:hover strong {color:#FFF; font-size:1.3em;} /* red background promo */ .redBackgroundPromo {margin:0 -22px 0 0; float:left; list-style:none;} .redBackgroundPromo li {border:0; float:left; margin:0; width:220px; margin-right:20px;} .redBackgroundPromo li img {border:solid 1px #74AEEC;} .redBackgroundPromo li a {display:block; color:#0E4886 !important; background:#D1E4F9; padding:9px 11px 11px; min-height:65px; height:65px; text-decoration:none; font-size:0.9em;} .redBackgroundPromo li a strong {color:#0E4886; font-size:1.3em;} .redBackgroundPromo li a:hover {background:#320B04; color:#FFF !important;} .redBackgroundPromo li a:hover strong {color:#FFF !important;} /* SINGLE IMAGE LIST */ ul.singleImageList {list-style:none; margin:0;} ul.singleImageList li {overflow:auto; margin-bottom:25px; float:left; clear:both; width:100%;} ul.singleImageList .image {float:left;} ul.singleImageList .image img {border:solid 1px #989898;} ul.singleImageList .textArea {float:left; margin-left:20px; width:460px; display:inline; border-top:solid 1px #FDB0A1;} ul.singleImageList .textArea h2 {line-height:1em; margin:11px 0 7px; font-size:1.9em; font-weight:normal;} ul.singleImageList .textArea h2 a {text-decoration:none; color:#F93915;} ul.singleImageList .textArea h2 a:hover {background:#F93915; color:#FFF !important; padding:0 2px 2px 2px;} /* LEFT IMAGE LIST */ ul.leftImageList {list-style:none; margin:0; } ul.leftImageList li {overflow:hidden; margin-bottom:15px; float:left; width:100%;} ul.leftImageList .image {float:left; margin-right:10px;} ul.leftImageList .image img {border:solid 1px #989898; background:#FFF; display:block;} ul.leftImageList .image img.resize{width:67px; height:90px; padding:2px; margin-top: 15px; position:absolute; z-index:1;} ul.leftImageList .textArea {float:left; width:360px; display:inline; border-top:solid 1px #FDB0A1; margin-left: 100px;} ul.leftImageList .textArea h2 {line-height:1em; margin:11px 0 7px; font-size:1.9em; font-weight:normal;} ul.leftImageList .textArea h2 a {text-decoration:none; color:#F93915;} ul.leftImageList .textArea h2 a:hover {background:#F93915; color:#FFF !important; padding:0 2px 2px 2px;} ul.leftImageList .textArea label {clear:both; display:block;margin:0; font-weight: bold; color: #1878DF;} /* RIGHT IMAGE LIST */ ul.rightImageList {list-style:none; margin:0;} ul.rightImageList li {overflow:hidden; margin-bottom:25px; float:left; width:100%;} ul.rightImageList .image {float:left; margin-left:20px;} ul.rightImageList .image img {border:solid 1px #989898; display:block;} ul.rightImageList .image label {clear:both; display:block;} ul.rightImageList .textArea {float:left; width:460px; display:inline; border-top:solid 1px #FDB0A1;} ul.rightImageList .textArea h2 {line-height:1em; margin:11px 0 7px; font-size:1.9em; font-weight:normal;} ul.rightImageList .textArea h2 a {text-decoration:none; color:#F93915;} ul.rightImageList .textArea h2 a:hover {background:#F93915; color:#FFF !important; padding:0 2px 2px 2px;} ul.rightImageListWide {list-style:none; margin:0;} ul.rightImageListWide li {overflow:hidden; margin-bottom:25px; float:left; width:100%;} ul.rightImageListWide .image {float:left; margin-left:20px;} ul.rightImageListWide .image img {border:solid 1px #989898; display:block;} ul.rightImageListWide .image label {clear:both; display:block;} ul.rightImageListWide .textArea {float:left; width:360px; display:inline; border-top:solid 1px #FDB0A1;} ul.rightImageListWide .textArea h2 {line-height:1em; margin:11px 0 7px; font-size:1.9em; font-weight:normal;} ul.rightImageListWide .textArea h2 a {text-decoration:none; color:#F93915;} ul.rightImageListWide .textArea h2 a:hover {background:#F93915; color:#FFF !important; padding:0 2px 2px 2px;} /* RIGHT HALF WIDTH COLUMN (floats left of halfWidthColumn) */ .halfWidthRightColumn ul.imageList {margin:0 0 15px; list-style:none;} .halfWidthRightColumn ul.imageList li {margin-bottom:15px;} /* DEFINITION LISTS */ /* standard list */ dl.standardList dt {font-weight:bold; color:#1878DF; margin-top:15px;} /* bullet list */ dl.bulletList {margin-top:15px; clear:both;} dl.bulletList dt {font-size:2em; margin:0 0 8px; font-weight:normal;} dl.bulletList dd {margin-top:3px; padding-left:12px; margin-left:2px; background:url(../images/iconListBullet.gif) 0 5px no-repeat;} /* unordered link list */ ul.linkList {margin:15px 0 0; list-style:none; clear:both;} ul.linkList li {margin-top:4px; padding:2px 0 1px 16px; margin-left:2px; background:url(../images/iconListLink.gif) 0 5px no-repeat;} /* no bullet list */ ul.noBulletList {margin:25px 0 25px; list-style:none; clear:both;} ul.noBulletList li {margin-top:5px; margin-left:2px;} ul.imagelinkList {list-style:none; clear:both; margin:25px 0 25px; } ul.imagelinkList li{margin:15px 0 0; clear:both; padding-bottom:20px; margin-bottom:20px;} ul.imagelinkList li h3{clear: both; margin:0 0 3px; font-weight: bold; padding:2px 0 1px 16px; margin-left:2px; background:url(../images/iconListLink.gif) 0 4px no-repeat;} ul.imagelinkList li {clear: both; margin:0 0 15px 3px;} ul.imagelinkList li p.image {float: left; width: 30%; padding: 0; margin-right: 20px; border: 1px solid #1878DF; text-align: center;} ul.imagelinkList li div {float: left; width: 60%; text-align: left; margin: 0; padding-bottom: 10px; } /* definition link list (contains title and description) */ dl.linkList {margin:15px 0 0; list-style:none; clear:both; background:url(../images/dottedLineGreyOnWhite.gif) bottom repeat-x; padding-bottom:18px; margin-bottom:20px;} /*dl.linkList dt {clear: both; margin:0 0 3px; font-weight:normal; padding:2px 0 1px 16px; margin-left:2px; background:url(../images/iconListLink.gif) 0 4px no-repeat;} dl.linkList dd {clear: both; margin:0 0 15px 3px; min-height: 50px;}*/ dl.linkList dt {clear: both; margin:0 0 3px; font-weight: bold; padding:2px 0 1px 16px; margin-left:2px; background:url(../images/iconListLink.gif) 0 4px no-repeat;} dl.linkList dd {margin:0 0 15px 3px; min-height: 50px;} dl.linkList dd img {float: left; padding-right: 18px; width: 30%; margin: 0;} dl.linkList dd div {float: left; width: 60%; text-align: left; margin: 0; padding-bottom: 10px; min-height: 100px;} dl.linkListA {margin:15px 0 0; list-style:none; clear:both; background:url(../images/dottedLineGreyOnWhite.gif) bottom repeat-x; padding-bottom:18px; margin-bottom:20px;} dl.linkListA dt {clear: both; margin-top: 10px;} dl.linkListA dt a{float: left; width: 70%;margin:0 0 3px; font-weight:bold; padding:2px 0 1px 16px; margin-left:2px; background:url(../images/iconListLink.gif) 0 4px no-repeat;} dl.linkListA dt span {float: right; width: 25%;} /*dl.linkListA dd {clear: both; margin:0 0 15px 3px; min-height: 100px;}*/ dl.linkListA dd {clear: both; margin:0 0 15px 3px; min-height: 100px;} dl.linkListA dd img {float: left; padding-right: 18px; width: 150px;} dl.linkListA dd div {float: left; width: 60%; text-align: left;} /* pointed list */ dl.pointedList {clear: both;margin:27px 0 0 0; width:390px;} dl.pointedList dt {padding:4px 9px; background:#74AEEC url(../images/bgBlueTitleRightArrow.gif) right center no-repeat; color:#FFF; font-weight:bold;} dl.pointedList dd {padding:6px 9px;} /*dl.pointedListS {clear: both;margin:27px 0 0 0; width:190px;} dl.pointedListS dt {padding:4px 9px; background:#74AEEC url(../images/bgBlueTitleRightArrow.gif) right center no-repeat; color:#FFF; font-weight:bold;}*/ dl.pointedListS dd {padding:6px 9px;} dl.pointedListS {clear: both;margin:27px 0 0 0; width:170px;} dl.pointedListS dt {padding:4px 9px; background:#74AEEC url(../images/bgBlueTitleRightArrow.gif) right center no-repeat; color:#FFF; font-weight:bold;} a.whiteLink { color:#FFF; font-weight:bold;} /* ========= HOMEPAGE ========= */ #welcomeHeader #openMapLink{ position: absolute; top: 80px; right: 12px; margin: 11px 0 0 0; width: 227px; z-index: 5; text-align: right; } /* FEATURE */ /*#homeFeature {float:left; background:url(../images/featureSmallBlueBg.gif) right top repeat-y;}*/ #homeFeature {float:left; z-index: 10;} #homeFeature h1 {margin:0;} #homeFeature h1 strong, #homeFeature h1 em {text-decoration:none; color:#FFF; display:block; padding:5px 12px;} #homeFeature h1 a:hover strong, #homeFeature h1 a:hover em {color:#E13313; background:#FFF !important;} /* main image */ #homeFeature #mainImage {position:relative; width:498px; float:left;} #homeFeature #mainImage img {float:right;} #homeFeature #mainImage h1 {font-size:1.8em; font-weight:normal; padding:0; border:0; position:absolute; width:336px; top:155px;} #homeFeature #mainImage h1 strong {display:block; line-height:1.1em; font-weight:normal; background:url(../images/featureTitleBgRed.png);} #homeFeature #mainImage h1 a:hover strong {color:#E13313; background:#FFF;} #homeFeature #mainImage h1 em {margin-top:1px; padding-bottom:5px; font-style:normal; font-size:0.6em; line-height:1.1em; background:url(../images/featureTitleBgBrown.png);} /* small features */ #homeFeature #smallFeatures {background:#D1E4F9; width:190px; margin-left:12px; float:left;} #homeFeature #smallFeatures h2, #homeFeature #smallFeatures h2 em {width:190px; height:46px; z-index:0; background:url(../images/featureTitle.gif) no-repeat;} #homeFeature #smallFeatures ul {list-style:none; margin:0;} #homeFeature #smallFeatures li {position:relative; border-top:solid 2px #FFF; width:190px; z-index:0;} #homeFeature #smallFeatures p {margin:0; padding:0; width:100%; position:absolute; bottom:0; left:0; font-size:1.1em;} #homeFeature #smallFeatures p a {text-decoration:none; color:#FFF; font-style:italic; display:block; padding:4px 4px 6px; background:url(../images/featureTitleBgRed.png); line-height:1.3em;} #homeFeature #smallFeatures p a:hover {background:#FFF; color:#ED3D16;} /* QUICKLINKS (uses blue box) */ #quicklinks h2, #quicklinks h2 em {height:41px; background:url(../images/quicklinksTitle.gif) no-repeat;} /* select */ #quicklinks #select {float:left; margin-right:-11px; z-index:1; position:absolute;} #quicklinks #select h3, #quicklinks #select h3 em {width:190px; height:19px; background:url(../images/quicklinksTitleSelect.gif) no-repeat;} #quicklinks #select ul {width:200px; margin:17px 0 0; padding:0; list-style:none; background:url(../images/quicklinksSeperatorPlain.gif) left top no-repeat;} #quicklinks #select li {margin:0; padding:2px 0; background:url(../images/quicklinksSeperatorPlain.gif) left bottom no-repeat;} #quicklinks #select li a {padding:2px 6px; display:block; background:none; text-decoration:none;} #quicklinks #select li a:hover, #quicklinks #select li.ui-tabs-selected a {background:url(../images/quicklinksMenuArrowBg.gif) no-repeat; color:#FFF; display:block;} /* explore */ #quicklinks #explore {position:relative; z-index:0;} #quicklinks #explore h3, #quicklinks #explore h3 em {height:19px; background:url(../images/quicklinksTitleExplore.gif) no-repeat;} #quicklinks #explore ul {list-style:none; position:relative; left:190px; margin:2px 0 0 0; width:451px; padding:6px 20px 2px; float:left; color:#D1E4F9; background:#74AEEC;} #quicklinks #explore li {padding-bottom:4px;} #quicklinks #explore ul a {color:#FFF;} /* HARDWOOD SPECIES (uses blue box) */ #hardwoodSpecies h2, #hardwoodSpecies h2 em {height:41px; background:url(../images/hardwoodSpeciesTitle.gif) no-repeat;} #hardwoodSpecies h3, #hardwoodSpecies h3 em {width:88px; height:19px; background:url(../images/hardwoodSpeciesTitleSpeciesGuide.gif) no-repeat;} #hardwoodSpecies ul {list-style:none; margin:0 -6px 0 1px; padding:4px 0 12px; float:left; background:url(../images/hardwoodSpeciesDottedLine.gif) left top no-repeat;} #hardwoodSpecies li {float:left; width:128px; margin:0 9px 9px 0;} #hardwoodSpecies img {border:solid 1px #7F92A7;} #hardwoodSpecies a {text-decoration:none;} #hardwoodSpecies a strong {background:#320B04; display:block; margin-top:1px; min-height:29px; height:auto !important; height:29px; padding:4px 5px 4px 5px; color:#FFF;} #hardwoodSpecies a:hover strong {background:#FFF; color:#320B04;} #hardwoodSpeciesFront {position: relative; z-index: 1; background:#320B04;} #hardwoodSpeciesFront h2, #hardwoodSpeciesFront h2 em { position: relative; z-index: 1; height:41px; background:url(../images/hardwoodSpeciesTitle.gif) no-repeat;} #hardwoodSpeciesFront h3, #hardwoodSpeciesFront h3 em {width:88px; height:19px; background:url(../images/hardwoodSpeciesTitleSpeciesGuide.gif) no-repeat;} #hardwoodSpeciesFront ul {list-style:none; margin:0 -5px 0 1px; padding:4px 0 0px; height: 128px; float:left; } #hardwoodSpeciesFront li {float:left; width:128px; margin:0 9px 9px 0; } /*#hardwoodSpecies img {border:solid 1px #7F92A7;}*/ #hardwoodSpeciesFront a {text-decoration:none;} #hardwoodSpeciesFront a strong {background:#320B04; display:block; margin-top:1px; min-height:30px; height:auto !important; height:30px; padding:4px 5px 4px 5px; color:#FFF;} #hardwoodSpeciesFront a:hover strong {background:#FFF; color:#320B04;} /* ========= WHY USE HARDWOOD ========= */ /* PROMOS */ ul.promos {list-style:none; clear:both; margin:35px 0 0; width:100%; float:left;} ul.promos li {margin-top:10px; float:left; border-top:solid 1px #74AEEC;} ul.promos ul li {margin-top:0;} /* feature */ h3.routerMedium {margin:4px 0 12px; font-size:1.1em; clear:both;} /* ========= RESOURCE CENTRE ========= */ /* SPECIES GUIDE (uses blue box) */ #speciesGuide h2, #speciesGuide h2 em {height:40px; background:url(../images/speciesGuideTitle.gif) no-repeat;} #speciesGuide fieldset {clear:both;} /* select area */ #speciesGuide #selectSpecies h3, #speciesGuide #selectSpecies h3 em {height:20px; background:url(../images/speciesGuideTitleSelectSpecies.gif) no-repeat;} #speciesGuide #selectSpecies fieldset {padding:7px; background:#A3C9F2;} #speciesGuide #selectSpecies select {width:161px;} #speciesGuide #selectSpecies textarea#selectSpeciesResult {margin:7px 7px 0 0; width:360px; height:45px; font-weight:bold; color:#1878df; background:#F9F1CC; float:left;} #speciesGuide #selectSpecies label {color:#FFF; font-weight:bold; float:left; margin-top:38px;} /* explore area */ #speciesGuide #selectTopics {border-top:solid 1px #74AEEC; margin:1px 0 18px; background:url(../images/dottedLineDarkBlue.gif) bottom repeat-x; padding-bottom:18px;} #speciesGuide #selectTopics h3 {float:left; width:680px;} #speciesGuide #selectTopics h3, #speciesGuide #selectTopics h3 em {height:19px; background:url(../images/speciesGuideTitleSelectTopics.gif) no-repeat;} #speciesGuide #selectTopics label {width:170px; float:left; margin:1px 28px 0 0; display:block; padding:4px 5px; line-height:1em; background:#A3C9F2;} #speciesGuide #selectTopics label.viewAll {margin:20px 400px 20px 0;} #speciesGuide #selectTopics label input {margin:0 5px 0 0; padding:0; vertical-align:middle;} /* submit button */ #speciesGuide #submitButton {float:right; margin-bottom:12px;} /* previous/next links */ ul.previousNextLinks {list-style:none; margin:0;} ul.previousNextLinks li {float:left; margin-right:12px;} a.next {margin-top:4px; padding:2px 16px 1px 0; background:url(../images/iconListLink.gif) right 4px no-repeat;} a.previous {margin-top:4px; padding:2px 0 1px 16px; background:url(../images/iconListLinkLeft.gif) 0 4px no-repeat;} /* PUBLICATIONS (uses right image list) */ #publicationsList input.firstButton {float:right;} #publicationsList ul {clear:both;} #publicationsList li {width:100%;} #publicationsList li input {margin:0 5px 0 0; padding:0; vertical-align:middle;} #publicationsList label {display:block; margin-top:15px; width:220px; line-height:1em;} #publicationsList ul ul {margin-left:0;} #publicationsList ul ul li {margin-right:10px; width:auto;} /* order publications form */ fieldset#publicationsOrders {float:left; padding-bottom:12px;} fieldset#publicationsOrders label {width:254px;} fieldset#publicationsOrders label strong {display:block; float:left; width:150px;} fieldset#publicationsOrders label strong span {color: #f93915; font-weight: normal;} /* MARKET RESEARCH */ /* graphs */ ul#graphs {list-style:none; margin:15px -20px 25px 0; overflow:hidden;} ul#graphs li {float:left; margin-right:10px;} /* data table */ table.dataTable {margin:0 0 25px; width:100%; clear:both;} table.dataTable th {padding:0 0 10px;} table.dataTable tr.coloured {background:#D1E4F9;} table.dataTable td {padding:5px;} table.dataTable tr.tr-odd {background:#D1E4F9;} table.dataTable caption {text-align: left;} table.dataTableBorders {border-width: 0 0 1px 1px; border-style: solid; margin:0 0 25px; width:100%; clear:both;} table.dataTableBorders td {padding:5px; border-width: 1px 1px 0 0; border-style: solid;} table.dataTableBorders th {padding:0 0 10px; border-width: 1px 1px 0 0; border-style: solid;} table.dataTableBorders tr.coloured {background:#D1E4F9;} /* QUESTION CENTRE */ p.questionButtons {background:url(../images/dottedLineGreyOnWhite.gif) bottom repeat-x; padding-bottom:18px; overflow:hidden; float:left; width:100%;} a.askAQuestionButton {width:121px; height:18px; display:block; float:left; position:relative; overflow:hidden;} a.askAQuestionButton em {background:url(../images/buttonAskAQuestion.gif) 0 0 no-repeat; display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;} a:hover.askAQuestionButton em {display:block; background-position:0 -18px !important;} a.aboutOurExpertsButton {width:144px; height:18px; margin-left:12px; float:left; display:block; position:relative; overflow:hidden;} a.aboutOurExpertsButton em {background:url(../images/buttonAboutOurExperts.gif) 0 0 no-repeat; display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;} a:hover.aboutOurExpertsButton em {display:block; background-position:0 -18px !important;} p.questionButtons a:hover em {display:block; background-position:0 -18px !important;} /* ask a question form */ form#askAQuestionForm select#areaOfQuestion {width:195px;} /* GLOSSARY */ dl.glossaryList dt {font-weight:bold; margin-top:15px;} /* glossary links */ ul#glossaryLinks {list-style:none; margin:0;} ul#glossaryLinks li {padding:5px; overflow:auto;} ul#glossaryLinks li.coloured {background:#D1E4F9;} ul#glossaryLinks a.item {width:180px; display:block; float:left;} ul#glossaryLinks span {width:90px; display:block; float:left;} /* glossary list */ ul.glossaryList {list-style:none; margin:0;} ul.glossaryList li {margin-top:15px;} /* ========= NEWS & EVENTS ========= */ /* news and events list */ ul.newsAndEventsList {list-style:none; margin:0;} ul.newsAndEventsList li {border-top:solid 1px #74AEEC; clear:both;} ul.newsAndEventsList ul {margin-left:0; list-style:none;} ul.newsAndEventsList ul li {border:0; clear:none; margin-bottom:15px;} ul.newsAndEventsList h2 {color:#1878DF; margin-bottom:7px; font-size:1em; font-weight:bold;} ul.newsAndEventsList h4 a {font-size:1.2em; font-style:italic; font-size:1.8em; font-weight:normal; color:#F93915; text-decoration:none; padding:1px 0;} ul.newsAndEventsList h4 a:hover {color:#FFF !important; background:#F93915;} ul.newsAndEventsList h4.subTitle {margin-bottom:4px; color:#1878DF;} /* main content is an unordered list